dOZO INVENTORY APP KARICHU THEURI

PROJECT OVERVIEW

THE PRODUCT: dOZO Inventory App is a start-up located in Nairobi, Kenya. We’re creating a new app to help businesses and start-ups have a successful, easy and usable inventory management app. dOZO Inventory App targets clients like established businesses and start-up businesses.

PROJECT DURATION: MARCH 2020 TO JULY 2021.

PROJECT OVERVIEW

THE PROBLEM

THE GOAL

Businesses and moreso start-ups lack

Design an app for dOZO Inventory App to help

inventory management systems for managing

businesses and start-ups have a successful,

their business.

easy and usable inventory management app.

PROJECT OVERVIEW

MY ROLE

RESPONSIBILITIES

UX designer designing an app for dOZO

Conducting interviews, paper and digital

Inventory f rom conception to delivery.

wiref raming, low and high-f idelity prototyping, conducting usability studies, accounting for accessibility, and iterating on designs.

Understanding the user

User research Personas Problem statements User journey maps

USER RESEARCH: SUMMARY

I conducted interviews and created empathy maps to understand the users I’m designing for and their needs. A primary user group identif ied through research were business owners who spent lots of resourses taking inventory of their products.

This user group conf irmed initial assumptions about dOZO Inventory customers, but research also revealed that time was not the only factor limiting users f rom effective inventory services. Other user problems included obligations, interests, or challenges that make it diff icult to take inventory of their products.

U S E R R E S E A R C H : PA I N P O I N T S

01

02

TIME

ACCESSIBILITY

RESOURSES

Platforms where startups

Money to get inventory

can take inventory of

management services and

their products are usually

or skilled labour limits

very expensive

startups in thriving

Majority of business owners lack time and resourses to take inventory

03

P E R S O N A : PA I N P O I N T S

PERSONALITY •

BIO

“I want to help my team

Strong data analysis

Steve is a person who works in information security

deliver the best security

skills

analysis he is a good analyser of data. He recently got a promotion in his place of work from IT Specialist to IT

services

•

Skilled problem solver

SECURITY ANALYST.

•

Orientation to detail

•

Ingenuity

rules of logic to it. He understands how to analyse data and the best method for the analysis. He makes sure that

PROBLEM STATEMENT:

He always receives information objectively and apply the

he stays up-to-date on upgrades and changes to the software tools which he uses.

Behavior Perfectionist

Steve is a busy working adult

Team leader

who needs easy access Inventory

Problem solver

management services because

Meetings

Motivations

they have no resourses to hire skilled labour and or Inventory

IMPACT

PROMOTION

TEAMWORK

USER NEEDS

Ingenuity

management serives. Influences Frustrations

Goals

STEVE KINGS 41, KANSAS CITY

•

•

· TIER TOP-LEVEL

· ARCHETYPE PERFECTIONIST

Installing security measures to protect

Analysing security breaches and identifying their causes

•

Performing both internal and external security audits

Getting buy-in for the new department’s activities

•

system infrastructure •

· SALARY $89K

•

security issues

IT SECURITY ANALYST · STATUS SINGLE

Monitor computer networks for

Dealing with more bureaucracy than in his old job

•

Communicating necessity for change to the security team

· CREDIBILITY

· BLOGS/ FORUMS

· COLLEAGUES

· PSYCHOLOGY

· TECHNOLOGY

· IT PODCASTS

USER JOURNEY MAP

Persona: STEVE Goal: Check the stock availabily of a car via app in a dealership in chicago

ACTION

Get the App

Take Orders

Submit your order

View verification

Pick up Order

Mapping Steve’s user journey revealed how helpful it would be for

TASK LIST

Tasks

Tasks

Tasks

Tasks

Tasks

a) Download the app b) Accept the terms of service c) Set up account

a)

Browse the available stock b) Enter your order c) Confirm your order

a)

Apply first time discount code b) Choose pick up time c) Initiate checkout

a)

Check app and email for receipt b) Confirm order details and pickup date and time

a) Pick up order b) Check that order is correct

Excited to make the first oder

