UX/UI Application Design

This is a personal project created to improve

my UI/UX skills. It's a great Challenge to use
the knowledge & considering the best
methodologies to solve the problem.

01 About Project

Many applications has been designed to provide the

better information & experience for the users so far.
Here, Introducing a brief concept on E-Commerce
application. This is specially designed to simplify the
features and improvising the user experience.

02 Target Audience

Audience in the ecommerce

industry works differently from
that of real world. Merchants
don’t interact with customers as
they would at a physical shop.
Hence, Starting with the point "
To whom we are serving".

Target Audience includes three Age groups i.e.

16-24 years, 25-54 years and 55-74 years.

03 User Research

Before starting the implementation of the

Project, I went through various researches
that helped me to understand the goals &
frustrations of the users.

The various researches include interviews

& surveys. From the Outcome of the
research I generated the Persons &
Journey Map of three different customers
with different age groups.

User Personas

Age Group

16-24

years

Age Group

25-54

years

Age Group

55-74

years

Customer Journey Map

1. Scenario for Age group

16-24 years

2. Scenario for Age group

25-54 years

3. Scenario for Age group

55-74 years

04 Insights

Pain Points Solution

1. Less Engaging User Interface. 1. Interactive User Interface for user

2. No option for monthly customers. engagement.
3. Too many clicks have to be done to reach a 2. A toggle button is placed for the household
particular goal. goods to buy every month. It's a great
4. No calling option for customer care. feature for regular customers.
5. No option to re-select the size at the cart. 3. Number of clicks has been reduced.
4. Calling option is placed at the top for any
query.
5. A size bar is placed at the cart incase, user
wants to change the size.

05 User Flow

Here all the stages are represented through a flow. Each & every step is necessary.
1. First Task Flow is search a product & order it.
2. Second Task Flow includes the wishlist created earlier & then continue shopping.

06 Information Architecture

07 Wireframes

Homepage Sports Category Brand Selection Filter & Sort

Details of Product Shopping Cart Select Address Payment

Toggle Button Feedback Order Placed

08
Onboarding
 09
Final Rendering

Homepage
Homepage showing Categories
of Products & Login Screen

Sports Category
Selected Sports Category from
Homepage. It includes Discount
offers & different brands.

Brand Selection
Choose a particular brand &
further more categories will
appear.

Filter & Sort

Apply Filter & Sort the price as
you like. You can also add
product to your wishlist.

Details of Product
Select a product for more
information & send to shopping
cart.

Details of Product
Select the size of the Product &
Choose a particular color & can
also add the product to wishlist.

Shopping Cart
Product is added to the cart.
Here you can re-select the size
& also delete the product if you
do not like.

Select Address
Add the address you want your
product to be delivered. Also
tells you the estimated date of
delivery.

Payment
Choose a payment option of
your own choice. And click to
pay now.

Order Placed
Order is placed successfully.
Happy Customer.

10New Features

Toggle Button
Toggle Button is placed at the
left of the screen for Monthly
buyers. Click the button. You
can pick a product & get at
your doorstep every month.

Feedback
Some customers feel tired to
send the feedback. So here
providing that option on the
notification screen. To reduce
the time of customers.

Calling Option
Some customers feel that there
should be a calling option
always. So here providing the
facility.

11Typography & Colors

#85BC9 #0F164 #E2734 #00000 #FFFFFF

Futura
Futura BK BT

Segoe Segoe UI

Poppins Poppins

Thank You!
If you like my work do appreciate :)