Showcase build / Café / WordPress

Silong Garden Café

Café site with an open-now sign, what's on and a Messenger button.

View live demo

A static copy of the site: browse every page; forms are switched off.

For the business

Before: People visit once and the café has no way to bring them back.

Brings people in and keeps them following: visit, message, reserve and sign up for promos.

A backyard café under two mango trees in Dumaguete: slow coffee in the morning shade, rice meals from the market at lunch, acoustic sets under the lights at night. The site is built for marketing, to bring people in and keep them following: visit, message, reserve, sign up for promos and share.

What it does

  • An open-now sign worked out from the hours on the server and again in the browser, so a cached page never says open after closing.
  • Social media without trackers: a social grid of posts added in wp-admin, follow links, a Messenger button and share buttons as plain links, nothing loaded from the platforms.
  • Café structured data (hours, address, menu, price range, social accounts) for search engines; promos and events that hide themselves when over; a one-field promo sign-up in every footer.

Design

  • A modern café brand: cream pages and white cards, ink text, mango leaf green for actions and the What's on band, terracotta for kickers and tags; one grid, 12 px corners and one soft shadow.
  • Fraunces in its display cut for headlines, with italic kickers, over Instrument Sans; prices in tabular figures.
  • Bright, consistent photography: the garden hero framed with a cream panel, tall product shots for the signature drinks, a featured event board and a six photo social grid; a leaf mark drawn for the name.

Screens

  • Silong Garden Café: Home: the garden hero, the open-now info bar and the signature drinks
    Home: the garden hero, the open-now info bar and the signature drinks
  • Silong Garden Café: Home on a phone
    Home on a phone
  • Silong Garden Café: Menu: section tabs, prices and thumbnails for bestsellers
    Menu: section tabs, prices and thumbnails for bestsellers
  • Silong Garden Café: What's on: promos and events, soonest first
    What's on: promos and events, soonest first
  • Silong Garden Café: Event page with details beside the photo and share buttons
    Event page with details beside the photo and share buttons
  • Silong Garden Café: Gallery: album tabs and photo grids that open in a lightbox
    Gallery: album tabs and photo grids that open in a lightbox

Other WordPress sites

All projects