Design a food for

delivery app for your

hometown bakery
Lê Phước Tiến
Project overview

The product:
App for helping user easy to deliver foods online

Preview of selected
polished designs.

Project duration:
6 months
Project overview

The problem: The goal:

- TinPhat’s offer delivery and pick-up services - To help users easy to order online and
only. No in-store dining. easy to use.
- Zia’s only accepts advance orders online or
by phone. Pick-up orders are fulfilled at a
drive-thru window, when possible,
otherwise, customers pick up at a walk-up
window/counter (inside customer space is
limited).
Project overview

My role: Responsibilities:
UX designer, Ux researcher user research, wireframing, prototyping,
etc.
 ● User research
Understanding ● Personas

the user ● Problem statements

● User journey maps
User research: summary

Write a short paragraph describing your user research.

This can include the type of research you conducted, assumptions that you made going into the
research, and how your assumptions changed after conducting research.
User research: pain points

1 2 3 4
Pain point Pain point Pain point Pain point

Write one to two Write one to two Write one to two Write one to two
sentences reflecting sentences reflecting sentences reflecting sentences reflecting
on the pain point listed on the pain point listed on the pain point listed on the pain point listed
above and how it above and how it above and how it above and how it
will guide designs will guide designs will guide designs will guide designs
moving forward. moving forward. moving forward. moving forward.
Persona: Name

Problem statement:
[User name] is a [user
characteristics]
who needs [user need]
because [insight].
User journey map

[Your notes about goals and

thought process]

Image of user
journey map
 ● Paper wireframes
Starting ● Digital wireframes

the design ● Low-fidelity prototype

● Usability studies
Paper wireframes

[Your notes about goals and

thought process] Image of paper
wireframes including
five different
versions of the same
screen and one
image of the new,
refined version
Digital wireframes
Description of
the element
[Your notes about goals and and its benefit
to the user
thought process] Insert first wireframe
example that
demonstrates design
thinking aligned with
Description of
user research
the element
and its benefit
to the user
Digital wireframes
Description of
the element
[Your notes about goals and and its benefit
to the user
thought process] Insert second
wireframe example that
demonstrates design
thinking aligned with
Description of
user research
the element
and its benefit
to the user
Low-fidelity prototype

[Link to low-fidelity prototype and

brief description of the user flow] Screenshot of
prototype with
connections or
prototype GIF
Usability study: findings
Write a short introduction to the usability studies you conducted and your findings.

Round 1 findings Round 2 findings

1 Insert finding 1 Insert finding

2 Insert finding 2 Insert finding

3 Insert finding 3 Insert finding

 Mockups
Refining
●
● High-fidelity prototype
the design ● Accessibility
Mockups
Before usability study After usability study

[Your notes about goals and

thought process]

Image of Image of
selected selected
screen before screen after
usability study usability study
Mockups
Before usability study After usability study

[Your notes about goals and

thought process]

Image of Image of
selected selected
screen before screen after
usability study usability study
Mockups

Main Main Main Main

mockup mockup mockup mockup
screen for screen for screen for screen for
display display display display
High-fidelity
prototype

[Link to high-fidelity
prototype] Screenshot of
prototype with
connections or
prototype GIF
Accessibility considerations

1 2 3
Insert one to two Insert one to two Insert one to two
sentence summaries sentence summaries sentence summaries
describing each describing each describing each
accessibility consideration accessibility consideration accessibility consideration
applied in your designs. applied in your designs. applied in your designs.
 ● Takeaways
Going forward ● Next steps
Takeaways

Impact: What I learned:

Insert one to two sentences summarizing Insert a few sentences summarizing what you
the impact of your designs. In the real world, learned throughout the project.
you’d include data like number of downloads
or sign ups, but since this is a course project,
you can include a positive quote from a peer
or study participant.
Next steps

1 2 3

Insert a few sentences Insert a few sentences Insert a few sentences

summarizing the summarizing the summarizing the
next steps you would take next steps you would take next steps you would take
with this project and why. with this project and why. with this project and why.
Let’s connect!

Insert a brief sentence or two about contacting you and/or reviewing more of your work.

Provide your contact information here. This might include your email address, phone number, and
website or link to other professional platforms.