Michelin UX/UI Revamp

UX/UI Redesign · Brand Consistency

UX/UI Redesign · Brand Consistency

Part of Michelin’s full revamp of its official member app in China, this project focused on redesigning Gourmet+ , the digital home of the Michelin Guide and a key brand asset for driving discovery and loyalty. Despite its prestige, the section faced low traffic, poor retention, and weak conversion, making it the ideal starting point for reimagining the app’s user experience.

Client

Michelin China

Services

UX/UI Design
Visual Design

Industries

Automotive & Lifestyle

Date

Apr 2023

Background

Rebuilding Michelin’s Official App
Starting with Gourmet+

To rebuild Michelin’s official member app in China, we started with Gourmet+, the digital home of the Michelin Guide and the brand’s signature touchpoint for engaging and retaining users.

What is ULP?

ULP (User Loyalty Platform) is Michelin’s official member app in China, designed as a unified touchpoint to deliver a full-funnel brand experience, from awareness to purchase and loyalty.

Hosted as a WeChat mini-program, it operates inside China’s most widely used social platform (comparable to WhatsApp or Instagram), giving Michelin direct access to over 1.3 billion active users without requiring a separate app download.

In China, branded private-domain apps like ULP are a growing trend across industries. Competitors from premium auto brands (NIO, BMW) to FMCG (L’Oréal) and durable goods (Dyson) are using similar platforms to strengthen brand engagement and convert high-value customers.

Premium auto brands

Premium auto brands

Premium auto brands

FMGC

FMGC

FMGC

Durable goods

Durable goods

Durable goods

NIO

My BMW

L’ORÉAL

Dyson

Why Improve?

Low engagement & retention

  • Low engagement and retention

  • Poor conversion from content to purchase

  • Inconsistent brand and visual identity across pages

Why Focus on Gourmet+?

Among ULP’s five main sections – Explore+, Auto+, Gourmet+, Picks+, My+ – the Gourmet+ page is core to Michelin’s brand storytelling and heritage. Historically, Michelin’s restaurant guide has been the most powerful marketing asset for driving brand affinity and customer loyalty.

However, data revealed Gourmet+ had the lowest page views and repeat visits, despite its high brand value. Optimising this section would not only preserve brand prestige but also unlock untapped commercial opportunities.

Challenge

High Brand Value, Low User Activity

High Brand Value
Low User Activity

Starting from the existing Gourmet+ page, we found an outdated patchwork with no integrated UX design, lacking structure, focus, and hierarchy.

User Journey Map

Before

Scroll within phone screen

Swipe up within the screen

Poor Information Hierarchy

This section is visually prominent, but the functional purpose is unclear, potentially causing user confusion.

Red Bar: 米其林摘星之旅 | Michelin Star Journey

Displays the number of Michelin stars a user has collected. Clicking it redirects to the "Star Journey" page, which includes user footprints, recommended restaurants, frequently visited places, and wishlist restaurants.

Poor Information Hierarchy

This section is visually prominent, but the functional purpose is unclear, potentially causing user confusion.

Red Bar: 米其林摘星之旅 | Michelin Star Journey

Displays the number of Michelin stars a user has collected. Clicking it redirects to the "Star Journey" page, which includes user footprints, recommended restaurants, frequently visited places, and wishlist restaurants.

Poor Information Hierarchy

This section is visually prominent, but the functional purpose is unclear, potentially causing user confusion.

Red Bar: 米其林摘星之旅 | Michelin Star Journey

Displays the number of Michelin stars a user has collected. Clicking it redirects to the "Star Journey" page, which includes user footprints, recommended restaurants, frequently visited places, and wishlist restaurants.

Visual Hierarchy & Discoverability

This section is visually prominent, but the functional purpose is unclear, potentially causing user confusion.

今日餐厅推荐| Today's Restaurant Recommendations

Visual Hierarchy & Discoverability

This section is visually prominent, but the functional purpose is unclear, potentially causing user confusion.

今日餐厅推荐| Today's Restaurant Recommendations

Visual Hierarchy & Discoverability

This section is visually prominent, but the functional purpose is unclear, potentially causing user confusion.

今日餐厅推荐| Today's Restaurant Recommendations

Limited Content Diversity and Engagement

The content primarily follows a single theme, reducing engagement opportunities for users with different interests.

生活+推荐 | Gourmet+ Featured Articles

Limited Content Diversity and Engagement

The content primarily follows a single theme, reducing engagement opportunities for users with different interests.

