Maybelline NY
New UI Exploration

Exploring a refreshed user experience for Maybelline’s U.S. website

Web

Beauty & Retail

2 months

Get StartedBack Icon  Button

Challenge & Scope

Maybelline New York set out to refresh the UX of their U.S. website, aiming to modernize the interface while staying aligned with their global brand identity. We were brought in by AnalogFolk to assist with low-fidelity design exploration, helping the team define a more consistent, intuitive experience. The project involved improving layout clarity, addressing inconsistencies, and experimenting with product page structures that could scale across collections. 

UX/UI Design

What We Did

We collaborated with AnalogFolk to structure Maybelline’s UX through targeted wireframe sprints and iterative feedback. The work focused on campaign and PDP layouts, laying the groundwork for a scalable design system the visual team would later build upon.

UX audits and competitor benchmarking

Wireframe exploration for PDP and campaign pages

Modular layout system for scalability

Daily feedback and design iteration

Annotations for seamless Visual Design handoff

Structured templates for site-wide consistency

Highlights

Competitor Benchmarking for UX Standards

We analyzed websites from brands like Fenty, L’Oréal, and Clinique to identify design patterns and industry trends that informed our layout decisions.

Grid of redesigned Maybelline web pages showcasing product detail, Green Edition collection, and Decoded Articles layouts designed by Irazu Studio.

Highlights

Modular Wireframe Exploration

We proposed multiple layout structures for product collections, franchise pages, and campaign initiatives like Brave Together and Conscious Together, designed to be adaptable and scalable.

Responsive Maybelline website designs created by Irazu Studio for the Conscious Together campaign displayed on tablet and mobile devices.

Highlights

Collaboration & Iteration

Daily feedback loops with AnalogFolk helped us iterate efficiently, aligning with Maybelline’s branding while resolving UX pain points quickly.

Mobile interface of Maybelline product page showing lipstick virtual try-on feature designed by Irazu Studio.

Outcome

Over two months, we helped establish a modernized UX foundation for Maybelline NY’s U.S. website. Our low-fidelity work was crucial in aligning stakeholders around structure, hierarchy, and user flow before entering high-fidelity design. The client approved the proposals, which were later implemented on their live website improving navigation, responsiveness, and content clarity.

Let's Talk

Need Reliable UX/UI Help?

Tell us what you’re working on we’ll jump in where it matters most.

Get in touch