Digitalization has paved the path for the growth of e-commerce in India, thus transforming the face of business. The Nature’s Bowl is an e-commerce which is bricked upon the idea of providing healthy, wholesome and delicious organic food across India. In the summer of 2020 I got the opportunity to designing the Nature's Bowl e-commerce to cater to the needs of the people.
MVP Strategy
Product Design
Figma
Miro
Adobe Illustrator
Microsoft Clarity
The growth in the digital infrastructure in India triggered the increase in the digital literacy making e-commerce one of the fastest growing sector. Entrepreneurs Devansh and Tejas behind The Nature's Bowl saw this as an opportunity to bring their vision to life.
The Natures Bowl took this signal to enter the e-commerce market to provide healthy and delicious organic food to the consumers. Our Challenge was to evolve with the consumer, understanding their needs.
I was the Product designer for this project. I was working along with another designer to strategize, conceptualize, design and deliver the hand-offs to the developer for the e-commerce platform.
I worked along with another designer to address customer behavior and needs, proposed features shedding some light on the insights.
I designed frameworks and prototypes to define the product vision allowing me to ideate and organize ideas.
I collaborated with the stakeholders and project owners to understand the business needs and define the customer goals. Additionally I formulated the feature set for the the product launch
By collaborating with a designer I designed customer journeys, wireframes, prototypes and design specs for the proposed platform.
Presenting The Nature's Bowl core values: The Honest Food Revolution, Awareness of Natural organic products to the audience.
To make the company stand out from its competitors emphasizing on the core qualities of the product like no added chemicals, sustainable packaging, sustainably farmed.
Enabling customers to complete task from discovering products to completing the purchase, completely through the e-commerce platform.
The Nature’s Bowl website features an always visible cart, making sure our customers have complete knowledge and control over what they are purchasing at any time during their visit.
With a single page design, our checkout page offers an intuitive and quick way to complete the purchase, without having to travel through different pages.
Product page is a most important page for the purchase decision making. This page presents rich information ( facts focusing on healthy benefits, illustrations of product features) assisting our customers to make the right decision for themselves.
The Purchase Confirmation is placed on the home screen into a familiar interface with the necessary information to inform the customer about their purchase status.
Before getting started with the project planning and execution we decided to learn about the current standing of the e-commerce sector in India.
We collaborated with the stakeholders and came up with a plan to build a product with minimum viable features and make the platform live as soon as possible as a large number of consumers are heavily relying on e-commerce for various products due to the ongoing pandemic, as a necessary measure to help users to stay healthy.
The goal was to make the product available for the consumers as soon as possible. However, we had to build the website from scratch and accommodate the ever changing needs of the consumers. We followed an agile methodology which would allow us to bring out the product at the earliest. At each stage of the process we enforced collaboration with the project owner and stakeholders.
We conducted a user survey to identify the target audience for the range of products and to gauge the behavior of the target demographic.
Based on the survey, we then classified the users into various groups and interviewed each group to understand their shopping habits, modes of shopping and types of products. The takeaways from this study helped us to categorize the type of users and based on their needs. One of the key takeaways from the survey was to focus on the difference in the behavior of the mobile users and desktop users.
User Behavior Analysis
We synthesized 3 personas to serve as a cumulative representation of user needs, goals, tasks, frustrations that we derived from the need-finding, stakeholder interviews, and contextual inquiry.
This category includes relaxed shoppers who tend to spend more time on the website and learn more about the services and products. They visit the website often looking for new deals and products. These users often browse for future purchases or to draw comparisons with other products in the market.
This category of users is goal oriented, often looking for a specific product. These users find the desired product and complete their purchase. They also tend to reorder their previous purchase. They may not focus on the available deals on the other products.
This category includes users who are often referral recipients, trying to avail a specific offer. These users may not visit the website again for another purchase. These users just browse through the entire catalog to find products that best fit their needs. Therefore they can be lured using attractive deals on different products.
We created journey maps to understand the experience, feelings, and emotions of each type of user at different times based on the timeline.
In this stage, I identified three major competitors in the India and three major competitors globally. My goal was to compare common features across these sites and identify potential opportunities for The Nature's Bowl to create a distinct brand.
We created a feature map assisted by stakeholders and developers to narrow down the list of required features for the MVP based on the impact and implementation cost.
Keeping the MVP feature list in mind we started with sketching initial concept. To support the agile iterative process we used sketching, allowing us to quickly ideate and visualize a feature. We would then shape the feature relative to a design concept.
Moving forward with a better understanding of the user expectations we decided to define the information architecture to start with the design. We initially started deconstructing the IA of the popular competitors. As expected we discovered the top-level architecture was almost similar and further deconstructing the IA revealed some logically sensible blocks.
To validate these assumptions we conducted a short card sorting activity with 6 participants involving some stakeholders and potential users. These activity allowed us to reflect on our understanding of the domain. With a better understanding of the users mental model and competitor IA models. We decided to follow the conventional IA being followed and make necessary tweaks to suit the project.
The Low-Fidelity Prototypes helped us to thoroughly integrate the sketched design concepts with the defined information architecture. This also allowed us to ensure clear use of design principles. Most Importantly it acted as a key tool to communicate the design concepts to the team, stakeholders and the project owner.
We created the design system to bolster the multi-device design following a set of visual elements like color, typography and UI elements. These elements and modules were translated into figma components for consistency throughout the website. This also helped our developers to reuse the components for increase the efficiency.
The next step was to validate the design and evaluate the usability. Initially we tested the prototype with various stakeholders and then moved on to some potential users.
With a mobile first approach it was really important to consider the touch targets of each action elements to enable easy interaction and at the same time avoiding accidental touch. We tried to maintain a consistent and easy to access touch target and at the same time scaled the icon size and font size based on the display. With a variety of screen ratio of smartphones we tested on multiple devices to find comfortable touch target sizes.
We incorporated Microsoft Clarity to learn the user activity and analyse the user behaviour of the beta version experience.
System Usability Score
Score calculated based on the usability testing session on 9 participants
Task Success Rate
Percentage calculated based on the usability testing session on 9 participants
Net Promoter Score
Percentage calculated based on the usability testing session on 9 participants
The phase 2 of the Nature's Bowl e-commerce focuses towards including additional features to present a value proposition, also to learn the user behavior and provide recommended products for the consumers. Looking through the business perspective we intend to introduce a loyalty premium membership program which will provide premium services.
Some of the additional features are listed below.
Some of the key takeaways through this project
Points which are not covered in this case study but could be worth discussing in person: