E-Learning Modules For NARS Cosmetics
Chadd Weston
Project Highlights
Project Type: Interface Design
Client: Beauteschool (For NARS Cosmetics)
Location: New York
Input: Word Doc (Outline)
Deliverables: Figma
Stack: Figma
NARS Cosmetics is one of the world's leading cosmetics and beauty brands. Based in Paris, France, they employ roughly 250,000 stylists globally at their retail locations. I was brought on by one of their education vendors to come up with the course module design vision for their new e-learning initiative. These modules would be used to train stylists on product knowledge and customer care.
The NARS brand carried strict guidelines right down to kerning and font size for various uses so from a design standpoint, I was working under a more restricted environment than I was used to. The NARS look is very "high fashion" with sharp blacks, ultra thin all caps fonts, and lots of strong product and model visuals.
NARS Cosmetics e-learning module interface design showcase displaying multiple screen layouts on dark blue textured background, featuring product training screens, founder biography, makeup technique tutorials, and interactive quiz elements designed by Chadd Weston.
I needed to capture all of this and come up with a series of course slides that would make discovering the brand fun, engaging, and highly interactive. One key design consideration was navigation. To help with navigation clarity, I kept all learning slides white backdrop, all title slides black, and I built a full screen black overlay menu with chapter blocks that would light up if the learner was in that chapter. These techniques provided visual cues to the learner where they were situated in the module.
NARS Cosmetics e-learning module hero screen mockup showing "New To NARS" welcome page with stylized logo typography alongside product photography of lipstick collection in coral and nude shades on black background with course information card.
NARS Cosmetics e-learning interface wireframe mockup displaying NARS Skin course template with navigation icons, progress indicator, topic selection menu featuring François Nars, Brand, and Philosophy & Technique modules on white background.
NARS Cosmetics World of NARS main menu interface showing three learning modules: François Nars founder portrait, History & Heritage product imagery, and Philosophy & Technique makeup application photo with dark navigation panel on textured blue background.
NARS Cosmetics World of NARS course introduction screen featuring black and white portrait of founder François Nars in studio setting with 5-minute course duration indicator and navigation controls on split dark/light interface.
NARS Cosmetics e-learning interactive quiz screen mockup for Philosophy & Technique module showing "Who Am I?" drag-and-drop product matching exercise with Orgasm Blush, Concealer, Bronzing Powder, Liquid Blush, The Multiple, and Liquid Bronzer products.
"Chadd is a creative, brilliant professional who truly understood our needs and was able to translate them into a very successful project."
Mickey Tortorelli | Founder, Beauteschool (for NARS Cosmetics)
Like this project
Posted Jan 8, 2026
E-learning interface design for NARS Cosmetics — interactive training modules for global retail stylists. High-fashion aesthetic. Designed in Figma.
Likes
0
Views
1
