A UI design of the John Lewis App homescreen

John Lewis & Partners

Inspiring app users with user generated content

Design and development of a UGC component on the mobile platforms.

Industry: Retail, Ecommerce

Role: Senior UX Designer

Tools: Figma, Miro, Contentsquare

Approach: Research & Design

Summary: 48% of customers who viewed 1 UGC post, went on to view another in the same visit, and 30% of customers went on to view 3 posts. This is positive that customers are able to navigate around but again, we hope that developments for this year can help increase this number!

The Brief Inspiring and compelling customers

Research and insights highlighted a user need for inspiration through community-generated content. The objective was to provide users, particularly those in "browse" mode, with compelling visual content in a gallery format on the app's home screen. This gallery would display user-generated posts linked to products featured in the images, offering direct access to product details. An MVP approach was adopted to deliver the component and measure engagement.

My role

I worked as an end-to-end experience designer within a multidisciplinary mobile applications scrum team. My responsibilities included:

The Challenge Content curation

A critical aspect of the project was implementing a new API to integrate user-generated content. This required close collaboration with another team to enable the mobile app to pull and display the content in a grid format effectively.

High-Level Goals

The Process Browse and Shop

1. Research

2. Competitor Analysis

3. Ideation and User Flows

4. Wireframing and Prototyping

5. Accessibility and Design Standards

— Initial research: working with the team to brainstorm ideas.
— Competitor analysis; to understand what is performing well and what can be improved.
— Ideations and flows

The Results Positive initial results

The UGC component was successfully rolled out to 100% of customers before Christmas 2022, following a successful testing phase. Key metrics included:

These results underscored the potential of UGC to engage customers and drive further interaction. Future developments aim to enhance functionality with improved filters, additional content, and more robust onward journey options to increase these metrics further.

The UGC component rolled out successfully to 100% of customers before Christmas 2022 (following a successful test period). With an initial clickthrough rate greater than 0.3%. and 0.2% of customers scrolling to the end of the gallery homepage component (suggestings with more content/filters/onward journey they may also click through).

Customers who clicked on the component on first visit, 12% of them engaged with UGC again on a subsequent visit.

48% of customers who viewed 1 UGC post, went on to view another in the same visit, and 30% of customers went on to view 3 posts. This is positive that customers are able to navigate around but again, we hope that developments for this year can help increase this number!

A UI design of the John Lewis App homescreen
— Home screen component
A UI design of the John Lewis App homescreen showing the user generated content component
— Post view
— Post view expanded

Back to sajhd.com

View case study