Pakk

How we designed a brand new mobile application in just two weeks
Food Delivery
product design
mobile app
2 weeks

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 Coronavirus outbreak. This is why the apps’ name is Pakk, which is a package in Hungarian. Our goal was to design a brand new user-friendly mobile app interface in just two weeks.

Kick-off
Project plan

We only had two weeks to design a brand new product. We’ve developed the following project plan to use our available time effectively:

1. A kickoff on the second day to gather product information.
2. A working prototype by the end of the first week.
3. Usability testing, prototype iteration in the second week.
4. Final UI and UI testing in the second week.
5. A closing meeting with the product design handover and the next steps recommendations.

Phase1
Discovery

We held a mission-vision workshop to define Pakk as a brand. At the same time, the value selection workshop helped us understand how Pakk wants to be perceived by its users.
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.

Team
1 Researcher

2 Designers
Client’s team
CEO

Head of marketing

Lead developer
Techniques
The mission-vision workshop
The value selection workshop
Phase2
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 behavior during the lockdown.

Team
1 Researcher

2 Designers
Client’s team
CEO

Head of marketing

Lead developer
Techniques
Usability testing and interviews
Prototyping

The changes we’ve done after the usability testing
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.  

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.

Our first prototype showed the nearby local businesses.

Phase3
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.

Team
1 Researcher

2 Designers
Client’s team
CEO

Head of marketing

Lead developer
Techniques
Usability testing
Design iterations

We regularly updated the Pakk team on our findings during our collaboration, continuously pushing new screens to Zeplin. We used this tool to hand over the design and communicate with developers. A UI kit with many elements and their states was also created and kept up-to-date, making it easier for developers to code the pixel-perfect design.

In just 2 week 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 want to 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.

Balázs Araczky
Product Manager
The outcome

In two weeks, our UX team iterated the product’s prototype four times. We’ve created more than 150 UI elements, 50 screens and conducted ten usability tests. All in all, we can proudly say our UX experts designed a great digital product together with the Pakk team.