Websites · Case study

Kettle & Kiln

Concept, not a real client

A three-page website for a made-up neighbourhood coffee house, built to show what a small business site can look like.

Type
Website (concept)
Pages
Home, Menu, Contact, 404
Built with
Plain HTML, CSS and a little JavaScript

The brief

A café owner wants a site customers can use on their phone in a few seconds: what's on the menu, when it's open, where it is, and how to get in touch.

What I built

  • A home page with hours, location and menu highlights up front
  • A full menu page with clear sections and prices
  • A contact page with a form that checks each field and explains any mistakes
  • A mobile menu that works with a keyboard and screen readers

Results

From automated tests run on October 19, 2026.

  • Lighthouse 100 / 100 / 100 / 100 on every page, on mobile and desktop
  • 0 accessibility issues found by axe-core at 375 px and 1280 px
  • No sideways scrolling from 320 px phones up to desktop
  • Each page is under 32 KB before compression

Screens

  • Menu page on desktop, listing drinks and pastries with prices
    Menu, desktop
  • Contact page on desktop, with the address, hours and a contact form
    Contact, desktop
  • Menu page on a phone
    Menu, phone

Want a site like this for your business?