Carta V3 Goals
We want to make the course search and planning process as efficient as possible for busy students.
- Improve the overall user experience – ease of navigating through the site and discerning information clearly
- Improve data visualization of key metrics: hours spent on course, enrollment by year, enrollment outcomes, reasons for taking course, course reviews
- Design for all edge cases
- Cleaner organization – course cards, filtering, maximizing use of space
- Prioritize accessibility - Dark Mode, color choice, etc
Design Approach
Since our team of students has relatively high turnover, we have a fairly regulated design approach to achieve our goals with a thorough process and high-quality output. On Figma, we follow this page structure for each project:
Low-Fidelity & Research
Sketches, comparator studies, journey maps, affinity mapping, user research etc.
Medium-Fidelity
Grayscale UX iterations – minimalist wireframes
High-Fidelity
Iterations optimizing visual design and UI using the Carta Design System (named Wayfinder), designing for edge cases (error states, empty states, tooltips, tutorials, onboarding, unpredictable content)
Contribute to Wayfinder
Suggesting new UI components to add to the Design System if needed
Ready for Development
The final version spec’d out for frontend
Feedback & Iteration
This is an iterative process, so we jump between wireframing, user testing, and critiques so that we're constantly improving by learning from users' and team members' experiences with the product.
An example of my process – redesigning the Home Page: