Back to works

Mobile app design for a food delivery and pickup company

Pakk is a mobile application designed for Hungarian customers to help them explore local shops, check their products and services, and order custom packages during the COVID-19 outbreak.

Screenshots of the Pakk app: bright red with friendly fonts
Client
Pakk
Industry
Non-profit
Service
UI/UX Design
Team Setup
1 Designer + 1 Researcher
Timeline
2 Weeks

Goal

This pro-bono's goal was to create a brand-new interface for the Pakk mobile app, allowing users to explore local shops, check products and services, and order custom packages, particularly catering to the needs arising during the Coronavirus outbreak.

Challenge

The short timeframe presented us with many challenges, such as capture the brand essence and adapting to unique lockdown shopping behaviours.

Outcome

The joint effort resulted in a well-designed and user-friendly digital product in line with Pakk's vision and brand.

150
UI Elements
50
Screens
10
Usability tests
Project timeline
Timeline of the 10 day project
1 /
Discovery

How we started

  1. We held a mission-vision workshop to define Pakk as a brand.
  2. We facilitated a value selection workshop that helped us understand how Pakk wants to be perceived by its users.
  3. We also created an impact-effort matrix to estimate which features are feasible to launch with the first release and what can be done later.
The impact-effort matrix created on the workshop
2 /
Usability testing and interviews

We recruited a few participants for the usability testing, who matched the clients’ target audience profile. Our UX researcher conducted several interviews to discover the habits and peculiarities of shopping behaviour during the lockdown.

Changes we’ve done after the usability testing

1. We replaced the distance estimate with the average walking time. It turned out to be a helpful switch since many of our test participants preferred to take a walk instead of using public transportation.

Screenshots showing prototype experimentations on how to display stores near the user

2. One of the encountered problems was the switch between the map and the search results list view. After numerous different solutions, we decided to use a floating CTA, which performed well during the tests.

A more detailed prototype showing the same map function
3 /
UI design

We jumped into the UI design phase in the middle of the second week. Our UX experts proposed several approaches to match the values defined during the branding session. The Pakk team wanted a product UI to reflect the brand’s individuality. This is why the complementary red color became the background color in the final version.

UI design assets
Various screens of the product showing the process of finding a bakery in Budapest with Pakk
Balázs Araczky
Product Manager at
Pakk

"In just 2 weeks we had several back-and-forths about the design, had research with a focus group, evaluation and great ideas and insights about the whole project, from what we really wanted to know what the customer would like to see and everything in between. We worked a lot, had a lot of fun, and got some really precious experience along the way. It is always a pleasure to work with dedicated professionals."

Similar success stories
Now available for hire
Let's talk
Schedule a call
Drop a message