Elixir

Empower Creativity, Ensure Consistency

A laptop on red background with the 46 labs main dashboard of the app
overview

Elixir Design System offers a comprehensive kit complete with guidelines, components and tools, specifically crafted to enhance the design, construction and development of digital dashboard products.

industry
SAAS
Market
USA
Company size
1 - 10 Employees
Deliverables
Dashboard · Design System
challenge
Maintaining consistency across various components, platforms, and applications can be difficult, especially in large organizations with multiple teams working on different products.
solution

We addressed the challenges about consistency, scalability, collaboration and standardisation by creating a dedicated design system to integrate with multiple teams working on different digital products.

Multiple screens from the 46 labs project showing logo, connected world and the main dashboard of the app
process
The project involved a wide range of UX and UI design activities: in-depth research, development of user flows, wireframe creation, idea validation, design of visual assets, prototype testing & culminating in the development of the product.
Research icon
Research

We learned more about the different problems and business requirements and contextualised the opportunity.

Discovery

User persona

Competitive analysis

User Experience icon
UX Design

After filtering the ideas and data gathered, we generated user flows detailing the journey of the user.

User journey

UX flows

Wireframes

User Interface icon
UI Design

With a strong basis of UX findings, interface app screens are designed to be intuitive and user-centric.

Moodboard

Art direction

High-fidelity

Design System

Prototype icon
Prototype

For a selected user flows of the app, we’ve tested how the ideal user interacts with the solution proposed.

Interactive prototype

Developer hand-off

A user persona example that we use for our projects and include in the design systemWoman at her desk working on her computerA laptop showing the main screen of a web appmultiple screens of dashboard appselements of design system: colors and griddesign system components: font and branding colors design system components: examples of social media designlogo of the elixir design system
results
We’ve created Elixir DS to increase efficiency (40% decrease in development time of features) by providing reusable components and interaction patterns. This reduces the need for designers and developers to recreate elements from scratch for each new project, significantly speeding up project timelines.‍‍

Where Design Elevates,
Opportunities Follow