mouse on overflowing images and

hold shift + scroll

TrustyFeeder

Trusty Feeder help people find places where reliable food , or ingredients of food are available by locating them on map .By which Uni students , travelers , visitors and other professional can use to find the reliable food access on the basis of food review and other aspects , near by them .

Project Duration

Jun 2023 - October 2023

Role

UI / UX designer . Leading the UX and UI process from start to the end

Responsibilities

Making UI aesthetic and UI guide . User Research , Ideating , conducting competitive audit , wireframing,conducting usability testing prototyping and iterating back on designs . Designing responsive website

Project Duration

Jun 2023 - October 2023

Role

UI / UX designer . Leading the UX and UI process from start to the end

Responsibilities

Making UI aesthetic and UI guide . User Research , Ideating , conducting competitive audit , wireframing,conducting usability testing prototyping and iterating back on designs . Designing responsive website .

Problem

Due less awareness and method of getting aware of food places and shops , people are finding it hard to believe the cleanliness , authenticity and other aspects of food places and shops

Goal

Movie and theater enthusiasts get late to go-out and bring snack and drink ,while watching movie and some users are stuck and can't get to movie time and couldn’t order and brink snacks with them

Problem

Due less awareness and method of getting aware of food places and shops , people are finding it hard to believe the cleanliness , authenticity and other aspects of food places and shops

Goal

Movie and theater enthusiasts get late to go-out and bring snack and drink ,while watching movie and some users are stuck and can't get to movie time and couldn’t order and brink snacks with them

Understanding the
users

Research

I conducted unmoderated usability through google form asked questions from many Uni students far from their home and professionals . Most of them find it hard to believe the cleanliness ,authenticity and expiry date of food . They all had bad experiences while eating outside and had gotten sick . They all want any guide to help them find reliable food access .

12

Respondents

06

Questions

Research

I conducted unmoderated usability through google form asked questions from many Uni students far from their home and professionals . Most of them find it hard to believe the cleanliness ,authenticity and expiry date of food . They all had bad experiences while eating outside and had gotten sick . They all want any guide to help them find reliable food access .

12

Respondents

06

Questions

Pain points

1

Make food wasted by wrong choice

Due to Lack of awareness about food and it’s ingredients that are sold in shops

2

Unable to authenticate products

With clever copying brands the local sellers trick customers easily to buy their products .

3

Can’t find reliable food places

With several number of local food places , consumer find it hard to authentic food place by different aspects

Personas

Haider

26

Quetta

5 member family

Uni Student

“I wish to have reliable access to food to avoid sickness” 

Haider is a busy university student . He lives in hostel with his friends far from his university ,his time table for classes and meals frequently changed due to which he can’t plan to cook or start a mess system and go out for food . He is foodie and likes to eat outside but he is afraid due to unreliable food .He usually gets frustrated when he find the food he bought isn’t reliable 

Goals

1

To eat healthy food from a reliable access

2

Easily find reliable access of food

3

Have meal on time

Frustrations

1

Throwing food bought from unreliable access

2

Wait to long to cook by himself

3

Eat usually food bought from unreliable access.

Shazia

24 years

Quetta

3 members family

Internee

“I need to find reliable access of food when visiting different cities easily”

Shazia is am internee in any public service company . lives in flat with her school friends . She mostly travel cities as of her work and can’t manage to cook . She mostly eats from outside in cities . She likes to have food from reliable access . She is too much careful about her health to be consistent to her job . She searches in social media for reliable access to food in the she start her work .

Goals

1

Easily find reliable food from any reliable access

2

Prefer food made in clean kitchen

3

To buy food from authentic franchises

Frustrations

1

Facing fake or 2nd copy products

2

Eat the food bought from unreliable access and also which is late

3

Hard to find reliable accesses of food

Problem Statements

Haider

Haider is an University student who needs To have easily access to reliable access of food and identify food because He can’t cook usually due to varying class timing, and often leave food bought from unreliable access and sometimes eat that when he is very hungary

Shazia

Shazia is a busy internee in governmental firm who needs to find reliable access of food and identify authentic food product seller while on trip because She wants to keep consistent with her job and usually find reliable access of food with difficulty and sometimes eat food cooked late or is made from local unreliable access .

User Journey's

Haider's

Goal: Finding any official product sold by any authentic reliable access of products

Improvement Opportunities

A feature of an app by which he could easily search and find

Map to pin point the location to visit

Select products based on feedback on past users

A feature of an app by which he could easily have the any product’s guideline to verify sometimes by searching the product , company or other in official website

An app feature by which he could file complain against and give review about goodness or badness..

Shazia's

Goal: Finding any food eatable , clean and tasty by any reliable access of food

Improvement Opportunities

A feature of an app by which he could easily search and find

List of the foods of place with its ingredients ,price ,freshness , and other crucial aspects of product .

Map to pin point the location to visit

Select food based on feedback on past users

An app feature by which he could file complain against and give review about goodness or badness..

Starting the
Design

Competitive Audit

Competitive audit was done to make easy to ideate solutions for problem

Product :

Services finder app

Position :

Providing consultancy about every services for people who don't have awareness about local services .

Message :

Yelp wants to connect people with great local businesses

Strength

Detailed information about local businesses

Reservation by submission of detailed information

Advance and specific filter .

Weakness

More services which is overwhelming

Sign-up function didn’t work .


Product :

Food and grocery delivery app

Position :

