The network for creativity
Join 1.25M professional creatives like you
Connect with clients, get discovered, and run your business 100% commission-free
Creatives on Contra have earned over $150M and we are just getting started
Back to feedPost
NARS — SHADE MATCHING & PRODUCT DISCOVERY TOOL
Digital Product | Art Direction | UX/UI
To help customers confidently build a makeup routine, I designed a digital shade matching tool that uses NARS’ Soft Matte Foundation shades as a starting point for personalized product discovery.
The tool allows users to select their Soft Matte shade and instantly see curated product recommendations tailored to their skin tone, including complementary concealers, bronzers, blushes, and lip shades. The experience simplifies product selection while encouraging exploration across the NARS portfolio.
The result is an experience that turns shade matching into a personalized beauty journey, helping customers move from a single product purchase to a complete NARS look.
The network for creativity
Join 1.25M professional creatives like you
Connect with clients, get discovered, and run your business 100% commission-free
Creatives on Contra have earned over $150M and we are just getting started
Trending
retrofuturism
Share your favorite designs from the past exploring the distant future. Or your own take on the aesthetic 🚀
halftone
Dots. Texture. Grain. Let's see your designs using the halftone technique.
Midjourney
Creatives are showing off what they're making with Midjourney.
colorgrade
Video editors sound off: How do you enhance the mood of your video in color grading?
Related posts
Smart Electric Toothbrush Mobile App UI
mobileappdesignelectrictoothbrushAI Agent DesignerProduct DesignUI DesignAdobe XDFigmatoothbrushmobileappui
Veranda, a luxury residential concept landing page
Veranda is a concept build I created for a fictional luxury residential brand. It is not client work or a real property. The images and hero motion were generated with AI as part of the creative process.
I wanted to explore something that matters when building high-fidelity landing pages: after several rounds of changes, how do you make sure the final page still looks like the design that was approved?
The site is built in Next.js with responsive layouts, self-hosted fonts, GSAP motion and an interactive walkthrough. I also built in a proper QA process around it, not just checking that the page loads and the buttons work.
It compares 12 sections across five screen sizes against approved visual baselines. It flags visual drift, missing baselines and changes that have not been reviewed. I also tested interactions, accessibility, contrast, performance, browser behaviour and reduced-motion states.
The main lesson for me was simple: a page can pass functional tests and still no longer be the page that was agreed.
Building a QA process that flags visual drift against approved baselines is such an underrated skill, most people just eyeball it after changes go in. What first made you start checking for that instead of trusting the build looked right?
Your Brand Is Speaking Before You Do
Customers form an opinion about your business before they ever experience your product or service.
That opinion is shaped by your brand.
Not just the logo.
Not just the colours.
The entire identity.
Barbr Bento Motion was created to explore how a complete branding system can shape that perception through consistency, structure, and purposeful motion.
Instead of presenting individual assets, we focused on revealing how every piece of the identity - from typography and colour to brand applications and supporting graphics - works together to communicate one clear message:
Professional businesses build professional brands.
Because the strongest brands don't simply look premium.
They make customers feel confident enough to choose them.
If your visual identity isn't communicating your business's value, it may already be costing you opportunities before the first conversation begins.
Looking for a brand identity that helps your business earn trust, attract better customers, and stand out in a crowded market? Let's build a brand that works as hard as you do.
