an abstract photo of a curved building with a blue sky in the background

KOSAM E-Commerce App

Your best shops in your hands

Project Overview

KOSAM App is an all in one e-commerce app targeted at the youth and GenZ that brings into one place all favourite shops from restaurants to grocery, electronics, fashion, pharmacies and more. The all-in one mobile App is designed with advanced and robust user experience and an intuitive user interface design.

My Role

Task

Product designer (UIUX)

Design the entire App from the ground up checking all the stages of product design to create an interactive and realistic prototype usable on real devices.

Tools

Responsiblities

Research
Low fidelity
Information architecture
Visual design
User Interface Design
User Experience Design
Micro-interactions & animations
Prototyping
3D animated UI video presentation

Project duration

1 month

Problem Statement

Most online stores in the country targets the working - class who are well to do neglecting students and the youth. Students have to order food from their favorite stores which are usually far away from their school increasing courier price and keeping the waiting time to eat or get their product high since they have to wait for long times in order to receive their food or package. This is mainly due to the logical business assumption that revenue generated from students is smaller compared to businesses close to the working-class in town where workers walk in after work and lavishly spend there .

Solutions

Create a visually appealing and youth focused design styled mobile App.
Develop an intuitive, clear and fun UX writing that(welcomes the User upon login, congratulates after a win) motivates and clearly communicates intended tasks, procedures and respective rewards.
Bargain with shop owners to set out student categories ,create specialized student packages on the App and give maximum discounts and rewards to most patronizing students to increase patronage.
Design a robust UX and user journey map that makes it super easy to complete a task.

DESIGN PROCESS

I began the project with a user-centered approach in which was :

Empathize

Put yourself in the user's shoe.

Design Strategy

Empathy map

Define

Define problem

Product requirements

Constraints

Ideate

Explore various solutions,

analysis and research data

Design

UI Design

UI Components

Visual design ,icons images

Prototype

Interaction Design

Micro interaction

Navigations

Testing

Usability testing

Accessibility testing

Heuristic evaluation

EMPATHY MAP

This process was done to define the target group with more clarity as well illustrate their specific needs and actions.Empathy mapping helped me gain more insights and perspective into their thoughts and feelings .