Samba - hero image with prototype

UIUX Design -
Samba Brazilian Barbecue Restaurant



Project Brief


The main of this project is to create a website for "Samba Grill," a Brazilian Barbecue restaurant aimed at providing an authentic dining experience for families and the mass population of Toronto.

The goal is to create a visually appealing, user-friendly, and informative website that reflects the essence of "Samba Grill" and entices visitors to indulge in an unforgettable Brazilian BBO dining experience.

Design Process



User Research and market research

we have conducted research so as to understand the target audience, their preferences when it comes to exploring restaurant websites, especially for a Brazilian Barbecue dining experience



Gathering Inspiration and Moodboard

Created a moodboard to capture the essence of Brazilian culture, vibrant colors (red, orange, vivid), as well as gather inspiration from various design resources website



Logo and Icon Set Creation

After that, we further established a unique UI style guide that integrates the chosen colors, typography, and UI elements, ensuring a consistent and visually appealing look throughout the website


Samba logo and icon set

UI Style Guide Development

we have conducted research so as to understand the target audience, their preferences when it comes to exploring restaurant websites, especially for a Brazilian Barbecue dining experience


Samba - UI style guide 1 Samba - UI style guide 1

Low-Fidelity Prototype (Paper)

We sketched low-fidelity prototype on paper and visualize the basic structure and layout of the website and mobile (home - about - menu - event - location - reservation)



High-Fidelity Prototype (Figma)

we refined design into a high-fidelity prototype using Figma, the color, imagery, and the content, and started to work on the interaction


Samba - high fidelity prototype website Samba - hight fidelity prototype mobile

Usability Test

we conducted usability tests with five participants to evaluate the user experience, navigation, and overall functionality of the website, making adjustments based on user feedback to enhance usability



Refinement and Final Clickable Prototype

Refined the design based on usability test results and completed the project with a final clickable prototype ready for implementation


Samba - website coverSamba - prototpye website
Samba - mobile coverSamba - prototype mobile