Classroom Coach - Design system & Product Design

Morgan Fuller

Product Designer
Design Systems
UI Designer
Figma

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
Partner With Morgan
View Services

More Projects by Morgan