Role

UX Planning, UI Design & Animations

Tools

Figma, Illustrator, After Effects

Company

Decathlon

Introduction

Decathlon is one of the largest shop
for sports products, and they approached me for revamping their self checkout user interface and it was confidential freelance project.

Problems

The UI lacked intuitiveness and visual appeal.
Completing shopping steps was a complex process.
Lack of educational resources for new users.
The UI design deviated significantly from the brand's established style.

Solution

Enhance UI for a visually clean and appealing design
Streamline steps to expedite transactions
Implement a demonstrative feature for ease of use
Enhance user engagement
Improve product showcase presentation

Research

  • During the store visit, we engaged in discussions about our products.

  • Customer interviews were conducted to gather valuable insights.

  • Observing customer interactions provided firsthand understanding of their needs.

  • We delved into the technology and hardware to gain a comprehensive understanding.

  • Findings were thoroughly discussed with the engineering team to inform future decisions.

User Journey

Wireframes

Design Principles

1. Clean and Intuitive Design

A minimalist design ensures a clutter-free interface, focusing on essential elements.

2. Consistency

Maintain consistent visual elements, navigation, and terminology throughout the app for a seamless user experience.

3. Accessibility

Prioritize accessibility features to ensure the app is usable by people with diverse needs.

4. Personalization

Implement personalized recommendations based on user preferences and history.

App Interaction Demo

Start Screen

This screen explains about the steps and Start button to iniciate the billing process.

Sign In

Here user can enter email or Phone number, for the existing user it directly take to scan page.

Register

This page create account for the new user Sign In.

Product Scan

All the product looks the same but maintained variants design language for each product page. Those graphics made a major differentiation across all product page.

Scanned Products

-

Adding Extras

-

Payment Methods

System provide main 2 payment methods, Card Payment and UPI payment.

Thank you and Feedback

-

Animations

Outcome

Decathlon successfully provides a user-friendly platform that simplifies the process of Billing. The app has gained popularity among users, offering a trustworthy and convenient solution. Great response from the customers and Implemented many self checkout points across the stores.