One-Page Restaurant Website Design

Goal: To design a clean, mobile-friendly one-page website for a local restaurant that converts Instagram visitors and WhatsApp inquiries into table bookings or takeaway orders.

This landing page was designed for a small restaurant aiming to create a simple yet stylish online presence. The main objective was to help customers quickly view the menu, find location details, and contact the restaurant through WhatsApp — all in one scroll. 🔹 Design Approach

I focused on a scroll-based user journey that highlights the brand’s food visuals and makes ordering or booking easy.

Hero section: Full-width food image with “Order Now” WhatsApp button.

Menu showcase: Minimal design with key dishes and prices for quick browsing.

About section: A short story about the restaurant to build local trust.

Gallery: Optimized images that load fast, enhancing the food appeal.

Contact area: Click-to-call button + WhatsApp integration + Google Map embed.

The color palette used warm, appetizing tones (deep red, cream, and dark brown) to reflect the dining atmosphere and stimulate appetite. Typography was kept bold and readable for mobile users.

.

✅ One-page responsive design ✅ Floating WhatsApp chat button ✅ Menu & Gallery sections ✅ Google Map integration ✅ Optimized for mobile speed (90+ score in PageSpeed) ✅ Simple CMS for easy content updates

After launch, the restaurant reported a 30% increase in WhatsApp inquiries from Instagram visitors and faster conversions from local search results. The design also improved their credibility and helped them appear more professional compared to competitors relying only on Instagram DMs.

.

Platform: HTML & CSS

Design Tools: Figma & Photoshop for layout and mockups

This project shows how a well-structured one-page landing site can help small restaurants grow their digital presence — even without a full multi-page website. It’s fast, lightweight, and built to convert social media visitors into real customers.