Stressed because browsing through the whole stock to get what you looking for took along time

Frustrated that rewards arent applied automatically

Happy that the order went through successfully

Relieved that the order was ready on time

Offer discount rewards for first time shoppers

Add way to search through a ton of products

Automatically offer available rewards opt-in at check out

Make pick up time and order details clear and legible

Offer in app feature that notifies the dealership of any mistake(s) in the order

users to have access to a dedicated dOZO

FEELING ADJECTIVE

Inventory app. IMPROVEMENT OPPORTUNITIES

Starting the design

Paper wiref rames Digital wiref rames Low-f idelity prototype Usability studies

PA P E R W I R E F R A M E S P A P E R

W I R E F R A M E S

Taking time to draft iterations of each screen of the app on paper ensured that the Taki n g t i m e to d ra f t i te ra t i o n s o f ea ch scre e n o f t h e app o n pape r e nsu red t h a t t h e e le m e n t s t h a t m a de it to digit a l

elements that made it to digital wiref rames would be well-suited to address user pain w i re f ram es wo u l d b e wel l - s u ite d to a ddre ss u se r pai n po i nt s. Fo r t h e availa ble s c re e n , I prio rit is e d a qu ick a n d ea sy

p ro ce sssFor to ck tthe a ki n gavailable to h e l p t h e uscreen, se rs save tIi mprioritised e. points. a quick and easy process stock taking to

help the users save time.

D I G I TA L WI R E F R A M E S

Easy navigation was a key user need to address in the designs inPrototype addition totested equipping the app

to

work

with

assistive

technologies. The low fidelity prototype for dOZO’s Inventory.

Easy access to navigation that’s screen reader f riendly.

D I G I TA L WI R E F R A M E S

usersdesign want to take AsMost the initial phase their sales continued, I made sure to base

screen

designs

on

feedback and f indings f rom

inventoryThis andlisttrack of available services makes it fast and easy for users to navigate and access.

the user 4 out of 5research. participants would love to track their sales while at the same time take inventory

L O W- F I D E L I T Y P R O T O T Y P E Using the completed set of digital wiref rames, I created a low-f idelity prototype. The primary dOZO inventory App Lo-Fi Prototype user flow I connected taking inventory, so the prototype could be used in a usability study.

T h e Lo -Fi prototyp conn e c te d to th e prim a r y us e r fl ow o f t a ki n g i nve n to r y. T h e pro to typ e c an be u se d in a u sability s t ud y w i t h us e rs

View Lo-Fi dOZO’s Inventory App https: //www.f igma.com/proto/phyObyFygbmPV5iIGPbfAz/dOZO-Inventory-App?page-id=0%3A1&node-id=39%3A51&v iewport=1002%2C790%2C0.2609434127807617&scaling=scale-down

U S A B I L I T Y S T U D Y: F I N D I N G S I conducted two rounds of usability studies. Findings f rom the f irst study helped guide the designs f rom wiref rames to mockups. The second study used a high-f idelity prototype and revealed what aspects of the mockups needed ref ining.

ROUND 1 FINDINGS

ROUND 2 FINDINGS

1. Users want to take inventory quickly

1. The CTA buttons are small

2. Users want more customization options

2. “Make your text alittle bigger ”, appears small

Ref ining the design

Mockups High-f idelity prototype Accessibility

MOCKUPS

Early designs allowed for some customization. I also revised the design so users see all the customization options when they f irst land on the screen.

BEFORE USABILITY STUDIES

AFTER USABILITY STUDIES

KEY MOCKUPS

HIGH-FIDELITY PROTOTYPE The f inal high-f idelity prototype presented cleaner user flows for building a pizza and checkout. It also met user needs for a pickup or delivery option as well as more customization.

View Hi-Fi dOZO’s Inventory App https: //www.f igma.com/proto/phyObyFygbmPV5iIGPbfAz/dOZO-Inventory-App?page-id=112%3A44&node-id=120%3A 150&viewport=846%2C550%2C0.25&scaling=scale-down

ACC E S S I B I L I TY CO N S I D E R AT I O N S

