
Nibs Etc
Nibs Etc produces nourishing, delicious and sustainable snacks out of food ingredients that would normally be thrown away, to fight food waste and help consumers reduce their carbon footprint along the way.
​
Duration
4 Weeks in
4 Design Sprints
Skills
Interaction Design
Research
Product Design
Information Architecture
​
Deliverables
Branding & Logo Design
High-Fidelity Mockups
Responsive Web Design
Style Guide & UI Kit
Design Presentation
Tools
Target Audience
Invision Studio
Sketch
45-55 Year
old women
The Challenge
Nibs Etc was a brick-and-mortar store and was planning to venture into own its e-commerce platform (Shopify)to expand its business.
Key Goals:
-
Drive sales by making it easy for customers to find product(s), purchase and refill.
-
Educate consumers about the product, food waste as an issue and circular commerce as a concept.
-
Promote Subscription-based services.


The Approach
The Client wanted to design the website around the Shopify template which they had already bought. Thus I needed to design the site in sync with the given digital design assets.

I started with some comprehensive research for the sustainable granola market, domain research & synthesis, 5-6 interviews of women in the target age bracket for their preferences and requirements.
Key Lessons from target audience:
-
Avoid font sizes smaller than 16 pixels, the bigger the better.
-
Pay particular attention to contrast ratios with text.
-
Avoid blue for important interface elements.
-
Lesser number of clicks needed
-
Use of the larger picture, button, and texts
-
Provide subtitles when video or audio content is fundamental to the user experience.
User Persona: Mary Basi, 55 yrs, with disposable income and access to internet
Domain Research

Key takeaways from competitor analysis:
-
Avoid too bright colors based on our target audience.
-
One of the main goals to promote Subscription-based services was only promoted by only 2 competitors out of 12.
-
Majority of the competitors made use of multiple primary colors
-
There were hardly any companies that promoted sustainable food products that also fought food-waste.
-
Reducing the carbon footprint wasn't given much importance.
Affinity Mapping: Competitor Analysis

Style Explorations
After research and examining competitors, the team started working individually exploring our own styles for the application.
The visual language such as the color palette, logo, typefaces were already provided by the client.

The End Result
The final design was the culmination of four weeks of exhaustive testing, user interviews, and design iterations.
One of the key pillars of this project was the weekly user interviews (5-6 participants) being conducted.
The final design was the culmination of four weeks of exhaustive testing, user interviews, and design iterations.
User Interviews played a vital role in designing the right information architecture and visual aspect of the project.
Weekly client meetings, helped in moving in the right direction with constant feedback.

Product Page Design
