← Back to work

UX concept · Desktop · Flavor exploration

Concept case study

01 / ELF BAR

ELF BAR

MAKING FLAVOR FEEL VISIBLE
BEFORE THE FIRST TASTE.

A visual-first UX concept exploring how sensory cues, focused hierarchy and progressive discovery can make online flavor selection easier for adult users.

RoleUX/UI Designer
Project typeConcept exploration
PlatformDesktop experience
ScopeFlavor decision-making
Elf Bar flavor exploration concept overviewDK / ELF BAR

ONE FLAVOR.
ONE FOCUS.
LESS DECISION FATIGUE.

This Elf Bar concept explores how sensory cues and focused hierarchy can make online flavor selection feel more intuitive. I developed the UX direction, structure, exploration flow, wireframes, interaction logic and high-fidelity desktop interface.

01

Sensory research

Lifestyle, FMCG, vape and sensory e-commerce patterns, audience needs and decision friction.

02

Attention structure

Homepage architecture, flavor hierarchy and a progressive path through the assortment.

03

Interaction logic

Wireframes and prototypes balancing product, flavor imagery, supporting copy and CTA placement.

04

Visual system

Flavor-led color, large typography, visual anchors, accessible contrast and consistent components.

Responsibilities

UX concept · Sensory e-commerce research · Information architecture · Flavor exploration flow · Wireframes · Interaction logic · Desktop UI · Visual hierarchy

FLAVOR IS SENSORY. MOST INTERFACES DESCRIBE IT LIKE A SPECIFICATION.

Problem

Flavor-based products are difficult to choose without physical interaction. Text-only descriptions, large equally weighted assortments and uniform layouts make taste hard to imagine and comparison unnecessarily demanding.

Goal

Simplify decision-making and strengthen flavor perception through a visual-first experience that gives one option clear priority, preserves access to alternatives and keeps supporting information concise.

UNDERSTANDING AN EMOTIONAL DECISION DISGUISED AS A PRODUCT CHOICE.

I analysed lifestyle, FMCG, vape and sensory e-commerce experiences, focusing on adult users aged 18–30, first-time or occasional buyers who value speed, aesthetics and clarity over technical detail.

Elf Bar sensory e-commerce and competitor researchDK / ELF BAR
01 / IMAGINATION

Text cannot carry taste alone.

Flavor names and descriptions ask users to imagine too much. Color, imagery and product presentation can communicate the sensory cue faster.

02 / PRIORITY

Equal emphasis creates choice paralysis.

Large assortments become difficult to compare when every option competes with the same visual weight and amount of information.

03 / ORIENTATION

First-time users need a starting point.

Adult users aged 18–30 valued speed, aesthetics and clarity over technical detail, especially when they did not already know which flavor to explore.

Research focus

Lifestyle brands · FMCG · Vape experiences · Sensory e-commerce · Visual hierarchy · Flavor exploration

FROM A LARGE ASSORTMENT TO ONE CLEAR FLAVOR STORY.

The homepage follows one deliberate sequence: hero, flavor name, sensory cue, short description and CTA. One primary flavor leads, while secondary options stay visible but de-emphasized for progressive exploration.

01 / FRAME

Define the attention flow.

I mapped the order in which the user sees product, flavor cue, supporting copy and the next action.

02 / EXPLORE

Test image and CTA placement.

Low-fidelity layouts compared different balances between flavor imagery, product scale and controls.

03 / PROTOTYPE

Refine the sensory hierarchy.

High-fidelity prototypes strengthened the primary visual anchor and reduced unnecessary copy.

04 / ITERATE

Protect clarity on color.

Contrast, typography and soft background elements were adjusted to keep the experience accessible.

Key design decisions

LET THE VISUAL CREATE DESIRE. LET THE UX CREATE CLARITY.

01

Present flavor visually first.

Color, fruit imagery and product visuals establish the expected taste before supporting text appears.

02

Give one flavor primary focus.

A single dominant option reduces cognitive load and makes the starting point immediately understandable.

03

Keep supporting copy short.

Text confirms the visual cue rather than trying to replace the sensory experience with explanation.

04

Keep alternatives present but quiet.

Secondary flavors remain discoverable with reduced emphasis, encouraging exploration without pressure.

DESIGNED TO
MAKE TASTE
UNDERSTANDABLE
AT A GLANCE.

The concept turns flavor into a visual sequence rather than a list of specifications. Product, color, imagery and short copy work together to guide attention without overwhelming first-time or occasional buyers.

01 / FLAVOR HERO

LET THE USER FEEL THE FLAVOR BEFORE READING.

The hero creates an immediate sensory cue through flavor-specific color, imagery and product scale, then confirms it with a short description.

  • Flavor-led color
  • Sensory imagery
  • Short supporting copy
Elf Bar flavor-focused hero conceptDK / ELF BAR

02 / PRODUCT FOCUS

MAKE THE PRODUCT THE ANCHOR OF ATTENTION.

A central product visual reinforces brand recognition and connects the physical object with the mood and identity of each flavor.

  • Strong visual scale
  • Brand recognition
  • Flavor association
Elf Bar product-focused visual compositionDK / ELF BAR

03 / NAVIGATION

REMOVE EVERYTHING THAT COMPETES WITH EXPLORATION.

Minimal navigation protects the primary visual flow and keeps the user focused on discovering flavors rather than managing the interface.

  • Reduced navigation
  • Clear attention path
  • Large readable typography
Elf Bar minimal navigation and flavor hierarchyDK / ELF BAR

A CLEARER, MORE EMOTIONAL WAY TO DISCOVER FLAVOR.

Concept takeaway

The concept demonstrates how visual hierarchy and sensory cues can turn flavor selection from a rational comparison task into a more intuitive emotional experience. Faster understanding and easier decisions remain design hypotheses to validate, not measured product outcomes.

Validation plan

FROM DESIGN DIRECTION TO PRODUCT EVIDENCE.

01

Usability testing with first-time adult users

02

Mobile adaptation of the exploration flow

03

A/B testing of flavor presentation strategies

Next case study

ENERTRACK

Create a free website with Framer, the website builder loved by startups, designers and agencies.