Dior Case Study (UI/UX) | Musemind Agency

Client

Nikki Weigel

Category

AR/VR

Live view

Visit Website

Timelines

3 Months

SErvice we provided

User Research
UI Design
Development

About the Project

Dior, our celebrated concept project which earned immense appreciation and boosted our brand.

Our goal with Dior was to craft a seamless beauty journey. We aimed to create a user-friendly funnel, starting from skin analysis to personalized product recommendations and direct purchasing through seamless integration with Walmart and Amazon.

Problems

Our audience faced challenges in analyzing their skin, obtaining skincare guidance, and making informed makeup choices. They needed a time-saving, cost-effective solution to address these issues in their beauty routines.

Challenges

Introducing AR features posed design challenges, requiring seamless integration while maintaining a user-friendly interface. Ensuring consistency with existing branding and responsive design for various devices were also significant considerations.

Our Solutions

We designed an application with AR features that would analyze users’ skin and recommend the right products. Also users can try virtual make-up before buying it which would reduce wrong purchases.

The Dior concept project is fantastic! It's like having a personal skincare advisor right on your phone! E-commerce integration is what really makes it more friendly. Looking forward for more concepts like this!

Nikki Weigel

CEO, DIOR

View review on clutch

Design

Process

Research

In the research phase, we comprehensively study user needs, behaviors, and pain points through methods like interviews and data analysis to inform the design process effectively.

Design

During the design phase, we create wireframes and prototypes, visually conceptualizing solutions. These serve as blueprints for the user interface's structure, layout, and functionality.

Testing

In the testing phase, we gather user feedback on prototypes, assess usability, and refine designs. This iterative process ensures the final product meets user expectations and needs.

Implementation

In the implementation phase, we focus on translating the designed user interface into a functional product, adhering to the established design guidelines and aesthetics. - implementation

Iteration

During the iteration phase, we revisit and refine the design and functionality based on feedback and insights gathered from user testing and evaluation, ensuring continuous improvement

High Fidelity Wireframe

Following user research, we carefully devised a layout that prioritized information hierarchy. We then sketched the visual outline and fine details of key features.

Style Guide

Our style guide was meticulously designed to convey a modern, gamified feel that resonates with our target audience. We wanted to make skincare and makeup engaging and accessible.

Visual Output

When translating our wireframes into visual output, our goal was to create an interface that displays a sense of modernity and fun.

Features

Dior offers a range of features, including skin analysis for personalized product recommendations, virtual makeup trials, and seamless e-commerce integrations for convenient purchase.

Conclusion

Through our collaboration with Dior, we made it possible for users to get all the skincare solutions they need from a single app. Also, we elevated user experience to give a luxury feel to audience.