Time: 1 week (40 hours)
Role: End-to-end UX/UI designer
Team: 1 individual
Tools: Figma
Platform: Mobile

Challenge

Enhance user experience for high-trafficked collection page.

solution

Increase user satisfaction and personalize experience.

Potential IMPACT

Increase in user engagement
Increase in user retention
Increase in user satisfaction

MMU.com

The Milk Makeup website serves as the premier online destination, highlighting the brand's pioneering and inclusive beauty offerings. It captivates visitors with engaging content and user-friendly design, facilitating smooth shopping experiences and cementing Milk Makeup’s status as a trailblazer in the beauty industry, all while celebrating the brand’s commitment to individuality and expression.

The Best Sellers Collection draws users in by featuring popular choices among customers, making it a critical touchpoint with high traffic. Optimizing this page is essential to enhance sales conversions and ensure that it continues to effectively showcase top-selling products.

Current Site Status

The Milk Makeup Best Sellers collection page, while highly trafficked, needs optimization. Current challenges include, a layout that hampers navigation, and poor mobile responsiveness. Addressing these issues offers a significant opportunity to refine the design, enhance functionality, and boost overall performance metrics.

Personalization

To elevate the shopping experience on the Milk Makeup website, several enhancements can be implemented. First, introducing filters can streamline product searches, making it easier for customers to find exactly what they're looking for. Additionally, integrating a 'like' button would encourage users to create accounts and save their favorite products to a 'liked' list, enhancing personalized shopping and engagement.

Seamless Experience - Content

The Milk Makeup website can boost engagement by featuring user-generated content (UGC) from Instagram, allowing visitors to view and directly purchase products seen in posts. This seamless integration of social media and e-commerce simplifies the buying process. Additionally, introducing "Shop the Look" features can enhance user interaction and sales, enabling customers to buy highlighted items and discover related products, thereby increasing cross-selling opportunities.

competitive insights

- Advanced Filters - Sticky
- Like Button
- "Selling Fast" Tag
- No Star Reviews
- Alt Image
- Desktop Add to Bag Hover
- Shop the Look
- Shop Instagram
- Browse More Collections at Bottom
- Collection Organized by Category
- Categories to Shop at the Top
- Advanced Filters
- No Star Reviews
- Like Button
- No Add to Bag
- Join Rewards Sticky Button
- Shades Show on First Page Load
- Advanced Filters
- Alt Image
- Tout
- No Star Reviews
- No Add to Bag
- Shades Show on First Page Load

HMW Questions

How might we support users to personalize their shopping experience?

How might we increase conversion rates?

How might we engage customers with products on the collection page?

User Personas

overview

I created two user personas one user that is a big Milk Makeup lover and a Newbie user that is interested to learn more about the brand and products it has to offer.

Looking for

A mobile shopping experience to shop and find products that can improve their makeup routines.

Milk Makeup Lover

“I want a personalized shopping experience.”

Newbie

“I want to find new makeup products and see if i like the brand.”

Solution

Create MVP new features for the Milk Makeup mobile site that allows for a seamless way to personalize the users shopping experience and shop products.