SaaS · Product Design
SaaS Dashboard & Onboarding
An end-to-end product design exercise: research, personas, journey maps, information architecture, wireframes, high-fidelity screens, and an interactive prototype in Figma.
Overview
A SaaS dashboard and onboarding experience designed end-to-end as a product design exercise, from user research through personas, journey maps, information architecture, user flows, wireframes, high-fidelity screens, and an interactive prototype.
Problem statement
A SaaS product needs to get new users to value quickly while keeping the right features visible to the right roles. The design focused on how onboarding guidance, role-based access control, and empty states can work together in a responsive dashboard.
Project goals
- Run user research and distill it into personas, journey maps, information architecture, and user flows
- Design wireframes and high-fidelity screens with reusable design-system components in Figma
- Address role-based access control, empty states, onboarding guidance, and responsive dashboard layouts
- Test with users and refine the experience based on feedback
Process
Research and discovery
Conducted user research and distilled it into personas, journey maps, information architecture, and user flows for the dashboard and onboarding experience.
Wireframes to high-fidelity
Progressed from wireframes to high-fidelity screens and interactive prototypes, building reusable design-system components in Figma along the way.
Product areas addressed
Focused the design on role-based access control, empty states, onboarding guidance, and responsive dashboard layouts, core SaaS product areas.
Usability testing
Performed usability testing and refined the experience based on user feedback.
Key learnings
- Practicing a complete product design process, from research and IA through high-fidelity UI, prototype, and usability testing
- Designing for SaaS-specific patterns: dashboards, onboarding, RBAC, and empty states
- Building a design system of reusable components in Figma instead of one-off screens
Figma prototype & screens coming soon
The case study will be completed with the final screens and the interactive prototype link.
Next project
EduTech: Learning Platform