soosty food soosty food

Soosty is an online booking platform on which restaurants place individual offers (dishes) and may offer a discount to guests. Customers (end-users) on the other hand can discover the variety in culinary, search for their food according to desired criteria or get inspired by a wide range of different dishes and restaurants.

computer icon

Web Design

TWO MAIN USERS

partner
customer

Overview

Soosty addresses current challenges in the gastronomy industry and brings guests back to the restaurants. The aim was to understand and meet the desire of each customer and create a smooth and engaging experience. Because of that, we were trusted to redesign the current website completely.

Challenge

Find the best UX and UI solutions for both users. It was challenging to present the deals attractively and informative to make it faster and easier to buy. Also, for the partner users, we had to provide a clear info setup process to help them focus on the primary action of creating and editing the offers.

food

Results

We have successfully created a responsive website for two different users. We've solved the most significant UX issues and accomplished the clean and simple user flow.

With the clever use of white space, we've successfully emphasized Soosty offers and enabled the users to find what they need. With strategically positioned CTA buttons our goal was to increase the CRO and the percentage of incoming users that convert.

RESPONSIVE WEB

screen

Design process

To create the best digital product, we've first determined all the crucial phases of our design process. After thorough competitive research, we created the sitemap and personas of potential Soosty users. We have finished the whole research phase by creating a mood board and logo to convey a general idea and feel of the brand and website.

All the collected data help us define the visual style. We continued the process by building website structure and flow in the paper and hi-fi wireframe phases. Finally, with the help of the mood board and constant communication and iteration with our client, we finished the UI phase and created the design that makes both us, and the client proud.

timeline timeline

UI PHASES

Paper wireframes

paper wireframe

Hi-fi wireframes

hi fi wireframe

UI design

ui design
soosty screens

Style guide

COLOR PALETTE

#E8500D

Primary

#454242

Text

#717171

Icons

#FAD3C1

Icon Bg

#F7F5F2

Bg 1

#FAFAFA

Bg 2

TYPOGRAPHY

lato fonts
brandon grotesque fonts

UI ELEMENTS

Cards

add to cart card
add to cart card

Text fields

text fields
icons

Calendars

calendar

Dropdowns

dropdown menu

PREVIOUS PROJECT

Name Labels

Get in touch

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

SEND A MESSAGE