Project Heading

Project Heading

Role :

Designer

Deliverables :

Logo Design , UI/UX Design

Platforms:

iOS

Duration:

6 Month

Project Overview

The Vrinda Dairy app connects local farmers and customers by managing dairy sales through Vrinda Store. Farmers provide dairy products like milk, butter, curd, and lassi to Vrinda Store, which handles quality assurance, pricing, and logistics, making it easy for customers to access fresh, local dairy. Customers can explore the app’s catalog, select their preferred products, and customize orders with options for quantity and packaging. With secure online payment, Vrinda Dairy offers a seamless and safe shopping experience, supporting farmers and ensuring customers enjoy quality dairy products.

The Challenge

The Vrinda Dairy app faced a few main challenges. It needed to save time for farmers and customers by keeping the ordering process simple. Meeting health and safety standards for dairy products was also essential for customer trust. The app had to connect smoothly with inventory and delivery systems to keep everything running efficiently. Protecting users' personal and payment data was critical, and building trust between farmers, Vrinda Store, and customers required clear communication, reliable product info, and secure transactions.

Goals

Business Goal

Expand Vrinda Store’s reach by connecting local dairy farmers to a larger customer base and building trust.

Product Goal

Provide a convenient, efficient platform that supports local sourcing and enhances the shopping experience for dairy products.

Functional Goal

Create a user-friendly app that simplifies product selection, customization, and secure checkout.

Risk

Ensure data security, meet health standards, and maintain operational efficiency to protect customer trust.

UX Process

Phase 1: Discover

The discovery phase is divided into three key areas: strategy development, user research, and competitive analysis.

Strategy Development

The focus was on creating a product strategy aligned with the objectives. This included defining the app's purpose, identifying key user needs, and determining ways to differentiate it in the market.

User Research

To better understand our audience, we identified our target users as job professionals, homemakers with families, health-conscious individuals, and students. We used three methods to gather insights: user interviews, surveys, and focus groups. These methods provided valuable data about users' consumption habits, ordering preferences, and brand considerations, helping us shape a user-centric design approach.

Competitive Analysis

We analyzed four key competitors—Zomato, Swiggy, Amul, and Country Delight. This analysis helped us understand their strengths, weaknesses, and market strategies, including their campaign and social media marketing approaches. The insights gained were instrumental in identifying opportunities for differentiation and improvement in our app.

Phase 2: Define

The define phase focused on structuring insights into actionable design elements through persona creation, empathy mapping, user journeys, and user flows.

Persona

Personas were developed based on insights from the discovery phase. These profiles represented the target audience and their goals, helping to guide design decisions effectively.

Empathy Map

Empathy mapping involved understanding users' feelings, needs, and pain points by stepping into their shoes. This process provided a deeper understanding of the target audience.

User Journey

User journeys were created to map tasks from the point users enter the app until they leave. This helped identify areas to improve the user experience.

Phase 3: Ideate

This phase focused on user flow refinement, card sorting, and creating an information architecture (IA).

Card Sorting

Invited 6-10 participants to organize product information. This activity helped understand how users perceive and categorize content, improving clarity and usability.

Information Architecture (IA)

Based on card sorting insights, a detailed IA was developed to structure and categorize content effectively within the app.

User Flow

Using the IA, detailed user flows were created to map the steps users take to complete tasks, ensuring logical and efficient navigation.

Phase 4: Design

The design phase included creating brand guidelines, wireframes, a UI kit, and the final UI design for the app, delivery agent interface, and dashboard.

Lo-Fi Wireframe

Low-fidelity wireframes were designed to outline the structure and layout of the app, focusing on functionality and organization.

Hi-Fi Wireframe

High-fidelity wireframes were developed to refine visuals and interactions, ensuring a realistic representation of the final product.

UI Kit

A comprehensive UI kit was built, including reusable components like buttons, forms, and icons to maintain consistency across designs.

Final Design

The final UI design combined functionality, aesthetics, and usability, ensuring an intuitive experience for all user types.

Phase 5: Testing

The testing phase involved inviting four participants to test the final prototype. Feedback was collected to identify usability issues and make necessary adjustments, ensuring a user-centered design.

Conclusion

This project was a comprehensive journey in applying the design thinking process to create a user-centric product. From research and ideation to testing and refinement, every phase provided valuable insights and learnings. The project not only strengthened practical design skills but also reinforced the importance of empathy and iterative improvement in crafting solutions that truly resonate with users.