Cover-home-page.png

Nespresso Mobile App

 
 

Nespresso Mobile App

Nespresso is committed to expanding its customer base beyond Boutiques and establishing a seamless online connection. The Nespresso App redesign aimed to revolutionize the user experience by modernizing and simplifying the process of discovering and ordering favorite coffee machines and accessories. Additionally, it empowers consumers with the latest news and exclusive offers, enhancing their overall experience. .

 
 
 
 

Context

As different product teams pursued their respective objectives, the app encountered fragmented implementations of the user experience. Organizationally, each section of the app was developed by different teams, resulting in discrepancies in execution. Consequently, this led to inconsistencies in how customers perceived the Nespresso brand.

After extensive research, our team identified three key app issues: slow performance, outdated visuals, and cluttered user experience. Through data analysis we discovered that a significant portion of the traffic comprised new visitors or existing ones seeking to reorder coffee. However, these sessions were relatively short-lived, and user interactions were limited in scope.

 
 
 
 
 
 

My Role

I was an integral member of the Mobile design team, entrusted with the tasks of defining the vision, strategy, and design for the iOS app.

Taking charge of the Feed, Explore and Checkout sections, I led the creation of a compelling user experience, producing a wide range of essential deliverables and presenting them to top-level management.

 
 
 

Setting the Design Direction

We used a top-down approach to design and the overall user experience. Through sketching and storyboarding, I developed various ideas for UI layout, functionality, data, and interactivity. Our vision started to take shape as we defined a high-level design language and the app's key interactions.

 
 
 
 
 
 
 

Testing the Design Direction

We conduct usability testing frequently on multiple prototype iterations to identify and address any issues. Through this iterative process, we continuously refine the UX and UI elements to ensure they meet the highest standards of usability and user satisfaction.

 
 
 
 

Nespresso Feed

Crafted with Modular Design, every country has the flexibility to personalize its pages by utilizing an adaptable system of page modules. These modules serve as a consistent storytelling standard within the Nespresso app.

 
 
 

Feed simulator

To assist local markets with visualizing and planning content, we've crafted an innovative personalized content app feed simulator. This advanced solution precisely simulates articles, news, videos, and other content to align seamlessly with the marketing communication strategies.

 
 
 
 
 

Seamless Explore browsing

The enhanced user experience empowers users to effortlessly navigate, explore, and search for their favorite products. This page is structured with modular elements, enabling dynamic visual systems that can readily adapt to a wide array of products.

 
 
 
 
 
 
 
 

Simplified Product Listing page

Product Listing Page is designed to simplify the coffee exploration and to easily compare coffee intensity and explore the premium blends, machines, and accessories with ease. It also simplifies the process of adding products to your shopping cart.

 
 

Extensive Product Descriptions

 

Our product detail page is designed for simplicity and functionality, emphasizing the product's essential attributes and advantages through a seamless blend of captivating imagery, informative videos and detailed product descriptions

 
 
 
 
 

All Crafted with a Dark Mode

We use tokens to implement dark mode, enhancing the user experience with improved visibility in low-light conditions and a modern aesthetic. The Dark Mode feature provides users with a choice and can be particularly valuable in situations where visibility and comfort are essential, such as during night-time or in low-light environments.

 
 
 
 
 

EFFORTLESS CHECKOUT EXPERIENCE

We work on a complete checkout design, enhancing the existing user flows by featuring the most frequently accessed sections upfront, while ensuring a intuitive, and effortlessly navigable checkout interface.

 
 
 
 
 

Easy Shipping Selection

We've crafted an adaptive user experience that assists users in making informed decisions between delivery and order pickup, taking into account factors such as time, price, and location

 
 
 
 
 
 
 

Simple Payment Decision

Crafted to minimize payment selection complexity and ensure a user-friendly experience, it also simplifies the process of adding gift cards.

 
 
 
 
 

order Summary

Designed to provide a comprehensive summary of the entire transaction, the 'Summary' offers users a final opportunity to review their chosen items, quantities, and prices before completing their purchase. This not only helps minimize errors but also enhances the transparency and trustworthiness of the checkout process.