01 Provided access to users who are vision impaired through adding alt text to images for screen readers.

02

03

Used icons to help make

Used detailed imagery

navigation easier.

for pizzas and toppings to help all users better understand the designs.

Going forward

Takeaways Next steps

T A K E AWAY S

IMPACT:

WHAT I LEARNED:

The app makes users feel like dOZO

While designing the dOZO Inventory

Inventory really thinks about how to meet

app, I learned that the f irst ideas for

their needs.

the app are only the beginning of the process. Usability studies and peer

One quote f rom peer feedback:

feedback influenced each iteration of

“ The app made it so easy and fun to take

the app’s designs.

inventory! I would def initely recommend this app to my f riends.”

NEXT STEPS

01 Conduct another round of usability studies to validate whether the pain points users experienced have been effectively addressed.

02 Conduct more user research to determine any new areas of need.

LET ’S CONNECT!

Thank you for your time reviewing my work on the dOZO Inventory app! If you’d like to see more or get in touch, my contact information is provided below.

[email protected] www.behance.net/Karichu

THANK YOU

dOZO Responsive Website Design KARICHU THEURI

Project overview The product: dOZO is a digital product agency that offers affordable products. The typical user is between 19-50 years old, and most users are Start-ups, Existing businesses or early career professionals who are starting their first business. dOZO goal is to make products more stunning with the best and fastest services for all users..

Project duration: October 2022 to Dec 2022

Project overview

The problem:

The goal:

Available service and product design websites

dOZO website to be user friendly by providing

have cluttered designs, inefficient systems for

clear navigation and offering a fast checkout

browsing through products, and confusing

process.

checkout processes.

Project overview

My role:

Responsibilities:

UX designer leading dOZO’s website design

Conducting interviews, paper and digital wireframing, low and high-fidelity prototyping, conducting usability studies, accounting for accessibility, iterating on designs and responsive design.

Understanding the user

●

User research

●

Personas

●

Problem statements

●

User journey maps

User research: summary

I conducted user interviews, which I then turned into empathy maps to better understand the target user and their needs. However, many service and product design websites are overwhelming and confusing to navigate, which in turn frustrate many target users. This caused a normally enjoyable experience to become challenging for them, defeating the purpose of requesting services.

User research: pain points 1

2

3

Navigation

Interaction

Experience

Service and product design designs are often busy, which results in confusing navigation

Small buttons on websites make item selection difficult, which sometimes leads users to make mistakes

Most websites don’t provide an engaging browsing experience

Persona: Steve Problem statement: Mahalia is a busy IT Security Analyst who needs intuitive website navigation and search filters because they want to increase traffic on their website and get more clients stress-free.

User journey map I created a user journey map of Steve experience using the site to help identify possible pain points and improvement opportunities.

Starting the design

●

Sitemap

●

Paper wireframes

●

Digital wireframes

●

Low-fidelity prototype

●

Usability studies

Sitemap Difficulty with website navigation was a primary pain point for users, so I used that knowledge to create a sitemap. My goal here was to make strategic information architecture decisions that would improve overall website navigation. The structure I chose was designed to make things simple and easy.

Paper wireframes Next, I sketched out paper wireframes for each screen in my app, keeping the user pain points about navigation, browsing, and checkout flow in mind. The home screen paper wireframe variations to the right focus on optimizing the browsing experience for users.

Refined paper wireframe

Paper wireframe screen size variations Because dOZO customers access the site on a variety of different devices, I started to work on designs for additional screen sizes to make sure the site would be fully responsive.

Digital wireframes Moving from paper to digital wireframes made it easy to understand how the redesign could help address user pain points and improve the user experience. Prioritizing useful button locations and visual element placement on the home page was a key part of my strategy.

Homepage is optimized for easy browsing through the carousel of images and nav menu options

Digital wireframe screen size variation(s)

Low-fidelity prototype To create a low-fidelity prototype, I connected all of the screens involved in the primary user flow of selecting a service, sending a brief and checking out. At this point, I had received feedback on my designs from members of my team about things like placement of buttons and page organization. I made sure to listen to their feedback, and I implemented several suggestions in places that addressed user pain points.

