Designer & maker creating inviting visuals to foster connection.
Keychains.png

Atlas

Atlas

Project Overview 

Atlas is a platform that displays data about U of M, Ann Arbor to inform students, instructors, and staff in decision-making. Atlas’s most beloved feature is the Schedule Builder, which allows students to plan out their academic schedules by semester.

Team

Amongst Atlas’s team of developers, designers, and behavioral scientists, I made contributions as a designer.

The Problem

Our center’s goals around student success prompted our Atlas team to build a degree planner, allowing students to map out their academic trajectory. Feedback from students told us they currently manage their degree requirements and courses across multiple platforms and need to reference different sources throughout the process of building their plan.

The Goal

Our goal was to create an accessible, intuitive tool for students to create their degree plan in a centralized location, limiting the need for outside sources and the disorientation that comes with bouncing between platforms.

Early Iterations

Creating wireframes helped us to sort out key workflows.

The Results

Graduation Roadmap

Early feedback from students confirmed that our team was on the right track with our design work!

The feedback on the graduation roadmap from the EECS 183 showcase has been fantastic! Students really appreciate it and find it useful, especially since many are currently juggling complicated spreadsheets or program-provided PDFs for their degree planning.
— May, Software Developer

Interactions Aplenty

While creating the graduation roadmap interface, we realized there are a lot of important interactions to think through when it comes to creating your plan, adding a requirement / course, etc. I prioritized outlining a document of important interactions to ensure design and development were on the same page.

Creating a Roadmap

Adding a Course & Requirement

Adding & Removing Terms

Adding A Requirement & Course

Adding Courses to Schedule Builder

Adding & Removing Years

Component Compilation

With this complex new feature came the need to expand upon & organize our design system, which I prioritized creating in Figma.

Graduation Roadmap’s “Phase 0” is being deployed to our staging site so we can gather more insights from students via user testing. The Roadmap is an ongoing work in progress that we hope to continue to improve upon with each iteration!