生活+推荐 | Gourmet+ Featured Articles

Limited Content Diversity and Engagement

The content primarily follows a single theme, reducing engagement opportunities for users with different interests.

生活+推荐 | Gourmet+ Featured Articles

Disconnected from the Page Structure

The forum appears misplaced within the page hierarchy, leading to confusion about its function and relevance.

生活+论坛 | Gourmet+ Forum

Disconnected from the Page Structure

The forum appears misplaced within the page hierarchy, leading to confusion about its function and relevance.

生活+论坛 | Gourmet+ Forum

Disconnected from the Page Structure

The forum appears misplaced within the page hierarchy, leading to confusion about its function and relevance.

生活+论坛 | Gourmet+ Forum

Lack of Content Differentiation

The Michelin merchandise section lacks clear variation, making the offerings appear repetitive and less compelling to users.

米其林周边好物 | Michelin Merchandise

Lack of Content Differentiation

The Michelin merchandise section lacks clear variation, making the offerings appear repetitive and less compelling to users.

米其林周边好物 | Michelin Merchandise

Lack of Content Differentiation

The Michelin merchandise section lacks clear variation, making the offerings appear repetitive and less compelling to users.

米其林周边好物 | Michelin Merchandise

REDESIGN

Clarity. Simplicity. Engagement.

Rebuilding Michelin’s UI with a structured, intuitive layout that enhances readability and usability.

User Segmentation

Based on early user interviews and current interface analysis, we identified three representative user types and mapped their needs to targeted design actions.

Information Architecture

The revised structure streamlines the previous fragmented layout, introducing a clearer hierarchy and more consistent entry points to make navigation easier.

Gourmet+ UI Kit

The UI Kit is developed from the core “Gourmet+” section, reflecting its visual tone and interaction patterns.

RESULTS

Higher engagement.
Better usability.

The redesigned experience led to increased interaction, faster navigation, and improved brand consistency.

After

After

Scroll within phone screen

Swipe up within the screen

2022 (Jan 1 - Dec 31)

22K

Avg. Monthly Page UV

22K

Avg. Monthly Page UV

22K

Avg. Monthly Page UV

After the Revamp

After the Revamp

2023 (May 1 - Dec 31)

22K

Avg. Monthly Page UV

22K

Avg. Monthly Page UV

22K

Avg. Monthly Page UV

0%↑

0%↑

0%↑

Scroll within phone screen

Swipe up within the screen

About Gourmet+ LP

A flagship entry point uniting Michelin’s ecosystem

This landing page remains pinned as one of the most important pieces of communication for Michelin Gourmet+. It introduces the Gourmet+ concept while connecting seamlessly to other Michelin Guide resources, including the Wine Guide and city rankings.

I was solely responsible for the design and copywriting, ensuring that the page not only conveys Michelin’s brand voice but also provides a clear, engaging entry into the wider ecosystem.

This landing page remains pinned as one of the most important pieces of communication for Michelin Gourmet+. It introduces the Gourmet+ concept while connecting seamlessly to other Michelin Guide resources, including the Wine Guide and city rankings.

I was solely responsible for the design and copywriting, ensuring that the page not only conveys Michelin’s brand voice but also provides a clear, engaging entry into the wider ecosystem.

Reflection

This project highlighted the challenge of balancing Michelin’s established brand prestige with the need for practical usability. On the one hand, the design had to preserve Michelin’s authority and sense of exclusivity; on the other, it had to feel approachable and efficient for everyday users navigating restaurants, benefits, and lifestyle content.

Through this process, I learned:
-Bridging brand and function: how to translate an iconic brand language into digital UI elements (colours, typography, tone) while keeping interactions lightweight.

-Usability at scale: building a component library and consistent UI kit to reduce fragmentation and make the experience easier to expand.

-User-centric storytelling: creating entry points like the Star Journey LP that not only engage users but also connect seamlessly with the wider Michelin ecosystem.

-Design ownership: independently handling both copy and visual design for core assets, proving the value of design thinking beyond visuals.

My Role

-Responsible for research, information architecture, and defining the visual system

-Designed the UI kit and component library, ensuring scalability and brand alignment

-Independently created the Gourmet+ landing page, including copywriting, visual storytelling, and cross-linking with other Michelin Guide LPs

-Collaborated with internal stakeholders to refine the navigation flow, reducing fragmentation and improving usability

-Contributed to user segmentation analysis, mapping design requirements to different user types