Usability study: parameters

Study type:

Location:

Unmoderated usability study

East Africa, remote

Participants:

Length:

5 participants

20-30 minutes

Usability study: findings These were the main findings uncovered by the usability study:

1

2

3

Service/Product

Checkout

Account

Users weren’t able to easily copy the shipping address information into the billing info field

During the checkout process, there wasn’t a clear way for users to log in to their account to pre-fill previous billing and shipping info

Once at the checkout screen, users didn’t have a way to send their brief

Refining the design

●

Mockups

●

High-fidelity prototype

●

Accessibility

Mockups Based on the insights from the usability study, I made changes to improve the site’s checkout flow. One of the changes I made was adding the CTA to send a message and or a brief using a simple Button option. This allowed users more freedom to send emails. Before usability study

After usability study

Mockups: Original screen size

Mockups: Screen size variations I included considerations for additional screen sizes in my mockups based on my earlier wireframes. Because users use a variety of devices, I felt it was important to optimize the browsing experience for a range of device sizes, such as mobile and tablet so users have the smoothest experience possible.

High-fidelity prototype My hi-fi prototype followed the same user flow as the lo-fi prototype, and included the design changes made after the usability study, as well as several changes suggested by members of my team. View the dOZO website high-fidelity prototype

Accessibility considerations 1

2

3

I used headings with different sized text for clear visual hierarchy

I used landmarks to help users navigate the site, including users who rely on assistive technologies

I designed the site with alt text available on each page for smooth screen reader access

Going forward

●

Takeaways

●

Next steps

Takeaways

Impact:

What I learned:

Our target users shared that the design was

I learned that even a small design change can

intuitive to navigate through, more engaging

have a huge impact on the user experience.

with the images, and demonstrated a clear

The most important takeaway for me is to

visual hierarchy.

always focus on the real needs of the user when coming up with design ideas and solutions.

Next steps 1

2

Conduct follow-up usability testing on the new website

Identify any additional areas of need and ideate on new features

Let’s connect!

Thank you for reviewing my work dOZO Responsive website If you’d like to see more, or would like to get in touch, my contact information is provided below:

Email: [email protected] Website: dozo.africa

ECHARGER App Design KARICHU THEURI

Project overview The product: ECHARGER is a regional car charger located in the suburbs of a metropolitan area. ECHARGER strives to serve its users with convenience and affordability. They offer a wide spectrum of competitive pricing. ECHARGER targets customers like taxi drivers, and workers who lack the time or ability to charge their cars.

Project duration: December 2022 to January 2023.

Project overview

The problem:

The goal:

Busy drivers and business owners lack and or

Design an app for E Charger that allows

cannot locate a charging point while in need to

users to easily locate and plan their next

charge their car and still run errands.

charging point.

Project overview

My role:

Responsibilities:

UX designer designing an app for Echarge from

Conducting interviews, paper and digital

conception to delivery.

wireframing, low and high-fidelity prototyping, conducting usability studies, accounting for accessibility, and iterating on designs.

Understanding the user

●

User research

●

Personas

●

Problem statements

●

User journey maps

User research: summary

I conducted interviews and created empathy maps to understand the users I’m designing for and their needs. A primary user group identified through research was working adults who is scared that their car could run out of charge while they are busy running errands. This user group confirmed initial assumptions about Echarge customers, but research also revealed that time was not the only factor limiting users from charging their cars at home. Other user problems included obligations, interests, or challenges that make it difficult to locate an Echarge point.

User research: pain points

1

2

3

Time

Accessibility

IA

Working adults are overwhelmed with errands and they have no way of locating the next charging point

Platforms for locating charging points are not equipped with assistive technologies

Non existent of apps to locate chargers

Persona: Laura

“There’s nothing like engaging happy clients and schedule their deliveries for the following day orders after a 9-hr work at the office”

Problem statement:

Goals §

Laura is a busy working

§ § §

adult who needs easy access to Car charging points options because they have several trips to make in a day to achieve their goals.

