Silvan's
Product Design Case Study
Ownership:
End-to-End & Build
Released:
2024
The Results
Reservations
+300%
Enquiries
+200%
Page Speed
93 / 100
SEO Score
92 / 100
All statistics were accumulated as an average during the testing period.
Core Context
Objective
Independent Digital Hub
Design and launch a dedicated platform to smoothly transition the brand from a social media food truck into a permanent restaurant venue.
Insight
Frictionless Reservations
Constructing a streamlined, highly visual menu system alongside clear booking pathways directly reduces mobile bounce rates and increases confirmed table reservations.
Challenge
Third-Party Reliance
Moving away from a basic social profile to build a fast, independent platform that actively secures bookings and establishes strong brand authority.
User Scenario
Mobile-First Dining
A visually engaging, lightweight experience allows the dominant mobile user base to effortlessly explore Mediterranean dishes and instantly secure tables on the go.
Homepage & User Journey
Designed as a comprehensive central hub, this layout makes every essential action immediately available without complex navigation. Surfacing key details directly on the homepage ensures users find exactly what they need instantly.
01 Hero Conversions
Prioritising immediate action, the top of the page pairs immersive culinary imagery with prominent call-to-action buttons. This ensures high-intent visitors are always just one click away from booking a table.
02 Social Proof & Trust
To build immediate confidence with returning and new diners, a dedicated customer review module was integrated. Displaying real, positive feedback provides instant social proof, actively encouraging visitors to secure a reservation.
03 Essential Information
The lower section functions as a practical utility hub presented on a single scroll. Clearly displaying contact options, interactive maps, and private hire details allows users to effortlessly submit specific enquiries.
.png)
Reservations & User Flow
Replacing manual messages with a fully automated booking funnel drove a 300% increase in reservations, reducing cognitive load to naturally guide users from selection to confirmation without frustrating barriers.
01 Frictionless Booking
Prioritising speed, the reservation widget utilises thumb-friendly dropdowns to eliminate cumbersome typing. This streamlined approach directly reduces abandonment rates, allowing users to secure tables in seconds.
02 Automated Confirmation
To solidify trust and reduce costly no-shows, an automated system instantly delivers clear booking details via email. This immediate reassurance beautifully bridges the digital and physical dining experience.
.png)
.png)
Development & CMS Integration
Delivering a premium user experience was paramount, but the backend architecture needed to be equally intuitive, providing a dynamic, self-sustaining platform the restaurant staff could manage independently.
Solo Execution
End-to-End Build
Executed entirely as a solo endeavour, this approach perfectly preserved the initial strategic vision and high-fidelity visuals, resulting in a cohesive final product.
Content Management
Intuitive Backend
A user-friendly backend interface securely untethers the structural design from the content, allowing business owners to easily refresh imagery and text independently.
Menu Control
Staff Empowerment
A dedicated menu module empowers non-technical staff to rapidly publish seasonal specials and adjust pricing, providing complete autonomy and drastically reducing costs.
.png)
Typography & Iconography
Crafted to reflect the warmth of the Mediterranean and Middle-Eastern dining experience, the design balances cultural authenticity with digital usability to naturally invite exploration.
Typography
Poppins & Avenir
Poppins anchors primary headings with a welcoming geometric structure, while Avenir ensures intricate dish descriptions and dietary details remain exceptionally clean and readable across all screens.
Iconography
Custom Geometric
Moving away from generic vectors, bespoke geometric icons inspired by Mediterranean roots seamlessly reinforce the core brand identity while maintaining a premium, uncluttered user interface.
UI Colours
Core Palette
Built around organic, high-contrast tones to capture the authentic Mediterranean dining experience, this palette establishes a premium atmosphere while directing user attention straight to critical conversions.
Deep Forest
Hex: #1C302B
RGB: 28, 48, 43
Saffron Gold
Hex: #F6CE7A
RGB: 246, 206, 122
Charcoal Black
Hex: #1A1A1A
RGB: 26, 26, 26
Clean White
Hex: #FFFFFF
RGB: 255, 255, 255
Strategic Execution
To transition the brand from a mobile food truck to a permanent restaurant venue, the project was strategically executed from foundational architecture through to independent staff management.
Phase 01
Brand Transition
Audited previous social media interactions to identify key customer enquiries, mapping a digital architecture designed to drive immediate table reservations.
Phase 03
Mobile-First Interface
Prioritised mobile layouts with thumb-friendly dropdowns, ensuring exploring menus and checking table availability feels completely effortless on all smartphones.
Phase 02
UX Conceptualisation
Sketched intuitive layouts featuring high-intent actions, ensuring local diners on the move can quickly access essential location details and book in just a few clicks.
Phase 04
Content Management
Structured a user-friendly backend system enabling non-technical staff to rapidly update seasonal dishes and adjust pricing without disrupting the site.
Please note that the offers and pricing shown in these designs are for conceptual and illustrative purposes only. They were included to demonstrate the visual layout and may not reflect the brand's current rates or active marketing campaigns.