Broadlume Shell App

As the leading tech company in the flooring industry, Broadlume provides numerous web and desktop apps to over 3,000 flooring retailers. Over time, Broadlume has acquired other companies with products that fulfilled the needs of users but didn't quite fit in with the overall Broadlume style. In order to consolidate 5 products, the engineering and product teams began a project called The Shell. This project served to create an all-in-one experience through the consolidation of all Broadlume apps.

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
Dashboard
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