Laura Nganuthia Age: Education: Hometown: Family: Occupation:

34 GRADUATE NAIROBI, KE MARRIED BUSINESS OWNER

Scheduling meetings with clients Do deliveries on time Service more clients Managing employees

Frustrations

Steph must hurry from point A to B in order to manage and service more clients. By the time she has serviced several clients, she notices her car charge is almost drained to attempt servicing another client.

Steph is a business owner who works at-least 45hours a week in the driving his cab and servicing deliveries. She has several cars which she markets online and she wishes to take the social media by storm and service more clients. Her services have been deteriorating everyday due to her lack of of locating a charging point.

User journey map Persona: LAURA Goal: Check out car charging points via app in and out of Nairobi

Mapping Laura’s user journey revealed how

ACTION

helpful it would be for users to have access to a

TASK LIST

Get the App

IMPROVEMENT OPPORTUNITIES

Submit your order

View verification

Charge your Car

Tasks

Tasks

Tasks

Tasks

Tasks

a) Download the app b) Accept the terms of service c) Set up account

a)

Browse the available charging point b) Enter your vehicle model c) Confirm the type of charger you use

a)

Apply first time discount code b) Choose where to charge c) Check mode of payment

a)

Check app and email for receipt b) Confirm order details and time

a)

Excited to check out availabe charging points near me

Excited about this app since its will be easier fro my daily errands

Frustrated that rewards arent applied automatically

Happy that the order went through successfully

Relieved that there is no queue

Offer discount rewards for first time clients

Add pop up messages when I am near a charging point

Automatically offer available rewards opt-in at check out

Make pick up time and order details clear and legible

Offer in app feature that notifies the dealership of any mistake(s) in the order

dedicated Car Charger app. FEELING ADJECTIVE

Check Charging points

Park your car next to the available EV charger b) Check that order is correct

Starting the design

●

Paper wireframes

●

Digital wireframes

●

Low-fidelity prototype

●

Usability studies

Paper wireframes Taking the time to draft iterations of each screen of the app on paper ensured that the elements that made it to digital wireframes would be well-suited to address user pain points. For the home screen, I prioritized a quick and easy locating process to help users save time.

Digital wireframes As the initial design phase continued, I made sure to base screen designs on feedback and findings from the user research.

Digital wireframes Easy navigation was a key user need to address in the designs in addition to equipping the app to work with assistive technologies.

Easy access to navigation that’s screen reader friendly.

Low-fidelity prototype Using the completed set of digital wireframes, I created a low-fidelity prototype. The primary user flow I connected was building and ordering a pizza, so the prototype could be used in a usability study. View the ECharger low-fidelity prototype

Usability study: findings I conducted two rounds of usability studies. Findings from the first study helped guide the designs from wireframes to mockups. The second study used a high-fidelity prototype and revealed what aspects of the mockups needed refining. Round 1 findings

Round 2 findings

1

Users want to locate charging points

1

The checkout process has too many unnecessary steps

2

Users want more customization options

2

“Build your own” functionality is confusing

3

Users want a warning sounds of a nearer charger

Refining the design

●

Mockups

●

High-fidelity prototype

●

Accessibility

Mockups Before usability studies

Early

designs

allowed

for

some customization, but after the usability studies, I added additional options to quickly search for charging points along one’s route. I also revised the design so users see all the customization options when they first land on the screen.

After usability studies

Key mockups

High-fidelity prototype The final high-fidelity prototype presented cleaner user flows for building an ECharger and checkout App. It also met user needs for a pickup or delivery option as well as more customization. View the ECharger high-fidelity prototype

Accessibility considerations 1

2

3

Provided access to users who are vision impaired through adding alt text to images for screen readers.

Used icons to help make navigation easier.

Added popping pins to help all users better understand that they are near a charging point.

Going forward

●

Takeaways

●

Next steps

Takeaways

Impact:

What I learned:

The app makes users feel like ECHarge App really thinks

While designing the Echarge app, I learned that

about how to meet their needs.

the first ideas for the app are only the beginning of the process. Usability studies and

One quote from peer feedback:

