UCI Anteater Atlas

Finished Product Project Website

Overview

UCI Anteater Atlas was a quarter-long project where we identified a campus-wide problem and designed a digital solution to address it. My team created Anteater Atlas, a centralized resource platform for UCI students designed to simplify access to academic, research, and mental health resources through a clean, user-friendly interface. Throughout the process, we created User Flows, Wireframes, Mockups, and a Figma Protype. Then all of this was displayed on my team's project website.

My Role

Coordinated the team by scheduling group meetings and structuring the workflow

Synthesized research insights by compiling user interviews and identifying key themes

Set design priorities by determining the key features of the platform

Created Task and User Flows from interview insights

Contributed to the High Fidelity Designs in Figma and ensured visual consistency

Task and User Flows

Task and User Flows

I created the task and user flows to demonstrate how users might interact with Anteater Atlas. These flows highlighted common use patterns that would help us guide our design decisions. Making sure we had all the appropriate pages and error prevention/backtracking options for seamless navigation. These task and user flows ensured that the team could create an intuitive experience for users.

Key Insights

Key Insights

To uncover the primary pain points of the student experience, I conducted some of the teams one-on-one user interviews and performed a qualitative analysis of the interview data collected by my teammates. By synthesizing these notes, I identified recurring themes in student behavior and preferences, which allowed me to narrow our focus to four key insights. To ensure our design was grounded in real-world needs, I extracted direct quotes from the participants to validate our findings and guide our feature prioritization.

High Fidelity Prototype

High Fidelity Prototype

*Example of the resouce page designed for mobile.

I contributed to several core pages of the high-fidelity mockup, focusing on maintaining visual consistency across the platform. My work involved translating our established style guide and component library into functional layouts, ensuring that typography and spacing remained uniform with the sections designed by my teammates. I focused on optimizing the information hierarchy of the resource modules, making sure that the most vital information was accessible at a glance without cluttering the mobile view.

Outcome

By the end of the quarter, we delivered both a high-fidelity and interactive prototype that centralized UCI’s academic resources into one hub. A platform that was easy to navigate and allowed the user to easily find what resources they were looking for without scouring across many webpages.