Providing riders that could deliver food from restaurents , cafes , groceries ,etc , to people .

Message :

From food delivery to your daily convenience companion

Strength

Only Shops And Restaurant service

Only Delivery and pickup

Weakness

Unresponsive web


Product :

google map with services pinpointed on the map showing direction

Position :

Providing feedback based on official users upon every services availble in specific area

Message :

To help people understand and explore the world around them

Strength

Easy getting directions due to google map integration

Verified user profiles

No Advance filter

Weakness

More services which is overwhelming

Opportunities

List out the verified and authentic ingredient seller to restaurants , cafes , mini stalls and hotels with their feedback and reviews from Food authority department of government

List out the verified official product seller or shops selling official products , verified by companies in the area .

List out the companies with their official franchisee in certain areas selling their official products .

Making Accessible product

Making easy the sign-up process

Making Web apps responsive

Crazy Eight

Ideas were generated by crazy eight method and the elements with red star were choosen to be added in the digital wireframes .

Paper Wireframes

Paper wireframes were made by generated ideas of components from crazy eight method .

Food Place Screen

List of food places out of which single place is selected then items of the food place is selected


Shop Screen

List of shops out of which single place is selected then items of the single shop is selected


Home Screen

All screen summarized on the home screen


Saved Screen

The items or places saved for easy access when the user is in hurry


Searching

All the possible screens for searching and adding location .

Digital Wireframes

Digital wireframes were made to build up low-fidelity prototype and test with end users

Search functionality

1

Search field for easily finding the desired keyword in specified area.

2

Filter to bring up specific results

3

Save button to instantly save multiple item for Saved screen

Food Places screen and
Shops screen

1

Name of shop with verified sticker.

2

Business owner with it’s avater , badges and contact info for users that could instantly take action

A Food Place and
A Shop screen

1

Badges assigned to the Business specifically to for their stages of reliability

2

Lists of business’s items with save option , that they sell

3

Reviews section on the business made up of authenticated users by their email

A Food Place's item screen and
A Shop's item screen

1

Types of dishes

2

Reviews section on the business’s items made up of authenticated users by their email

Home screen

1

The most popular items of business for the users to try out .

2

Short cut based on mostly searched and visited items of businesses

Saved screen

1

Saved places and items related to Food Place screen

2

Saved shop and items related to Shop screen

Low Fidelity Prototype ( Before usability study )

Low fidelity protype was made to be tested with end users to identify early possible errors of product

Check Low_fidelity prototype

Testing

Low - fidelity Prototype was made and tested with users as results we got some insights

Tasks

Task 1 :

Go to food place screen , select a restaurant and check and read about the details given about the restaurant .

Follow-up 1 :

Were you able to complete the task ? If not then tell me about the difficulties you faced ?

Task 2 :

Now select any food item of the restaurant check and read the details .

Follow-up 2 :

Were you able to complete the task ? If not then tell me about the difficulties you faced ?

Task 3 :

Go to Shop screen , select any shop and check and read about the details given about the restaurant .

Follow-up 3 :

Were you able to complete the task ? If not then tell me about the difficulties you faced ?

Task 4 :

Go to food place screen , select a restaurant and check and read about the details given about the restaurant .

Follow-up 4 :

Now search for any Item and go check the details and the item’s shop

Pattern Identifcation

5/6 Users couldn’t make use of search functionality

3/6 Users got cluttered by the details on lists of data on the food place screen

1/6 Users was confused with the data represented on the food item’s detail screen

Insights Identification

1

Search functionality should be improved .

2

Content on screens : The irrevelent information on UI should be cut off to reduce clutter .

3

Item description screen : Food item screen should be rethought

Refining The
Design

Mockups

Based on usability study insights, the designs and prototype were iterated upon then mockups were made for High Fidelity prototyping

Location , Searching and filtering

Based on usability insight searching and filtering was made to be more intuitive.

Searched Results clicked

Based on usability insight searching and filtering was made to be more intuitive.

Food Place Screens

Based on usability insight irrevelent information on UI cut off to reduce clutter and on single Item description screen unrelated information was also cut off

Shop Screens

Based on usability insight irrevelent information on UI cut off to reduce clutter and on single Item description screen unrelated information was also cut off

Home

No changes were brought to home screen yet due untesting this .

Saved

Iirrevelent information on UI was cut off to reduce clutter

High Fidelity Prototype ( After usability study )

High fidelity prototype developed after usability study for a refined user experience.

Check High_fidelity prototype

Home , Location ,searching and filtering

Accessibility Considerations

1

Labels for icons are given for better readability

2

Colors , passing “AA” standard , were used

3

Imagery were added for better and easy User Interface .

Responsive
Screen

Site Map

After the completion of the mobile , I started to design the responsive design of the site by firstly laying out the possible screens via sitemap

Responsive Screens

Different screen sizes as shown below were designed to meet diverse needs of users .

Desktop

Tablet

Mobile

Going
Forward

Take Aways

Impact :

Most of the users agreed that they are going to use this app frequently to find reliable food access .

What I learned :

I learned how important it is to follow the each step of design as per their regulations . Being flexible , fast and decisive is key to get wheels rolling .

Next Steps

1

Conducting a test to determine the app is able to help people

2

Redesigning some parts of the UI and testing with A/B testing method

3

Gamifying the app so that to increase the customer engagement rate

Let's Connect

I’m big thankful to you for reviewing my on course (google UX design) project’s case study .