Designing a Functional Dashboard for Koach
Timeline
May 2024 - August 2024
Context
Internship
Role
UX Designer
Team
4 UX Designers, Development Team, Founder
Context
Koach is a small startup in the early-stage. Koach's goals are to provide a platform where students, entrepreneurs and anyone looking to give or gain insights into their career can connect and find mentors and mentees.
Concept Video
The Problem
Dashboard V1 Mentor Screens
I had to implement several features, but they were either not in user-friendly locations or completely missing from the design. To visualize how these features would relate to each other, I created an Information Architecture. I organized the features into categories, such as grouping activities and user goals under a "Goals" page and placing booking sessions and active sessions under a "Sessions" page. Additionally, the dashboard needed "quick links" or call-to-action buttons to direct users to important pages, like a component showing how far users are from their goals, which would lead them to the "Goals" page, and an upcoming sessions component that would lead users to the "Sessions" page.
Low Fidelity Prototyping
You can see the iterative design process from low to high fidelity prototyping. Many features from the original dashboard were maintained in the second version of the dashboard. For example, progress tracking mechanics had not been fully ideated so the graphics for progress tracking and goal tracking were kept in version 2 iterations of the dashboard.
The final high fidelity version of the dashboard was transformed to use Koach’s brand colors and typography. In order to keep a clean appearance, muted grays and whites were used for the quick link components. To point users to call-to-action buttons, darker blues and yellows were used to add contrast from other components.
Final High Fidelity Prototype
Design Specifications Document and Component Library created in Figma
