Lupiter - Design System

Our project focused on creating a dashboard with various components in Storybook, a development environment ideal for building and testing UI components in isolation. Storybook serves as a playground for developers, allowing us to craft and fine-tune individual elements of the dashboard efficiently. This approach enabled us to design a functional and cohesive user interface, inspired by a retro-future aesthetic, tailored for a spaceship journey between Earth and Jupiter.

Our Process

Moodboard

We started our project by creating a moodboard in Figma get inspired from different styles and aesthetics. We wanted to create a dashboard that resembled a more futuristic look with bright neon colors. We also wanted to incorporate a retro feel to the dashboard, so we looked at different retro-futuristic aesthetics, such as a physical, metal toggle switch.

Mid-Fi

We then created a mid-fi prototype in Figma to quickly make adjustments to our design and to ensure that we were all on the same page. We used the moodboard to establish a color palette, typography, and a general aesthetic for our dashboard.