peer feedback influenced each iteration of the

“The app made it so easy and fun to locate a charging point

app’s designs.

very easy! I would definitely use this app as a go-to any-day I am on the move.”

Next steps 1

2

Conduct another round of usability studies to validate whether the pain points users experienced have been effectively addressed.

Conduct more user research to determine any new areas of need.

Let’s connect!

Thank you for your time reviewing my work on the Echarge app! If you’d like to see more or get in touch, my contact information is provided below. Email: [email protected] Website: uxportfolio.karichu.com

Thank you!

ECHARGER Responsive Website Design KARICHU THEURI

Project overview The product: ECHARGER is a regional car charger located in the suburbs of a metropolitan area. ECHARGER strives to serve its users with convenience and affordability. They offer a wide spectrum of competitive pricing. ECHARGER targets customers like taxi drivers, and workers who lack the time or ability to charge their cars.

Project duration: December 2022 to January 2023.

Project overview

The problem:

The goal:

Busy drivers and business owners lack and or

Design an responsive website for E Charger

cannot locate a charging point while in need to

that allows users to easily locate and plan

charge their car and still run errands.

their next charging point.

Project overview

My role:

Responsibilities:

UX designer designing responsive website for

Conducting interviews, paper and digital

Echarge from conception to delivery.

wireframing, low and high-fidelity prototyping, conducting usability studies, accounting for accessibility, and iterating on designs.

Understanding the user

●

User research

●

Personas

●

Problem statements

●

User journey maps

User research: summary

I conducted interviews and created empathy maps to understand the users I’m designing for and their needs. A primary user group identified through research was working adults who is scared that their car could run out of charge while they are busy running errands. This user group confirmed initial assumptions about Echarge customers, but research also revealed that time was not the only factor limiting users from charging their cars at home. Other user problems included obligations, interests, or challenges that make it difficult to locate an Echarge point.

User research: pain points

1

2

3

Time

Accessibility

IA

Working adults are overwhelmed with errands and they have no way of locating the next charging point

Platforms for locating charging points are not equipped with assistive technologies

Non existent of website to locate chargers

Persona: Laura “There’s nothing like engaging happy clients and schedule their deliveries for the following day orders after a 9-hr work at the office”

Problem statement: Laura is a busy working

Goals §

adult who needs easy

§ § §

access to Car charging points options because they have several trips to make in a day to achieve their goals.

Laura Nganuthia Age: Education: Hometown: Family: Occupation:

34 GRADUATE NAIROBI, KE MARRIED BUSINESS OWNER

Scheduling meetings with clients Do deliveries on time Service more clients Managing employees

Frustrations

Steph must hurry from point A to B in order to manage and service more clients. By the time she has serviced several clients, she notices her car charge is almost drained to attempt servicing another client.

Steph is a business owner who works at-least 45hours a week in the driving his cab and servicing deliveries. She has several cars which she markets online and she wishes to take the social media by storm and service more clients. Her services have been deteriorating everyday due to her lack of of locating a charging point.

User journey map Persona: LAURA Goal: Check out car charging points via app in and out of Nairobi

Mapping Laura’s user journey revealed how

ACTION

helpful it would be for users to have access to a

TASK LIST

Get the App

FEELING ADJECTIVE

IMPROVEMENT OPPORTUNITIES

Submit your order

View verification

Charge your Car

Tasks

Tasks

Tasks

Tasks

Tasks

a) Download the app b) Accept the terms of service c) Set up account

a)

Browse the available charging point b) Enter your vehicle model c) Confirm the type of charger you use

a)

Apply first time discount code b) Choose where to charge c) Check mode of payment

a)

Check app and email for receipt b) Confirm order details and time

a)

Excited to check out availabe charging points near me

Excited about this app since its will be easier fro my daily errands

Frustrated that rewards arent applied automatically

Happy that the order went through successfully

Relieved that there is no queue

Offer discount rewards for first time clients

Add pop up messages when I am near a charging point

Automatically offer available rewards opt-in at check out

Make pick up time and order details clear and legible

