top of page

KIDCITY RETAILERS APP

B2B | E-Commerce

Increased 5X Conversion On App Install & New Subscribers

Project Overview

Kidcity is a B2B app, designed to connect kidswear retailers with manufacturers. As the app had been launched with an outdated design and unsatisfactory user experience, my task was to redesign it.

BEFORE REDESIGN

My Role

Lead UX & UI Designer

Team

1 UX UI Designer 

4 Developers

1 Project Manager

Timeline

Over 6 Months Research + Design + Testing + Iteration

Challenges

The key challenges with Kidcity's existing app included outdated visuals, a complicated invoicing system in the cart, and a lack of direct communication options. The time constraint to redesign over 50 pages in a month and the budgetary restrictions, given Kidcity is a startup, added another layer of complexity to these challenges.

Time Constraints

Budget Restrictions

Cluttered Design

Research

To tackle these challenges, I started with interviewing stakeholders to understand the business perspective. Simultaneously, I conducted user interviews to gain insights into the retailers' experience with the app. These interviews were immensely helpful in understanding the pain points of the users and the expectations of the stakeholders.

USER PERSONA

Based on the collected data, I created user personas representing our primary users - kidswear retailers. This persona aided us in understanding our users' needs, experiences, behaviors, and goals.

JOURNEY MAP

Next, I mapped the user journey detailing the process a retailer would take when using Kidcity, highlighting the points of frustration in the original design and how they were addressed in the redesigned version.

DESIGN IMPLEMENTATION

I then redesigned the Kidcity app, focusing on creating a simplified and accessible design. I added features like a Custom Stepper Cart, a custom filter component, Sticky Contact Button and a city-based product catalog. Each of these additions aimed to improve user experience.

FILTER

Redesigned the filter section

BEFORE

AFTER

DESIGN PROCESS

design process

STEP 1

Research

Brand & User research to understand audience & business needs and goals.

design process

STEP 2

Define the Problem

Define problem and create user-centered solutions

design process

STEP 3

UI & Prototype

Develop UI & prototype for testing and feedback

design process

STEP 4

User Testing

Conduct user testing and gather feedback

design process

STEP 5

Iteration

Refine prototype and iterate for improvement

design process

STEP 6

Launch and Evaluation

Launch and continuously evaluate product success

CITY BASED CATALOGUE

Added a city based catalogue

Conclusion

In conclusion, the Kidcity redesign project was an enriching experience that allowed me to utilize my skills to solve real user problems and contribute significantly to Kidcity's success

Learnings

Throughout this project, I understood the importance of balancing both user and business needs in a B2B application. I also recognized the value of minimal design, particularly for an audience not necessarily tech-savvy.

RESULTS

From 1000 to 5000+ Retailers

4.8 Google Play Rating

Raised Fundings

Thank You

BEFORE REDESIGN

CART

The Challenge

Each city on the KidCity platform had its own rules for taxes and minimum order values. This was causing confusion for users and was making the billing process complicated. Furthermore, users could only download a single invoice for all city orders combined, while they expressed a need for separate invoices for each city.

CONTACT OPTION

Added a Sticky Contact Button

BHARAT ROLLS

Responsive Web Design and Visual Branding for a World-renowned Steel Roll Manufacturer/Exporter.

bharat roll web design cover

AFTER REDESIGN

CART

The Solution

In the face of this challenge, I designed a new cart system. Instead of having a single invoice for all the orders, the new system allows users to have separate invoices for each city. Although it increased the number of clicks for the user, it solved a major pain point and was met with positive feedback from users

AFTER REDESIGN

CART

Iteration & Testing - Tackling Challenges

We observed that despite the improvements, users faced some initial hiccups in using the newly designed Cart system. The task of making payments for individual orders separately seemed a bit complex. Recognizing this, we added a 'Tutorial Button' on the Cart page. This button triggers a quick guide explaining step-by-step how to use the KidCity Cart effectively and how to manage payments for individual orders. Our aim was to ensure a seamless experience for our users, so we continually listened to their feedback and iterated our designs accordingly.

bottom of page