pickpack_logo

We've been trusted with challenging task to redesign and develop a website, on a tight deadline, for a growing startup that partnered with famous Die Bahn and was ready to conquer the German market.

ic_web_design Web redesign
ic_web_development Web development
lik_about_us
pickpack_header_top_img

Overview

PickPack is a mobile pre-order and payment app for travelers and people who are looking for the most convenient shopping on the go.

Visit the site ic_arrow_text_right

Challenge

Pickpack was already getting some traction when they realized their web presence is not up to the rest of their business. And the time was short. They needed something really good, really fast.

Results

While some branding guidelines were given, the rest was up to us. Our main goal was to communicate with Pickpack's end users: busy, mostly hungry commuters who want to skip the line.

home

Easily find us

Interactive part of the web that will help users locate exact stores that cooperate with Pickpack.

where-are-we

Other pages

Beside converting visitors into users, the website has few more goals: communicate to new potential business partners and recruit new employees. And we're also a bit proud of our custom made 404 page 😄

404-page
meet-pickpack
get-in-touch click-and-collect

Responsive

The whole Pickpack business is made for people on the go. That's why it was paramount to make the website look and perform well on smartphone screens as well.

mobile-screens green-triangle
mobile-screens
mobile-screens
mobile-screens
mobile-screens
mobile-screens
mobile-screens
mobile-screens

Styleguide

Color palette

#005F6A
Primary_1
#00C9B7
Primary_2
#A32756
Secondary_1
#FFB900
Secondary_2
#1C4448
Bg_darker
#8DA1A3
Bg_dark
#DCE2E3
Bg_light
#E5F9F7
Bg_lighter
#FFFFFF
Bg_white
#00C9B7
Success
#F03D3D
Error
#FF8F00
Warning

Typography

Weight • Size • Line Height

Heading 1
Poppins Bold • 47pt • 54px
Heading 1 Mobile
Poppins Bold • 38pt • 42px
Heading 2
Poppins SemiBold • 29pt • 42px
Heading 3
Poppins SemiBold • 18pt • 27px
“Testemonial!”
Poppins SemiBold Italic • 29pt • 424px
Paragraph
Poppins Medium • 18pt • 27px
Form input
Poppins Medium • 14pt • 20px
Button
Poppins SemiBold • 18pt • 20px Poppins SemiBold • 18pt • 27px
TAGLINE
Poppins Bold • 14pt • 20px

Assets

icons

Components

Send
Default
Send
Hover
black 10%
Send
Pressed
black 30%
Sent ic_form_sent
Sent
Go to home
Go to home
Go to home
Input text
Default
Focus
Focus and typing
Input text
Inactive with text
Focus and error
ic_error_x Error message
Error text prompt
Input text
ic_error_x This field is required
Required field prompt
Default
Selected
brandenburg-gate-light Berlin arrow-light
Default
brandenburg-gate-light Berlin arrow-light
Hover
brandenburg-gate-black Berlin arrow-green
Selected
textbox_resize
Send
ic_alertAn error occurred while sending. Please try again.
Error while sending

PREVIOUS PROJECT

Muddest

Get in touch

Tell us about your project, ask us any question or simply say hello.

SEND A MESSAGE