BLAZE & SMOKE
Restaurant Website
Concept Project
Project Type
Landing Page
Project Category
PROJECT OVERVIEW
Blaze & Smoke is a concept web design project for BBQ restaurant. The landing page captures the brand's bold identity while giving visitors a complete experience in a single scroll. The design covers the full single-page experience: hero, signature dishes, category browsing, a dish quality diagram, photo gallery, and newsletter signup with a footer.
PROJECT OVERVIEW
Blaze & Smoke is a concept web design project for BBQ restaurant. The landing page captures the brand's bold identity while giving visitors a complete experience in a single scroll. The design covers the full single-page experience: hero, signature dishes, category browsing, a dish quality diagram, photo gallery, and newsletter signup with a footer.
USER INTERFACE
Hero Section
Our Signature & Order By Category
Menu Items
Our Commitment
Gallery
Footer (component taken from Figcomponents)
Landing Page
PROBLEM & SOLUTION
PROBLEM
Most restaurant websites use light, generic templates that have nothing to do with the food they serve. For a brand built around open-flame cooking, the design itself needed to communicate heat, richness, and quality before a single dish was even clicked.
SOLUTION
The entire visual design is built on a dark background that makes the food photography stand out and look appetising. The hero opens with "Where Fire Meets Flavor" over a full fire and grill image, setting the brand tone immediately. Signature dishes are displayed with prices, descriptions, and cart controls, while the category strip lets visitors browse by meat, drinks, desserts, and more. The quality commitment diagram and photo gallery reinforce the premium feel before the newsletter and footer close the page.
PROBLEM & SOLUTION
PROBLEM
Most restaurant websites use light, generic templates that have nothing to do with the food they serve. For a brand built around open-flame cooking, the design itself needed to communicate heat, richness, and quality before a single dish was even clicked.
SOLUTION
The entire visual design is built on a dark background that makes the food photography stand out and look appetising. The hero opens with "Where Fire Meets Flavor" over a full fire and grill image, setting the brand tone immediately. Signature dishes are displayed with prices, descriptions, and cart controls, while the category strip lets visitors browse by meat, drinks, desserts, and more. The quality commitment diagram and photo gallery reinforce the premium feel before the newsletter and footer close the page.
USERFLOW
1
Visitor hits the hero section with the brand tagline and two CTAs, Contact Us and Explore Menu, over a dramatic fire and grill image.
2
Scrolling reveals the Signature dishes grid with prices in Rs, descriptions, quantity selectors, and Add To Cart controls.
3
The Order by Category section lets the visitor browse by Meats, Appetizers, Sauces, Combos & Platters, Drinks, Desserts, Kid's Menu, and Side Dishes.
4
The Commitment diagram shows quality attributes arranged around a dish photo, reinforcing premium positioning before the gallery.
5
A photo gallery of food and drinks is followed by a newsletter signup form and a full footer with quick links, help, location, and contact details.
USERFLOW
1
Visitor hits the hero section with the brand tagline and two CTAs, Contact Us and Explore Menu, over a dramatic fire and grill image.
2
Scrolling reveals the Signature dishes grid with prices in Rs, descriptions, quantity selectors, and Add To Cart controls.
3
The Order by Category section lets the visitor browse by Meats, Appetizers, Sauces, Combos & Platters, Drinks, Desserts, Kid's Menu, and Side Dishes.
4
The Commitment diagram shows quality attributes arranged around a dish photo, reinforcing premium positioning before the gallery.
5
A photo gallery of food and drinks is followed by a newsletter signup form and a full footer with quick links, help, location, and contact details.
VISUAL DESIGN
PRIMARY COLOR PALETTE
#8B0703
#121212
#FFFFFF
#3A3636
#1A1A1A
PRIMARY TYPOGRAPHY (Frame size: 1920px)
Font: Poppins
Bold 55px - H1 → Hero Heading
Medium 36x - H3 → Used for section headings
Regular 32px - H2 → Used for hero subheading
Regular 24px - H4 → Used for card headings
Medium 18px → Used for button text
Regular 16px → Used for body text
Regular 14px → Used for Nav bar items
Hirarchy: 55 → 36 → 32 → 24 → 18 → 16 → 14
VISUAL DESIGN
PRIMARY COLOR PALETTE
#8B0703
#121212
#FFFFFF
#3A3636
#1A1A1A
PRIMARY TYPOGRAPHY (Frame size: 1920px)
Font: Poppins
Bold 55px - H1 → Hero Heading
Medium 36x - H3 → Used for section headings
Regular 32px - H2 → Used for hero subheading
Regular 24px - H4 → Used for card headings
Medium 18px → Used for button text
Regular 16px → Used for body text
Regular 14px → Used for Nav bar items
Hirarchy: 55 → 36 → 32 → 24 → 18 → 16 → 14
OUTCOME / IMPACT
Tera is an AI-driven no-code platform that lets anyone create fully functional iOS and Android mobile apps using simple text instructions. that turns simple prompts into fully functional mobile and web apps. Instead of writing code, users describe what they want, and Tera generates the structure, UI, and logic instantly. It’s designed to help teams move from idea to working product in hours, not weeks.
OUTCOME / IMPACT
Tera is an AI-driven no-code platform that lets anyone create fully functional iOS and Android mobile apps using simple text instructions. that turns simple prompts into fully functional mobile and web apps. Instead of writing code, users describe what they want, and Tera generates the structure, UI, and logic instantly. It’s designed to help teams move from idea to working product in hours, not weeks.
READY TO COLLABORATE?
Have a project in mind?
Let’s create something extraordinary together!
READY TO COLLABORATE?
Have a project in mind?
Let’s create something extraordinary together!
READY TO COLLABORATE?
Have a project in mind?
Let’s create something extraordinary together!