Izakaya Tenzo · Website Revamp

Two ways to structure the site

Both options cover similar content. The difference is how a visitor moves through it. Below is a map of each, and a clickable low fidelity wireframe so you can see the shape before any design work starts. Everything here is grey on purpose. Colour, type, and photography come after the structure is agreed.

Option A

One scrolling page, plus a Menu page

2 pages total. Everything on one scroll, with the menu on its own page.

HOMEPage 1 of 2
NavbarSticky. Logo, Menu, Drinks, Gallery, Visit, Delivery, Reserve
HeroHeadline, open-now status, rating, Reserve + See menu
AboutWho you are, one wide photo
ReviewsGoogle quotes, Google + Yelp ratings
Signature Dishes6 dishes, photo + price
Menu PreviewCategories, links to Menu page
Drinks & SakeSake, beer, wine, non-alcoholic
GalleryPhoto mosaic, room + food
ReserveBooking block + phone
VisitAddress, hours, map
FAQWalk-ins, allergies, groups, kids, delivery
Order DeliveryChoose a platform
FooterContact, socials, delivery links
MENUPage 2 of 2
Navbar
Category NavButtons jump to a section
FoodSmall plates, sashimi, fried, grilled, rolls & rice
DrinksSake, beer, wine, soft
Dessert
Reserve CTA
Footer

What this gives you

  • The whole website reads in one scroll.
  • Fewer places for content to go out of date, so it is easier for you to keep current.
  • The menu still gets its own link so you can share it on Google Maps, Instagram or even print out QR codes for digital menu.
  • Faster to navigate around.

Downside

  • Less room in Google search results, since there are only two pages to rank.
  • Adding something big later, for eg. private events, means redesigning the entire site structure.
Open Option A wireframe →
Option B

Four separate pages

4 pages total. Each one is a separate page with its own link.

HOMEPage 1 of 4
NavbarLogo, Menu, Reservation, Gallery, Visit
HeroHeadline, open-now status, rating, Reserve + See menu
AboutShort intro, link to full story
ReviewsGoogle quotes, Google + Yelp ratings
Signature Dishes3 dishes, links to Menu
Gallery TeaserPhoto mosaic, links to Gallery
Reserve BannerLinks to Reservation
VisitAddress, hours, map
Footer
Three more separate pages
MENUPage 2 of 4
Navbar
Category NavButtons jump to a section
Full Food MenuBy category, with prices
Full Drinks ListSake, beer, wine, soft
Dessert
Order DeliveryGrubhub, Seamless, DoorDash, Uber Eats
Footer
RESERVATIONPage 3 of 4
Navbar
Booking BlockDate, time, party size
Walk-in NoteSeats held every night
Large PartiesGroups of 6+, call ahead
Hours & Map
Private EventsRoom to grow later
Footer
GALLERYPage 4 of 4
Navbar
FilterFood / The room / Drinks
Photo MosaicOpens full screen on tap
Reserve CTA
Footer

What this gives you

  • More surface in Google, since each page can rank for its own search.
  • Straightforward for anyone who expects a normal restaurant website.
  • Easy to add a page later without touching the rest of the site.
  • Every page gets its own link address (eg. www.izakayatenzo.com/reserve) you can put on Google Maps and Instagram.

Downside

  • More clicks to navigate around for a visitor who's looking for info' .
  • Four pages to keep up to date rather than two.
Open Option B wireframe →
My recommendation: Option A. Most people who land on the site are deciding whether to come tonight, and a single scroll answers that faster than four pages will. It also gives you the least to maintain. Option B is the better call only if you plan to scale the website eg. add new pages/ features like private events and catering, or a second location within the next year.
Two things I need from you before the design starts. First, the assets: logo files, photos, your current menu with current prices, confirmed opening hours, and a decision on how reservations should work. Second, a short form on how you want the site to feel, so the look is built around your taste rather than my guess. The form takes less than 10 minutes and there are no wrong answers.
See the asset request list → Fill in the look and feel form →