100%
Performance Score
Lighthouse Audit
71%
Mobile Traffic
Device Distribution
Higher
Engagement
Catering Inquiries
29%
Desktop/Tablet
Legacy Support
Project Overview
Medina Grill stands as a cherished Mediterranean restaurant in St. Louis, celebrated for its authentic cuisine, warm hospitality, and dedicated customer following. To elevate their brand presence and bring the essence of their in-restaurant experience into the digital realm, I spearheaded the development of a contemporary, visually captivating website that embodies their culinary heritage and commitment to excellence.
The primary aim was to craft an immersive online journey that showcases Medina Grill's extensive menu, inviting atmosphere, and dedication to quality. The platform features stunning food photography, comprehensive dish descriptions, and seamless navigation, enabling visitors to effortlessly discover the restaurant's diverse offerings. Additionally, the site incorporates efficient catering inquiry capabilities with automated responses, boosting customer interaction and simplifying the process for guests to arrange and submit catering requests.
The results speak for themselves. Data-driven insights confirmed the effectiveness of our mobile-first strategy, with usage analytics showing that 71% of visitors access the site on mobile devices, 28% on desktop, and 1% on tablets. By achieving a perfect 100% performance score in speed analytics, we eliminated loading barriers that could deter hungry customers, directly boosting conversion rates and strengthening brand trust in St. Louis's competitive restaurant market. This high-performance digital platform not only increased daily traffic and user engagement but also established Medina Grill as a pioneer in modern restaurant technology, seamlessly integrating online ordering with DoorDash, Uber Eats, and Grubhub for ultimate convenience.
Strategic Goals
The "Why"
A 100% performance score delivered fast, frictionless access to Medina Grill's offerings, directly supporting engagement and customer trust. Analytics showed 71% mobile, 28% desktop, and 1% tablet usage, validating a mobile-first, performance-driven design. The result is a seamless experience across all devices, daily traffic growth to up to 3,000 visitors, and a unified digital platform that positions Medina Grill as a modern, tech-forward restaurant brand.
Consolidated Delivery Hub
Aggregated DoorDash, Uber Eats, and Grubhub into a single ecosystem, reducing bounce rates by keeping users on-brand.
Automated Lead Gen
Custom catering workflow with Resend API for instant customer acknowledgement.
Clover Integration
Direct-to-kitchen ordering for seamless pickup fulfillment.
Mobile-First UX
High-quality photography and menu interactions optimized for 5G/LTE browsing speeds.
Engineering Logic
Edge Architecture
Catering inquiries are processed via Vercel Edge Functions and Resend. This ensures the restaurant receives leads in <1s, allowing for immediate customer follow-up.
Performance Optimization
Images are served via Next/Image with custom loaders, ensuring that the 71% mobile audience doesn't waste data on unoptimized assets.
