Technology Used:
Figma, Storybook, React. Sass, TypeScript
My Role:
As the Senior UI/UX Designer, I was provided with the tech specs to translate into multiple views and showcase different experiences and user journeys. All of these views were made up of previously designed and developed components from the Willow UI project, so all designs were made with keeping Storybook, React, Sass, and TypeScript in mind for development purposes.
The Designs:
All designs were built in Figma based on common UI/UX principles and data collected from user surveys and interviews.
Login Page
Header/Navigation Component
Menu Components
Settings: General Settings
Settings: User Permissions
Settings: Notifications
Settings: Company Information
Settings: Store Information
Settings: Integrations
General Shell for Existing Products
Mobile Design Examples
Back to Top