Skip to content

Aaron Yang | UI/UX Designer, User Researcher, Website Developer

SoDAA Alumni Map

[print-me title=”Print this Page” do_not_print=”footer”]


MY ROLE:

  • Web App Design and Development
    • Interaction Design
    • Visual Design
    • Responsive Design
    • JavaScript Development

SUPERVISED BY:

Michael Strand, Director of School of Design, Architecture & Arts 

TIME:

Jan. 2020 – May. 2020

TECHNOLOGIES:

  • Language: HTML, CSS, JavaScript
  • Database: Firebase Real Time Database
  • Map API: Mapbox GL JS
  • CSS framework: Bootstrap

Introduction

Michael Strand, the director of NDSU School of Design, Architecture, and Art, initiated the idea of alumni map, building an interactive map that displays the school’s alumni network. When I received this work request, I noticed a bigger pain point. Previously, they updated the list of alumni manually on the website. The information is often outdated because it was hard to track everyone’s information over time. So, rather than just creating a map page, I created a content management system that allows the alumni to create an account and manage their location and profile by themselves. The information will be updated on the map automatically. It was successful. And people loved it.

My goal in this project is to create a configurable content management system that can be used for any geological-related information, not just a static design for the fixed content. So, I optimized the coding and database so that it could be easily configured for different purposes. Later, I adapted the system for the projects of other organizations, such as American Craft Council, SoDAA Advisory Board, and NCBDS 38 Conference.

Map UI Design

The Map

Responsive Design

SoDAA Alumni Map mockup

User Profile

Related Projects

Thank you!


Other Featured Projects

ADL 1-2-3 Device

A gamified system that saves young patients’ lives by finishing daily hygiene activities.

Simple Booking

A space-scheduling system that helped students reserve a space in facilities during the pandemic.

CoCook

A meal kit service that helps students save time on cooking with an affordable solution.