skip to Main Content

Post Stamp Builder

Create your own sheet of stamps

linea

Post, the Austrian postal service, wanted to create and improve its shopping service with a digital online store that would allow users to design their own sheets of stamps and then buy them. I had to stick to the existing brand corporate identity to achieve unity in the design. The result was a very intuitive and useful tool.

Art direction, concept & design

Christof Hofstaetter & Susanne Palmetzhofer (project managers) | Marcin Gil & Milan Orszak (programming)

2014

Interface – UI | User experience – UX

Post Austria
(Ovos)

Customizing your stamp was available to all users, and from home

From the beginning, we wanted a simple process that was very easy to follow.
To do this, we first developed wireframes that explained the process. Here are some examples.

post-stamp-builder_wireframe-1
Upload your image

The first thing you could do in the digital product was choose the photo you wanted on your stamp. You could upload the image through your computer or choose an image published on your Facebook profile.

post-stamp-builder_wireframe-3
Customize your stamp

With the image now loaded, a menu with different options to customize your stamp appeared at the top. You could change the image, zoom in, rotate it, change the text, frame your photo, change the color, etc.

post-stamp-builder_wireframe-2
Select your image

Then you selected the method with which to upload the image. A screen appeared with an internal scroll, showing all the existing images in the chosen folder from your computer or Facebook.

post-stamp-builder_wireframe-4
Additional information

With the purchase process and personalization of the sheet, we obviously needed additional messages to inform the user of each process that they were on. This confirmation pop-up was proof of this.

And the final visuals

This is a real example of what it looks like.
The process of uploading an image until you have your complete sheet of stamps.

post-stamp-builder-1
post-stamp-builder-1
post-stamp-builder-2
post-stamp-builder-3
post-stamp-builder-4
post-stamp-builder-5
post-stamp-builder-6
The details are in the pixels

Each line, each shadow, each position of each element is carefully designed.

post-stamp-builder_interface-1
post-stamp-builder_interface-2
post-stamp-builder_device
Back To Top