Logo

About the
Project

​Kravemart is a food delivery app that deliver grocery to customers within minutes. As a product designer, there are several key areas that I would focus on in order to create an engaging and successful user experience.

  • Year
    2022
  • Scope of work
    Research and Analysis
    Information Architecture
    Wireframing
    Prototyping
    UI Design
  • Role
    Product Designer
  • App link

01 User Experience

UX PROCESS

Problem
Statement

Kravemart aims to provide quick and convenient shopping experiences to busy customers who prefer to shop grocery online. However, the main problem was user engagement and conversion rates were low, indicating that users are not satisfied with their app performance and the user experience was getting bad day by day. We need to identify the reasons behind this and improve the overall user experience.

UX PROCESS

User
Survey

To understand our user's perspectives, we conducted a survey of 1000 users. The survey included questions related to their online shopping habits, preferences, and pain points. The questions are as below.

image
image
UX PROCESS

Key
Insights

Based on our survey results, we conducted secondary research to identify industry trends and best practices related to online shopping. Our key findings are:

image
UX PROCESS

Persona
Building

Based on our research and survey results, we developed a persona representing our target user. Meet "Ali Ahmed" a 35-year-old working professional who values convenience and efficiency. Ali prefers online shopping but is often frustrated with the time-consuming and complicated checkout processes. He also relies heavily on user reviews to make purchase decisions.

image
UX PROCESS

Journey
Mapping

Here's a detailed journey map for our Persona (Ali Ahmed) whose a user of Kravemart app. Journey map defined based on the problem statement and user survey.

Ali Ahmed
Marketing Manager
Journey Mapping

Ali is in hurry because some guest are arriving at his house he needs to order some grocery to make some food. He’s doesn’t have time to go outside for shopping so his only choice is to go for online shopping

Goals & Motivations
  • To have all products
  • To be able to shop his required products
  • Save time
image
UX PROCESS

Research
Findings

Based on our research, survey, persona, and journey map, we recommend the following design changes to improve the user experience.

image
UX PROCESS

Information
Architecture

Organizing the information by creating the Information Architecture after the research findings. This will help user to navigate easily to find what they came for.

image
UX PROCESS

LO-FI
Wireframes

Organizing the information by creating the Information Architecture after the research findings. This will help user to navigate easily to find what they came for.

image

02 User Interface

UI PROCESS

Style
Guide

The branding and visual design of the platform needed to reflect the convenience and speed of the shopping experience while also conveying a sense of quality and trustworthiness. I incorporated a bright and modern color scheme with clean and simple design elements to create a visually appealing interface that was both approachable and professional.

image
image
image
image
image
UI PROCESS

Mockups

I created UI mockups for the Q-commerce startup that reflected clear navigation, personalized recommendations, and a streamlined checkout process. The visual design featured a bright and modern color scheme with clean and simple design elements. The mockups successfully brought together the research insights and design elements to create a user-friendly and effective interface.

01 Improved Navigation

The UX research revealed that users found it difficult to navigate the platform, which resulted in frustration and a poor user experience. As a result, the UI designer incorporated clear categorization and labeling of products, making it easier for users to find what they were looking for. This involved redesigning the menu bar and optimizing search functionality to provide more relevant results.

image
02 Bright and Modern Visual Design

The research revealed that users preferred a modern and approachable visual design, with bright colors and clean design elements. To address this, the UI designer updated the visual design of the platform, incorporating a bright color scheme, clean typography, and visual elements that were consistent with the brand identity. This involved redesigning the logo, color palette, typography, and layout of the platform.

image
03 Streamlined Checkout Process

The research found that users were concerned about unexpected fees or unclear pricing information during checkout, which led to abandoned carts. To address this, the UI designer implemented a simplified checkout process that displayed all fees and pricing information upfront. This involved redesigning the checkout page and incorporating a summary of the order with an itemized breakdown of all fees and taxes.

image
04 Personalized Recommendations

The UX research revealed that users preferred a personalized shopping experience that catered to their interests and preferences. To address this, the UI designer incorporated personalized recommendations based on browsing and purchase history, which helped users discover new products and complete their shopping journey more efficiently. This involved redesigning the homepage and integrating a recommendation engine.

image
05 Loyalty Program

We also found that users valued loyalty programs that provided discounts, rewards, and exclusive perks. To address this, I also incorporated a loyalty program that rewarded users for their purchases and engagement with the platform.

image

03 What did I Learn

image

Let's work on your project

Let's collaborate
image
Next Project

Take Me

Next