Offer in app feature that notifies the dealership of any mistake(s) in the order

dedicated Car Charge Responsive website.

Check Charging points

Park your car next to the available EV charger b) Check that order is correct

Starting the design

●

Paper wireframes

●

Digital wireframes

●

Low-fidelity prototype

●

Usability studies

Paper wireframes Taking the time to draft iterations of each screen of the website on paper ensured that the elements that made it to digital wireframes would be well-suited to address user pain points. For the home screen, I prioritized a quick and easy locating process to help users save time.

Digital wireframes As the initial design phase continued, I made sure to base screen designs on feedback and findings from the user research.

Digital wireframes Easy access to navigation that’s screen reader friendly.

Easy navigation was a key user need to address in the designs in addition to equipping the website to work with assistive technologies.

Low-fidelity prototype Using the completed set of digital wireframes, I created a low-fidelity prototype. The primary user flow I connected was locating a car charger, so the prototype could be used in a usability study. View the ECharger low-fidelity prototype

Usability study: findings I conducted two rounds of usability studies. Findings from the first study helped guide the designs from wireframes to mockups. The second study used a high-fidelity prototype and revealed what aspects of the mockups needed refining. Round 1 findings

Round 2 findings

1

Users want to locate charging points

1

The checkout process has too many unnecessary steps

2

Users want more customization options

2

“Build your own” functionality is confusing

3

Users want a warning sounds of a nearer charger

Refining the design

●

Mockups

●

High-fidelity prototype

●

Accessibility

Mockups Early

designs

allowed

for

some customization, but after the usability studies, I added additional options to quickly search for charging points along one’s route. I also revised the design so users see all the customization options when they first land on the screen.

Key mockups

Key mockups

High-fidelity prototype The final high-fidelity prototype presented cleaner user flows for building a pizza and checkout. It also met user needs for a pickup or delivery option as well as more customization. View the ECharger high-fidelity prototype

Accessibility considerations 1

2

3

Provided access to users who are vision impaired through adding alt text to images for screen readers.

Used icons to help make navigation easier.

Added popping pins to help all users better understand that they are near a charging point.

Going forward

●

Takeaways

●

Next steps

Takeaways

Impact:

What I learned:

The website makes users feel like ECHarge

While designing the Echarge Responsive

Responsive website really thinks about how to meet

Website, I learned that the first ideas for the

their needs.

website are only the beginning of the process.

One quote from peer feedback:

Usability studies and peer feedback influenced

“This made it so easy and fun to locate a charging point

each iteration of the websites designs.

very easy! I would definitely use this as a go-to any-day I am on the move.”

Next steps 1

2

Conduct another round of usability studies to validate whether the pain points users experienced have been effectively addressed.

Conduct more user research to determine any new areas of need.

Let’s connect!

Thank you for your time reviewing my work on the E-Charge app! If you’d like to see more or get in touch, my contact information is provided below. Email: [email protected] Website: uxportfolio.karichu.com

Thank you!

I A M A CREATIVE WITH 9 YEARS OF HAN DS-ON EXPERIENCE WORKING IN A DVERTISING INDUSTRY

TO

CREATE

VARIO US

MATERIA LS

THAT

PROVIDE

IN FORMATION

A BOUT

CO MPANY' S O FFERINGS. TALENTED AND INVENTIVE PRO FESSIONA L CERTIFIED IN DESIGN PAIRED WITH EXPERTISE WITH INDESIGN, PHO TO SHO P, FIGMA, A DOBE EXPERIEN CE DESIGN (XD), A FTER EFFECTS, AN D ILLUSTRATO R. PO LISHED IN MANAGING AND CREATIN G BUSIN ESS-TO-BUSIN ESS OR BUSINESS - TO CO NSUMER AND MO ST IMPO RTA N TLY, HUMA N - TO- HUMA N MARKETIN G MATERIA LS FOR

CONTACTS

PRINT AND DIGITAL. K A R I C H U . T H E U R I @ G M A I L . C O M K A R I C H U @ D O Z O . A F R I C A + 2 5 4

7 2 2

4 0 9

5 1 4