Splash Screen

Splash Screen

Splash Screen

Trade by Kofi

8 weeks

Mobile Design

Trade by Kofi

8 weeks

Mobile Design

Trade by Kofi

8 weeks

Mobile Design

Problem Statement

Most people do not have the time to visit the shop to search for a furniture they want and also they want to order from the comfort of their home. The owner of TradeByKofi also wants to have a simple client interaction procedure.

Problem Statement

Most people do not have the time to visit the shop to search for a furniture they want and also they want to order from the comfort of their home. The owner of TradeByKofi also wants to have a simple client interaction procedure.

Objectives & Goals

Design an app for TradeByKofi that enables users to quickly browse furniture, place orders, track orders, and have items delivered to their homes.

Role

UX Designer

Performed

- User Interface design - User Experience design - Interaction design - Information architecture - Rapid prototyping - User reserch

Delivered

- Site Maps - Questionaire - Wireframes - Design Systems - Interactive prototype

My Process

I applied the five-stage design thinking framework that was covered in the Google UX Certificate Course. which emphasizes tackling design problems with the goal to understand the problem, improve the proposed solution, and continuously implement improvements.

I applied the five-stage design thinking framework that was covered in the Google UX Certificate Course. which emphasizes tackling design problems with the goal to understand the problem, improve the proposed solution, and continuously implement improvements.

I applied the five-stage design thinking framework that was covered in the Google UX Certificate Course. which emphasizes tackling design problems with the goal to understand the problem, improve the proposed solution, and continuously implement improvements.

Identification of problem and empathizing with users

I identified the problem, which was that the owner desired a platform via which his customers could place furniture orders. I then developed a problem statement from this and spoke with two of his clients to determine how the app would benefit them.

I identified the problem, which was that the owner desired a platform via which his customers could place furniture orders. I then developed a problem statement from this and spoke with two of his clients to determine how the app would benefit them.

SKETCHING & WIREFRAMING & DESIGNING

I initially drew the wireframe for this on paper before transferring it to Figma. After that, I performed a usability study on randomly selected) TradeByKofi's customers to determine whether users could complete the app's main task. After the initial usability study, I revised the wireframes, and using those revisions as a framework, I created the final design in Figma.

I initially drew the wireframe for this on paper before transferring it to Figma. After that, I performed a usability study on randomly selected) TradeByKofi's customers to determine whether users could complete the app's main task. After the initial usability study, I revised the wireframes, and using those revisions as a framework, I created the final design in Figma.

TESTING

To find out if users could complete the main function of the app, I conducted a second usability study on five(5) of TradeByKofi's customers.

To find out if users could complete the main function of the app, I conducted a second usability study on five(5) of TradeByKofi's customers.

RESEARCH/BENCHMARKING

This step entails research on solutions to the given problem and with reference to what other companies do

ideation

Based on my investigation, I came up with the best solution to the problems that were outlined.

Based on my investigation, I came up with the best solution to the problems that were outlined.

Rattan Direct

- They have quality images to show products - Page sections are organised in a way that catches the user attention.The explore and the offers are shown to users in the first screen when the user opens the app for the first time - Search bar is in the first screen at the top - Offer reward during certain periods - Wide range of creative products

Partner & I Rattan Fabric

-Categories are shown at the top - The ongoing offers and sales are on the homepage - The search page has a filter for finding items - Wide range of products

User Persona

Senam

“Senam love furniture made with rattan and would love to have more collection of that”


Age:

35

LOCATION:

Accra, Ghana

EDUCATION:

Bachelors degree

OCCUPATION:

Nurse

Senam love furniture made with rattan and would love to have more collection of that

Bio

- Get a catalogue of furnitures to choose from - Order for a product that can be delivered to your home - Be able to track your order

Goals

Frustrations

- Doesn’t get variety of furniture. - She has a hard time ordering for a furniture

Motivations

Ease Price Speed Comfort Flexibility

Wireframes

PAPER WIREFRAME

PAPER WIREFRAME

LOW FIDELITY WIREFRAME

Early models did not allow for size customization; the item you chose will have its own size.



I created a feature that allows customers to enter their measurements or even choose to have a professional come to their home to record measure based on their home setting after doing usability tests to match a certain area of their home.



In addition to making the app compatible with assistive technologies, easy navigation was a crucial user demand that had to be addressed in the designs.

LOW FIDELITY PROTOTYPE

I produced a low-fidelity prototype using the finished set of digital wireframes.

I connected the main user flow between choosing a piece of furniture and ordering it so that the prototype could be used in a usability test.

Usability Study

I carried out two iterations of usability tests.

The first study's findings were used to inform the wireframes and mockups of the designs.

The second research showed which elements of the mockups needed to be improved through the usage of a high-fidelity prototype.

Round 1 Findings

1

Users want catalogues of furniture Users want more customization options to add measurements Users want to track orders

2

3

Round 2 Findings

1

The checkout process has too many unnecessary steps Users want an option for pickup

2

Early designs did not indicate the item's price on a product on the homepage; however, after usability studies, each product now has a price.

Early designs did not indicate the item's price on a product on the homepage; however, after usability studies, each product now has a price.

Early models did not allow for size customization; the item you chose will have its own size. After doing usability tests, I included a feature that allows users to input their measurements or even choose to hire a professional to come to their home and take the measurements for them in order to match a certain area of their home.

Early models did not allow for size customization; the item you chose will have its own size. After doing usability tests, I included a feature that allows users to input their measurements or even choose to hire a professional to come to their home and take the measurements for them in order to match a certain area of their home.

After the second usability test, I included a pickup option for customers who prefer to pick up their own things.

SPLASH SCREEN

HIGH FIDELITY PROTOTYPE The final high-fidelity prototype presented cleaner user flows for selecting a furniture and ordering. It also met user needs for tracking the order and delivering as well as other customization View the TradeByKofi’s high-fidelity prototype

Let's Connect!

Let's Connect!

Let's Connect!

© Copyright 2023. All rights Reserved.

© Copyright 2023. All rights Reserved.