Elevating the Customer Shopping Journey: Panda’s Website and Mobile App Redesign

The NIX team enhanced the customer shopping experience with intuitive navigation, attractive interfaces, and smooth functionality.

Business Domain

Retail & eCommerce
Service

Visual Design Services, UI/UX Design, eCommerce Development
Technologies

Microsoft Clarity

Business Overview

Panda London, a rapidly expanding B2B enterprise, operates an online store featuring home and bath products crafted from natural materials. With a strong emphasis on customer satisfaction, they are committed to consistently delivering a seamless shopping experience.

In their pursuit of customer retention and acquisition, the client engaged NIX to revamp their current eCommerce website and mobile app. The objective was to enhance the overall customer experience at every stage of the transaction, attracting and retaining a larger customer base.

Project Scope

Conduct a thorough analysis of the data to identify areas for improvement in the existing website design

Enhance website performance through the adoption of React and WordPress

Improve user experience through optimized website speed and simplified navigation

Create a modern and visually-appealing design that maintains relevance over time

Solution

01 Metrics & Conversion
02 Competitors Analysis
03 Heuristic Analysis of the Mobile App

01
Metrics & Conversion
We used Microsoft Clarity to analyze user data, combining both quantitative and qualitative insights. This allowed us to understand how users interacted with the website, including their clicks, scrolls, and ignored elements. Moreover, we identified the critical pain points and shortcomings in the user experience, yielding invaluable insights for amplifying customer satisfaction.
- Addressing item details issues.One specific issue we discovered through session recordings was confusion among users regarding item details such as sizes and materials. To address this, we redesigned the related section to improve its structure and consolidate all relevant information in one place.
- Mitigating misclicks and user distraction. To tackle this issue, we developed a UI kit that aimed to ensure consistency and predictability of interactive elements, reducing user distraction.
02
Competitors Analysis

We conducted an extensive competitor analysis, aiming to identify fundamental industry trends, similarities, differences, key features, and prevalent design elements that could be implemented.

By conducting this analysis and incorporating our findings into the design, we ensured that the client can gain a competitive advantage and stay ahead of the competition.
03
Heuristic Analysis of the Mobile App

The expansion of m-commerce is progressing consistently, leading to heightened competition and underscoring the importance for businesses to deliver an exceptional mobile experience to customers.

With an emphasis on usability, a heuristic analysis is an evaluation technique wherein experts assess the design of a digital product against a set of predefined design principles. Conducting a heuristic analysis of Panda’s mobile app allowed us to identify and rectify various shortcomings in user experience, including gaps, inconsistencies, and instances where established heuristics were not met.

Accessibility Analysis

By incorporating general website accessibility guidelines into the initial design stages, organizations can broaden their target audience and enhance user experience by reducing pain points.

To ensure compliance with Web Content Accessibility Guidelines (WCAG), we conducted a thorough accessibility assessment of the website to identify any inconsistencies and provided recommendations for improvements.

Recognizing the significance of consistency, we developed a comprehensive UI kit that addressed various aspects of the design. Let’s explore some key aspects:

Client’s goal: The ability for clients to effortlessly add elements/blocks without relying on a designer was crucial. However, this approach often led to inconsistency issues and a subpar user experience. To tackle this, we designed a detailed UI kit, ensuring consistency throughout.
Customer’s goal:By leveraging the UI kit and ensuring consistency, we established a solid groundwork comprising thoughtfully-designed UI elements and components.

We also took the user experience on mobile interfaces to new heights by fine-tuning usability, leading to a seamless and immersive journey.

Checkout Flow
User’s Account

Checkout Flow

We created a new user-friendly and intuitive checkout design. To streamline the process and improve clarity, we divided the checkout flow into separate pages, making it easier to understand and visually distinguish different functional elements.

User’s Account

We designed a personalized account feature to empower customers with complete control over their purchases. For instance, users now have the ability to utilize previously entered information for future orders, leading to a more seamless and hassle-free experience.

Furthermore, there is no longer a necessity to visit courier delivery websites, as all tracking information is conveniently accessible within the user’s personal account, as well as for unregistered users.

Outcome

Panda London’s website and mobile app have undergone a contemporary redesign, resulting in a significant boost to user experience and a remarkable increase in conversion rates. The NIX team updated the design with intuitive navigation, visually appealing interfaces, and seamless functionality, all contributing to a more enjoyable and seamless shopping experience for users.