UI & UX

New user interface of the pizza-online platform, following its rebranding.

Creating the perfect customer journey.

Many UI elements had to be completely redone or rethought to make the user journey a pleasant one, while making it easy for them to keep doing what they were used to do already on the platform: order food. Most elements have not only been simplified to a maximum, but have been designed to make the whole ordering process way faster..

Same brand, a total new experience.

If you compare the new product design to the previous one, it’s pretty much day and night. A new iconagraphy system is now in place to make it easier for users to filter the food they are looking for. The user dashboard has been reorganised completely and the whole experience is not more flawless than ever thanks to a side cart that is always present during the order process. The use of colours has been kept to a minimum to assure a clean aesthetic, but to keep the bright colours mostly for call to actions or elements that really need to stand out of the design.

[unex_ce_button id="content_1jkljd3l2,column_content_y8quevhu9" button_text_color="#303030" button_font="bold" button_font_size="16px" button_width="auto" button_alignment="left" button_text_spacing="0px" button_bg_color="#fffffffff" button_padding="15px 30px 15px 30px" button_border_width="1px" button_border_color="#303030" button_border_radius="0px" button_text_hover_color="#ffffff" button_text_spacing_hover="0px" button_bg_hover_color="#303030" button_border_hover_color="#303030" button_link="https://www.youtube.com/watch?v=YNs1fWqTbCk&feature=youtu.be" button_link_type="url" button_link_target="_blank" has_container="" in_column="1"]Watch the comparison video[/ce_button]

A mobile first approach.

During the whole design process, all breakpoints were our priority. But we took a very precise look at the look and feel on mobile. We wanted to achieve an order process that feels as fast and easy as it is on Desktop when the user usually has much more information at once. Oh, and when I say “we”, I mean that without the help of Eldad Arnon, Senior International Product Manager at Delivery Hero, and Tomi Voutilainen, Product Manager at pizza-online.fi, this whole project wouldn’t have been possible.

See for yourself

[unex_ce_button id="content_ykud9gc63,column_content_04i2leocj" button_text_color="#f9f9f9" button_font="bold" button_font_size="16px" button_width="content_width" button_alignment="center" button_text_spacing="0px" button_bg_color="" button_padding="15px 20px 15px 20px" button_border_width="1px" button_border_color="#f9f9f9" button_border_radius="100px" button_text_hover_color="#303030" button_text_spacing_hover="0px" button_bg_hover_color="#f9f9f9" button_border_hover_color="#f9f9f9" button_link="http://pizza-online.fi" button_link_type="url" button_link_target="_blank" has_container="" in_column="1"]Website[/ce_button]
[unex_ce_button id="content_ykud9gc63,column_content_1s19su07k" button_text_color="#f9f9f9" button_font="bold" button_font_size="16px" button_width="content_width" button_alignment="center" button_text_spacing="0px" button_bg_color="" button_padding="15px 20px 15px 20px" button_border_width="1px" button_border_color="#f9f9f9" button_border_radius="100px" button_text_hover_color="#303030" button_text_spacing_hover="0px" button_bg_hover_color="#f9f9f9" button_border_hover_color="#f9f9f9" button_link="https://youtu.be/YNs1fWqTbCk" button_link_type="url" button_link_target="_blank" has_container="" in_column="1"]Before/After[/ce_button]