Web App Redesign

Mixing it up for DIY flavor enthusiast

A ground-up redesign of a flavor-first experience made for DIY creators and taste explorers.

Overhead photo of ingredients and coffee beans on a rustic wooden table

CLIENT

All The Flavors

TYPE

Web App Redesign

SERVICES

UX/UI Design​​​​​​

01

Challenge

Alltheflavors.com, renowned as the Spotify of flavoring, is a dynamic web app and thriving online community for DIY e-liquid mixing enthusiasts. Under new ownership, the leadership team embraced the opportunity to amplify their established success by creating something truly extraordinary for their passionate user base.

02

Solution

VSURY was retained by All The Flavors to set the vision for a new platform and develop the necessary artifacts for implementation. Partnering with All The Flavors and their third-party development team, we embarked on the ambitious task of creating an unparalleled user experience. By collaborating closely with internal stakeholders and community power users, we reimagined the platform from the ground up, developed a comprehensive roadmap, and began designing the overarching user experience.

Over nearly six months, we mapped all user journeys and created dozens of wireframes to serve as blueprints for redesigning existing user flows and platform capabilities, as well as introducing new ones. We selected a scalable back-end and a framework-based UI for efficient development. From there, the new look-and-feel emerged, and a design system was finalized for implementation.

The new web app will enhance users’ ability to find and share recipes, browse a vast library of flavor concentrates, and participate in forums discussing various aspects of DIY vaping. These improvements will significantly boost platform user engagement and satisfaction, setting an even greater course for the brand’s future.

Side-by-side laptop view of All The Flavors dashboard on a coral gradient background

Caption

Transparent placeholder image

Caption

Brand component guide with UI element spacing and color-coding standards

Content & Capabilities Roadmap

Light-themed UI dashboard mockups with charts and file icons on light blue background

Reusable Component Library

3D mobile mockup showing a UI card element on coral-pink background

Individual Block System Module Designs

Transparent placeholder image

Caption

UI wireframe layout and data visualization mockups in grayscale and blue

Wireframes

All The Flavors logotype on a white background with vape pen icon

Old Brand Identity

Dark blue background with All The Flavors logotype and pink vape pen icon

New Brand Identity

Typography and color palette guide with brand fonts and swatch variations

Expanded Typography & Colors

Transparent placeholder image

Caption

Dark-themed login screen with overlapping graphic shapes and account form fields

Sign-Up Page

Next

UI Design System

Bringing high-end craftsmanship and design to the masses

Achieving design harmony for a premium brand with craftsmanship at its core.