
Food created

What we did
Research, UX Wireframes, UI Design, Wix Development
Timeline
1 Month
Tools
Figma, Adobe Illustrator, Google meet, Zoom Meeting, Wix


Nutrio Box is a cafe for a bunch of food buffs who dream of a world where having soul pleasing food won't be limited to cheat days & haute gourmet gigs.
With food that is as real and drooly as “ghar ka khana”, we have reimagined your staples and brought them from farms to thy fork smacking you with a punch of flavours with every freakin’ bite.

Project Overview
Needs
The main goal for the company was to:
Design UI and UX of the website for a fresh look and user-friendly interface. As a café brand, they want to be promoted. A website provides anyone complete control over how they portray their business and is a professional approach to develop a brand. Social networking sites like Facebook and Instagram are typically used by them.
Our Role
The primary goal of the team was to design a new, user-friendly, and attractive website for desktop and mobile. We achieved that by collecting information from the Nutriobox team during the workshop, defining the current needs and expectations, and revising assumptions during the research and discovery.
We were working on:
-
Conducting UX research phase with in-depth interviews with the Nutriobox Team
-
Preparing sitemap and wireframes.
-
The UI Style of the website and web.
-
Designing the components for the development of the website.
We recommended and provided solutions for the best user experience, sustainability, accessibility, and the most efficient website performance.
Information Architechture

Wireframes

Photography moodboard
The photos showcassing elements like fresh ingredients, food being prepared (in process photos or arranged elements), fully-prepped dish, etc. The Idea here would be to showcase the brand as a whole with the essence of farm to fork
Photography style: Color-coordinated, clutter-less, a few might have a hand to add a bit of human touch with strong shadows.
Color palette: Pastels with contrast between background and foreground






Typography
Heading
Lorem ipsum dolor sit amet, coetur adipiscing elit.
Font Name: Tyros Pro
Body
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nisl adipiscing tellus aliquet quis dictum volutpat, lobortis. Euismod morbi dapibus sed non egestas massa. Adipiscing tortor sed augue at donec semper mi cursus. At pellentesque fringilla lacinia imperdiet egestas dis.
Font Name: Tyros Pro
Decorative
Lorem ipsum dolor sit amet, coetur adipiscing elit.
Font Name: Buffalo
Colors & Buttons

UI Design


