
Overview
About This Project
Project Summary
The project involved creating a dynamic online presence for Churrasco BD that reflects the restaurant's lively dining atmosphere and culinary heritage. The design strategy focused on utilizing sensory-driven visuals to create an immediate emotional connection with hungry potential customers. By blending rustic aesthetics with modern functionality, the website serves as a digital extension of the physical dining experience.
Goal
The primary goal was to increase table reservations and private event bookings by providing an enticing preview of the menu and venue. The design aimed to simplify the user journey from discovery to action, removing friction often found in restaurant websites. Ultimately, the website serves as a powerful marketing tool to drive foot traffic and grow the brand.
Design Process
- 1Understand
The design process focused on capturing the vibrant atmosphere of a Brazilian steakhouse to entice local diners and event planners. The team needed to convey the authenticity of the churrasco experience while highlighting the venue's suitability for large groups and special celebrations. Understanding that the target audience craves a visual feast, the strategy prioritized high-impact imagery and an energetic, warm digital tone.
- 2Competitor Analysis
Analysis of local dining competitors revealed that many restaurant websites suffer from cluttered menus and difficult reservation systems. The team identified an opportunity to stand out by streamlining the user journey and placing visual appetites above technical details. This insight led to a layout that minimizes text blocks in favor of large photos and clear calls-to-action for bookings.
- 3Inspiration & Moodboard
The moodboard drew inspiration from the rustic warmth of Brazilian gaucho culture and the sizzling heat of open-flame cooking. A color palette of deep charcoal, flame oranges, and rich wood tones was selected to evoke the sensory experience of a barbecue. Typography choices balanced bold, impactful headlines with elegant scripts to reflect both the hearty food and the dining sophistication.
- 4Wireframe
The wireframe structure centered on a visual-first approach, placing a full-screen hero image at the top to immediately grab attention. Navigation was simplified to separate essential information like the menu and location from promotional content like events and catering. This skeletal layout ensured that users could easily find key information without being overwhelmed by the abundance of rich media.
- 5Final UI
The final interface delivers a sumptuous visual experience with parallax scrolling and high-resolution galleries that make the food look irresistible. Interactive elements, such as smooth hover effects on menu items, enhance user engagement and encourage exploration of the dining options. The responsive design ensures that the vibrant aesthetic and functionality remain consistent across mobile and desktop devices.
Style Guideline
Font using Arial for this project
Colors
primary plate
#E8822D
#801818
#FBE7B2
secondary plate
#483C32
#8A3324
Typography
Type
Size
Heading 01
64Heading 01
64Heading 02
40Heading 02
40Heading 03
32Heading 03
32Heading 04
24Heading 04
24Paragraph 01
18Paragraph 01
18Paragraph 02
16Paragraph 02
16
Buttons
Components




Sitemap

Wireframe

Website UI

