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
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.
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.
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.
DESIGN PROCESS
STEP 1
Research
Brand & User research to understand audience & business needs and goals.
STEP 2
Define the Problem
Define problem and create user-centered solutions
STEP 3
UI & Prototype
Develop UI & prototype for testing and feedback
STEP 4
User Testing
Conduct user testing and gather feedback
STEP 5
Iteration
Refine prototype and iterate for improvement
STEP 6
Launch and Evaluation
Launch and continuously evaluate product success
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.
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.
BHARAT ROLLS
Responsive Web Design and Visual Branding for a World-renowned Steel Roll Manufacturer/Exporter.
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.