
Problem
Solution

Year
2025
Timeframe
10 weeks
Tools
UI
UX
Design
Frontend Engineering
Backend Architecture
Industry
FMCG
01
Project Timeline
02
Discovery Phase
We analysed Vibhor Foods’ brand goals, target audience, product positioning, and launch requirements to build a clear roadmap for the website. This included understanding user motivations, identifying what consumers look for in new FMCG brands, mapping simple product discovery journeys, and reviewing the existing packaging and communication cues. We also benchmarked competitors across the D2C and FMCG landscape. The insights helped define a structured scope focused on creating a clean, trustworthy digital presence that highlights product quality, simplifies browsing, and delivers a scalable foundation for future SKUs.
competitors we researched



03
User Persona
-1766826837.png&w=640&q=75)
MrS. ANJALI VERMA
Health-Conscious Buyer
24-40
Metro + Tier-1 Cities
Goals
- Understand product ingredients and freshness
- Explore categories quickly
- Make informed decisions without clutter
Frustrations
- Lack of clear product details on new FMCG websites
- Difficulty comparing variants
- Confusing layouts that slow decision-making
Needs
- Clean UI with transparent product information
- Simple ingredient & benefit breakdown
- Smooth mobile-first browsing experience
-1766826837.png&w=640&q=75)
MRs. Rajni Chawla
Household Shopper
28-45
Tier-1 & Tier-2 Cities
Goals
- Trust the brand before purchasing
- View products with clear packaging and pricing
- Quickly find the right product for household needs
Frustrations
- Unorganised product listings
- Unclear brand story or credibility cues
- Slow-loading pages affect buying confidence
Needs
- Structured product catalogue
- Strong brand storytelling
- Fast, reliable performance across all devices
04
User Flow
The research phase uncovered key user groups with distinct needs and expectations from Vibhor Foods’ digital experience. These insights shaped a simplified browsing journey focused on ingredient clarity, brand trust, and ease of product evaluation. The personas guided decisions across navigation, product presentation, and content structure to support both health-conscious buyers & everyday household shoppers.

05
Color Palette & Typography

Roboto Slab & Roboto Font Family
HEADING
Font: Roboto Slab Size: 48 Px Style: Semibold
BODY
Font: Roboto Size: 16 Px Style: Regular Line Height: 25.6 Px
TITLE
Font: Roboto Slab Size: 18 Px Style: Regular
SUBTITLE
Size: Roboto
Size: 16 Px
Style: Regular
Line Height: 25.6 Px

06
Our Tech Stack
-1766826837.png&w=384&q=75)
