ART DIRECTOR +
EXPERIENCE DESIGNER
LEGER,
GIANELLE
BASED IN
NUEVA YORK
PREV
Design
Purpose

Emphasize the power
and freedom of skin

001
EXIT
UX + UI Design System

bareMinerals

Construct a fresh interface that echoes the quality and integrity of bareMinerals® Cosmetics. Aiming to deliver a more suitable identity and tone, this design system is meant to highlight and celebrate a diverse community of skin shades, textures, and types.

DURATION

4 Months
Sept - Dec
2020

TOOLS

Figma
Illustrator
AfterEffects

FIELD

Art Direction
UX Research
UX Design
UI Design

AWARD

Young Ones ADC
Craft in Online / Mobile
Art Direction 2021

CHALLENGE

Current navigation system is cluttered and prompts an overwhelming shopping experience. Readability and legibility issues throughout the website as well as theme inconsistency and lack of bM’s beauty identity.

OBJECTIVE

Explore and establish a tone that best reflects bM consumers. Implement consolidated categories, simplified actions and strong visuals.  Highlight a diverse community of skin tones and types while celebrating natural beauty.

USER PERSONA
UX STRATEGY
TASKFLOW
DESIGN TONE

MOBILE DESIGN

DESKTOP DESIGN

COLOR SYSTEM
ICONOGRAPHY
TYPE SYSTEM
TYPE SCALE
GRID SYSTEM

B

C

D

A

A

UI OVERVIEW

B

MOBILE INTERFACE

C

DESKTOP INTERFACE

D

DESIGN SYSTEM