Client
Harari Falatozó (Restaurant)
My role
Client communication
Strategy
UX design
UI design
Bene Márton
Product designer
Project length: 1,5 months.
Summary
I led the design of the project to help the Hungarian restaurant build its first website.
Softwares
So who is Harari Falatozó
So who is Harari Falatozó
Harari Falatozó is a Hungarian cozy restaurant where people can eat gourmet burgers and have quality time with family and friends. It was established in 2019 and they are in the top 10 gourmet burger places in Budapest.
The place is famous for its interior design but mostly for the fine dining and the customer experience. The employees pay close attention to their loyal customers and they are known by name and they know their usual orderings as well.
Harari Falatozó is a Hungarian cozy restaurant where people can eat gourmet burgers and have quality time with family and friends. It was established in 2019 and they are in the top 10 gourmet burger places in Budapest.
The place is famous for its interior design but mostly for the fine dining and the customer experience. The employees pay close attention to their loyal customers and they are known by name and they know their usual orderings as well.
Problem Statement
Problem Statement
Harari Falatozó needed its first website with a fresh look to ensure existing customers are kept, and new ones are converted.
Without website the users had trouble finding the menu, also there was no booking or online ordering options.
The design includes a way for customers to contact the company and an easy way to find the locations, menu also online ordering option.
Harari Falatozó needed its first website with a fresh look to ensure existing customers are kept, and new ones are converted.
Without website the users had trouble finding the menu, also there was no booking or online ordering options.
The design includes a way for customers to contact the company and an easy way to find the locations, menu also online ordering option.
Project Goals
Project Goals
1
Offering a new type of service - to book a table in the restaurant
Offering a new type of service - to book a table in the restaurant
Offering a new type of service - to book a table in the restaurant
2
Establish trust and credibility through excellent service
3
Differentiate from competitors through innovation. (application compatibility with apple watch)
Differentiate from competitors through innovation. (application compatibility with apple watch)
4
Introduce a food delivery system so people can order safely from home during the pandemic
I used the Double Diamond approach
I used the Double Diamond approach
Discover
Deliver
Define
Develop
1
2
3
4
Research methods
Research methods
Customer Journey Map
Customer Journey Map
Prototype testing
Persona
Persona
Andras Bercze’s journey to find a restaurant
people helped me to describe best the characteristics of a Harari Falatozó customer
15
15
people tested out the prototype
10
10
User interview
people told their pain points about other restaurants’ website
15
15
BARTON
Design
BARTON
Design
What are the challenges or barriers to the website?
What’s important for a great web experience?
What are the customer needs and unmet needs, both online and off?
In the case of restaurants, which platform does the customer prefer more, mobile or desktop?
Lo-fi prototype feedback
What are the challenges or barriers to the website?
What’s important for a great web experience?
What are the customer needs and unmet needs, both online and off?
In the case of restaurants, which platform does the customer prefer more, mobile or desktop?
Lo-fi prototype feedback
Key focus areas
Key focus areas
Following our customer interviews, we synthesized our findings and were able to create a customer journey and persona which were presented and discussed with the client.
These exercises formed a great foundation to move into feature ideation and prioritization.
Moodboard
Moodboard
Moodboard
gourmet food
friendly place
great service
rustic interior redesign
wood furniture
cozy lights
gourmet food
friendly place
great service
rustic interior redesign
wood furniture
cozy lights
gourmet food
friendly place
great service
rustic interior redesign
wood furniture
cozy lights
Accessibility:
Accessibility:
Accessibility:
The products & website are used by a variety of different users - most of whom don’t have a choice in the matter. Therefore it is important to make the products at the very least, usable, and ideally easy and enjoyable to use for all kinds of people.
The products & website are used by a variety of different users - most of whom don’t have a choice in the matter. Therefore it is important to make the products at the very least, usable, and ideally easy and enjoyable to use for all kinds of people.
The products & website are used by a variety of different users - most of whom don’t have a choice in the matter. Therefore it is important to make the products at the very least, usable, and ideally easy and enjoyable to use for all kinds of people.
Colours
Colours
Colours
Color plays an important role in the Harari Falatozó identity as it can reflect the message, mood, action through various usage in proportions.
Color plays an important role in the Harari Falatozó identity as it can reflect the message, mood, action through various usage in proportions.
Color plays an important role in the Harari Falatozó identity as it can reflect the message, mood, action through various usage in proportions.
RGB - 221.55.66
HEX - DD3742
RGB - 221.55.66
HEX - DD3742
RGB - 221.55.66
HEX - DD3742
RGB - 21.20.23
HEX - 151417
RGB - 21.20.23
HEX - 151417
RGB - 21.20.23
HEX - 151417
RGB - 248.246.245
HEX - F8F6F5
RGB - 248.246.245
HEX - F8F6F5
RGB - 248.246.245
HEX - F8F6F5
Colour of oven,
grill, ashes
Colour of oven,
grill, ashes
Colour of oven,
grill, ashes
Colour of plates,
garlic, wine
Colour of plates,
garlic, wine
Colour of plates,
garlic, wine
Colour of meat, hamburger, steak
Colour of meat, hamburger, steak
Colour of meat, hamburger, steak
Grid system
Grid system
Grid system
Typography
Typography
Typography
The parent KANIT font family was inspired by the logo that was designed to maximize the impact of content usage across all marketing and branding materials while keeping it easy to read.
The parent KANIT font family was inspired by the logo that was designed to maximize the impact of content usage across all marketing and branding materials while keeping it easy to read.
The parent KANIT font family was inspired by the logo that was designed to maximize the impact of content usage across all marketing and branding materials while keeping it easy to read.
Scale of Font
Scale of Font
Scale of Font
Kanit
Kanit
Kanit
Kanit
Kanit
Kanit
Kanit
Kanit
Kanit
Kanit
Kanit
Kanit
Munish
Munish
Munish
Munish
Munish
Munish
Munish
Munish
Munish
Munish
Munish
Munish
Bold
Bold
Bold
Bold
Bold
Bold
Regular
Regular
Regular
Bold
Bold
Bold
ExtraBold
ExtraBold
ExtraBold
Regular
Regular
Regular
Bold
Bold
Bold
Bold
Bold
Bold
44 pt
44 pt
44 pt
40 pt
40 pt
40 pt
36 pt
36 pt
36 pt
24 pt
24 pt
24 pt
20 pt
20 pt
20 pt
16 pt
16 pt
16 pt
16 pt
16 pt
16 pt
12 pt
12 pt
12 pt
0.2
0.2
0.2
0.2
0.2
0.2
0.2
0.2
0.2
0
0
0
0.2
0.2
0.2
0.2
0.2
0.2
0.2
0.2
0.2
0.2
0.2
0.2
Typeface
Typeface
Typeface
Stroke Weight
Stroke Weight
Stroke Weight
Sizes
Sizes
Sizes
Letter spacing
Letter spacing
Letter spacing
H1 biggest BOLD title
H1 biggest BOLD title
H1 biggest BOLD title
H1 biggest BOLD title (mobile)
H1 biggest BOLD title (mobile)
H1 biggest BOLD title (mobile)
H2 Big regular title
H2 Big regular title
H2 Big regular title
H3 Bold title
H3 Bold title
H3 Bold title
H4 Extra bold title
H4 Extra bold title
H4 Extra bold title
Copy text
Copy text
Copy text
LABEL
LABEL
LABEL
Caption
Caption
Caption
Low Fidelity Wireframe
Low Fidelity Wireframe
Low Fidelity Wireframe
The images give us more contrast, so 120px is just enough for the empty space here
The images give us more contrast, so 120px is just enough for the empty space here
The images give us more contrast, so 120px is just enough for the empty space here
Wireframe, Design
Wireframe, Design
Wireframe, Design
120px
120px
120px
120px
120px
120px
42px
42px
42px
12px
12px
12px
Here I gave more space so elements can breath
Here I gave more space so elements can breath
Here I gave more space so elements can breath
I put less space here, they are in relationship
I put less space here, they are in relationship
I put less space here, they are in relationship
Here I gave more space so elements can breath
Here I gave more space so elements can breath
Here I gave more space so elements can breath
120px
120px
120px
120px
120px
120px
30px
30px
30px
6px
6px
6px
6px
6px
6px
30px
30px
30px
Corner radius: 4
Corner radius: 4
Corner radius: 4
High Fidelity Wireframe
High Fidelity Wireframe
High Fidelity Wireframe
Final design
Final design
Final design
George the head chef
George the head chef
George the head chef
The most
popular meals
The most
popular meals
The most
popular meals
People can book
table easily here
People can book
table easily here
People can book
table easily here
Customers can
order online
by clicking here
Customers can
order online
by clicking here
Customers can
order online
by clicking here
Responsive design
Responsive design
Responsive design
Learnings
Learnings
Our customer
Our customer
Due to the constraints of a limited budget and tight deadlines, it proved challenging to shift the client's attention away from the next feature and towards the needs of their customers.
Although we received regular updates from customer support and analytics, we were unable to gather crucial qualitative feedback. As a result, it was challenging to assist our client in making informed decisions regarding ongoing features. This is a common issue that couldn't be resolved by merely highlighting it in meetings.
Conducting small workshops to discuss customer feature preferences could have proven to be an effective method of uncovering key unknowns and promoting directional research.
Due to the constraints of a limited budget and tight deadlines, it proved challenging to shift the client's attention away from the next feature and towards the needs of their customers.
Although we received regular updates from customer support and analytics, we were unable to gather crucial qualitative feedback. As a result, it was challenging to assist our client in making informed decisions regarding ongoing features. This is a common issue that couldn't be resolved by merely highlighting it in meetings.
Conducting small workshops to discuss customer feature preferences could have proven to be an effective method of uncovering key unknowns and promoting directional research.
Due to the constraints of a limited budget and tight deadlines, it proved challenging to shift the client's attention away from the next feature and towards the needs of their customers.
Although we received regular updates from customer support and analytics, we were unable to gather crucial qualitative feedback. As a result, it was challenging to assist our client in making informed decisions regarding ongoing features. This is a common issue that couldn't be resolved by merely highlighting it in meetings.
Conducting small workshops to discuss customer feature preferences could have proven to be an effective method of uncovering key unknowns and promoting directional research.