Case Study: How a Restaurant Website Redesign Led to 40% More Online Reservations
When Ironwood Table came to us with a dated website and falling reservations, we built them a conversion-focused site with an interactive menu and reservation system. Here's exactly what we did and the results.
When the team behind Ironwood Table — a farm-to-table restaurant in the Pacific Northwest — reached out to us, they had a problem that's painfully common in the restaurant industry: their website was actually hurting their business.
Their existing site was a basic WordPress theme from 2021. It loaded slowly, the menu was a downloadable PDF, and the "reservations" link redirected to a third-party booking page that felt disconnected from their brand. Mobile visitors — over 65% of their traffic — had an especially rough experience.
Here's what we built, why we built it that way, and the results.
The Problems
1. Slow, Bloated Site
The existing WordPress site scored 32 on Google PageSpeed Insights (mobile). It loaded 4.2MB of assets including jQuery, three font libraries, and a dozen plugins. Time to First Contentful Paint was over 5 seconds.
For a restaurant, this is devastating. People search "restaurants near me" on their phones, often while hungry. If your site takes 5 seconds to load, they'll click the next result before your menu even appears.
2. PDF Menu
The menu was a 3-page PDF that required downloading and zooming on mobile. No one wants to pinch-zoom to read your appetizer selection. It also meant the menu content was invisible to search engines — none of those delicious dish names were driving organic traffic.
3. Disconnected Booking Flow
Clicking "Reserve a Table" opened a new tab to a third-party booking platform. The design, colors, and feel were completely different from the restaurant's brand. This jarring transition reduced booking completions by an estimated 20-30% (based on the drop-off rate between the click and completed reservation).
4. No Visual Storytelling
Ironwood Table's identity is built on locally-sourced ingredients, seasonal menus, and a warm, rustic atmosphere. None of this came through on their old site. It could have been any restaurant.
What We Built
Interactive HTML Menu
We replaced the PDF with a beautiful, browsable menu built directly into the page. Organized by course (starters, mains, desserts) with:
- Dietary labels (vegetarian, gluten-free, dairy-free) as filterable badges
- Seasonal ingredient highlights
- Dish descriptions that actually make you hungry
- Full-text searchability for both users and Google
The menu loads instantly because it's rendered as HTML, not downloaded as a file. And every dish name, ingredient, and description is indexable by search engines — driving organic traffic for searches like "farm to table restaurant [city]" or "best seasonal menu near me."
Integrated Reservation Widget
Instead of redirecting to a third-party page, we built a reservation widget directly into the site that connects to their existing booking system via API. The widget matches the restaurant's design, keeps the user on the same page, and reduces the steps from "I want to reserve" to "It's booked" to just three clicks:
- Select date and party size
- Choose an available time
- Enter your name and confirm
No account creation, no new tab, no visual whiplash. The conversion from "Reserve a Table" click to completed booking went from 38% to 67%.
Performance-First Architecture
We rebuilt the site from scratch using Next.js with static export — meaning the entire site is pre-rendered as HTML and served from a CDN. No WordPress, no database, no server-side rendering on every request.
Results:
- Lighthouse score: 97 (up from 32)
- Page load time: 0.8s (down from 5.2s)
- Total page weight: 340KB (down from 4.2MB)
- Time to First Contentful Paint: 0.6s (down from 3.1s)
Visual Storytelling
We worked with the restaurant to capture their atmosphere through:
- Hero section with seasonal imagery and a warm, ambient color palette
- Gallery showcasing dishes, ingredients, and the dining room
- "Our Story" section highlighting their farm partnerships and sourcing philosophy
- Chef profiles with personal touches
Every visual element reinforces why Ironwood Table isn't just another restaurant — it's an experience.
The Results (90 Days Post-Launch)
| Metric | Before | After | Change |
|---|---|---|---|
| Online reservations | ~120/month | ~168/month | +40% |
| Mobile bounce rate | 58% | 31% | -47% |
| Average session duration | 1:12 | 2:48 | +133% |
| Google PageSpeed (mobile) | 32 | 97 | +203% |
| Organic search traffic | ~800/month | ~1,400/month | +75% |
| Booking conversion rate | 38% | 67% | +76% |
The 40% increase in online reservations translates to roughly 48 additional covers per month. At an average ticket of $65/person, that's $3,120 in additional monthly revenue — meaning the site paid for itself within the first quarter.
Key Takeaways
1. Speed is conversion
The single biggest factor in the reservation increase wasn't the design or the menu — it was speed. A site that loads in under 1 second on mobile holds attention in a way a 5-second site never can.
2. Remove friction from the action you want people to take
Every extra click, every redirect, every form field between "I want this" and "I did it" costs you conversions. The integrated booking widget was the highest-impact change.
3. Make your content work for search
A PDF menu is invisible to Google. An HTML menu is a goldmine of searchable, indexable content that drives organic traffic month after month.
4. Your website should feel like your brand
A generic template can't communicate what makes your business special. When visitors feel the same warmth online that they'll feel walking through your door, trust builds before they ever make a reservation.
Want to see what a conversion-focused redesign could do for your business? Get a free audit — we'll analyze your current site and show you exactly where the opportunities are.