The e-commerce mobile app called Nipo offers customers a convenient, safe, and speedy online shopping experience. Through this redesign project, the goal is to create an engaging user experience that streamlines and simplifies the online shopping process.
Defining the Problem
Due to its outdated design, Nipo was not performing well, and its target audience was losing interest in the app. To tackle this issue, we identified the need for a new interface that could provide a more engaging user experience and address existing system errors. I created the design of the mobile app from scratch, which proved to be both super exciting and challenging.
Remove the existing errors and design a unique and fresh shopping experience.
Research and Project Constraints
After investing significant time in researching e-commerce apps, I gained a comprehensive understanding of the best practices for designing and developing interactive software.
As the only person working on the Nipo app design, I was like a one person army working as an intern for AANWeb Solutions. Being a startup, it didn't have the resources to employ a dedicated designer for each project. But hey, I got to experience what it's like to be a lone wolf in the design world, and it was wild! Although it was challenging at times, the hands-on learning experience proved to be more valuable than any boot camp I attended before.
Introducing Banner
After conducting user interviews, I gained insights into how users interacted with the system. It turns out that everyone loves a good deal when shopping. So, to catch users' attention, I added a promotional banner at the top of the homepage.
Just like how we always notice those giant ads for products and brands when we enter a supermarket, the banner on the homepage was meant to grab users' attention. As a designer, I wanted to replicate that feeling of excitement and make users feel like they stumbled upon a great deal. So, I made the banner big and bold, just like those supermarket ads we all know and love.
Visual Hierarchy
Knowing what sers care about the most is essential, but knowing what not important is the key to unlocking a seamless user experience. In the older version, the product description page was a total mess - all the headings were given equal weight and failed to guide users through the elements in order of importance.
To solve this issue, I had to create a visual hierarchy that led users through the page logically. But, understanding what our clients wanted users to focus on was no walk in the park. As a beginner, I spent a couple of days scratching my head to figure out what other companies do to tackle the same problem.
I discovered that the product image was the star of the show and deserved top billing at the top of the page. The titles were given the next priority. Primary and secondary titles were differentiated with font sizes and weights. The end result was an effective visual hierarchy that led users through the p e a pro.
Assorted Layouts
After conducting a competitive analysis, it became clear that a one-size-fits-all layout just doesn't cut it anymore. We need to spice things up and make sure users can tell their apples from their oranges. But, we also want to maintain a cohesive design that doesn't make users feel like they're lost in a maze.
So, I took a cue from the supermarket experience and gave each category its own distinct layout on the homepage, with a pop of color and style to boot. Plus, to make things even more flexible and efficient, I added horizontal scrolling for recommended products. It saves screen space and lets users easily swipe through different options. It's like window shopping without sore feet!
Simplifying Navigation
The old categories page was as useful as a screen door on a submarine. Users found it irrelevant and complicated to navigate. So, I decided to make it easier for them to find what they're looking for by adding the categories to the homepage. But I didn't want to overload the page and make users scroll for days. So, I came up with a solution-the good old hamburger menu! Tucked away in the top left corner, it leads to a drawer full of all the vital information users need. Easy peasy!
Next Steps and Learning
Well, the new version of Nipo is a hit! And while we're basking in our success, we're already thinking ahead to the next big thing: a desktop web application. The most important thing I learned from this project is the importance of communication. Good design is about collaborating with your team and users to make informed decisions. I've also realized that as a designer, I'll never stop learning. There's always something new to discover, and feedback from experts is invaluable in helping me grow and improve my designs.
Let’s connect!
yashviihp@gmail.com
yashvihpatel
yashviiiiipatel