Hyteno is a digital solutions provider for restaurants. It provides them their websites, online reservations, social media marketing, SMS and Email marketing, and so on.

The founder of Hyteno approached us for their design work.

The requirements were to

• build a strong landing page,

• and a dashboard for their online reservations system

.We got started immediately!

Discovery

First, it was necessary to decide what the founder had in mind for the landing page flow. We worked on possible ideas and jotted down some copywriting ideas.

Copywriting, UX Flow, and Basic Wireframes

We researched the brand, and industry in order to get the copywriting part. Our primary job wasn’t copywriting, but still, we decided to collaborate in making this as well-prepared as we could.

The UX flow and copywriting went hand in hand. We worked on the flow, while simultaneously working on the copy. After a few sessions, we had some material.

We went on to search for high-quality landing pages and collected several ideas on how our website could look.

The UX flow was then translated into wireframes. These wireframes were approved by the founder, and the design work was begun.

Above: Copywriting after a discovery call.

Below: Basic wireframing and brainstorming.

Visual Design

We began by defining primary colors, and the design system. Our chosen typeface was DM Sans. The design previously used Poppins.

We were very careful with the details such as the shade of the color, typeface and it’s width. Whitespace was equally important to us, and we defined rules around each of these areas.

We spent several days working on it. Simultaneously, the founder and we were on calls refining and polishing the details. We decided to have animations, large cards, and plenty of whitespace and kept experimenting.

Eventually, we were ready with the final result. The final design was then made responsive for several screens including a responsive design for the mobile.

The founder and his team were happy, and excited about the work.

Above: Responsive design for different screens.

Below: Animated SVG for the illustration section.

Final output:

The Dashboard

A lot of our effort has also gone into designing their dashboard. We shall update soon in this document.

This is where we can help you.

If you are a founder or developer and would like to get immediately to the market, we can provide you with all the design help you need at affordable rates.

Let's have a chat at start@etheric.design where you will be greeted by our designer.

You can also visit us or have your own general cost estimates at https://etheric.design

See you.