Classroom Coach - Design system & Product Design

Morgan Fuller

Classroom Coach

Led up the branding work and design of the product for an early startup to empower early educators in their growth.
Duration: 6 months
Role: Lead UX/UI Designer

Design System

Started out this project building the design system, brand, and components from the ground up. Design system was built out in Figma with the most up to date features, along with being handed off to engineers to build a proper design system using MaterialUI and tokens.

Product Design

Used the design system tokens and components to then build out the product design. This included included everything from:
Wireframes: Initial concepts in wireframe mode to get product feedback as well as developer input before diving into designs.
Designs with prototype: Due to the fact that this is an early product building from the ground up, it was a process of quick designs built in prototype mode to show potential users.
Design iteration: After the prototype was built out and we got feedback from potential users, we then iterated on the product which impacted the designs.
Engineer handoff: Documented the designs with the tokens and components it was pulling from to make it easier to developers.
Loading screen
Login screen
Login screen
Onboarding survey
Onboarding survey
Onboarding survey
Onboarding survey
Profile
Profile
Dashboard
Dashboard
App store preview
App store preview
Like this project
0

Posted Jul 27, 2024

Branding, design system, and product design for a startup from the ground up.

Inspirato Design System
Inspirato Design System
Design Sprint: Rethinking the search experience
Design Sprint: Rethinking the search experience
Project: Messaging between teachers and parents
Project: Messaging between teachers and parents