SKIP TO CONTENT
Front DoorSTUDIO
Work
Services
Process
About
Contact
Discuss Your Website
WORK/P.01 — CAFÉSELF-INITIATED CONCEPT

Willow & Hearth Café

A warm, editorial café concept that makes the menu, opening hours and visiting information easy to find—designed so a person walking past with a phone in hand can decide to come in.

SECTORIndependent café
TYPESelf-initiated concept
SCOPEProposed five-page website
FOCUSMenu · hours · visiting · mobile
DISCLOSURE

The featured projects are self-initiated concepts created to demonstrate Front Door Studio’s design approach. They do not represent real client engagements, and no results or endorsements are implied.

Willow & Hearth concept — counter and menu board during morning service
Concept photography direction: warm, tactile, unstaged—the room as customers actually find it.
01ASSUMED BUSINESS CHALLENGE

People often decide on a café in seconds—usually on a phone and often while walking. This concept begins with a common problem: a menu buried in a PDF and opening hours scattered through a block of text.

The assumed brief: bring the menu, hours and directions to the surface—without losing the warmth that makes the room worth visiting.

02VISITOR QUESTIONS
Q1Is this my kind of place?
Q2What can I eat, and what does it cost?
Q3Is it open right now?
Q4Where is it, and is it easy to visit?
03PROPOSED INFORMATION ARCHITECTURE
HOMEThe room, today’s hours, the fastest route to the menu
MENUThe full menu as accessible text—sections, dishes, prices; never a PDF
VISIT USOpening hours, address, directions and transport in one place
THE CAFÉThe story, the people and the atmosphere imagery
CONTACTEnquiries, phone and social links
04HOMEPAGE CONTENT ORDER
01Identity and today’s opening state
02Menu highlights, with the route to the full menu
03Atmosphere image field
04Visiting information—hours, address, directions
05A short story of the café
06Contact and enquiry
05KEY DESIGN DECISIONS
01

The menu is text, never a PDF

Designed as accessible, scannable text with clear sections and prices—quick to read on a phone and simple to keep current.

02

Hours answered on arrival

“Open today 8–4” is intended to sit near the top of every page, rather than deep in a contact page.

03

Atmosphere carried by imagery

Large, natural photographs of the room carry the character, so the interface stays quiet and legible.

04

One practical block on every page

Each page ends with hours, address and the menu link—the three things a deciding visitor needs.

06FROM THE LIVE CONCEPT — SELECTED VIEWS
Willow & Hearth concept homepage — hero, hours and menu route
HOME — HOURS & MENU SURFACE FIRST · OPEN LIVE →
Willow & Hearth concept menu page — sections and prices as accessible text
MENU — SECTIONS & PRICES AS TEXT · OPEN LIVE →
07MOBILE SCREENS — PROPOSED LAYOUTS
HOME — OPEN STATE FIRST
MENU — SCANNABLE TEXT
VISIT — HOURS, MAP & DIRECTIONS

Mobile is the primary case: hours and the menu within one thumb-reach of arrival, 48px touch targets throughout, and image crops recomposed for narrow screens rather than squeezed.

08DELIVERABLES DEMONSTRATED
01Page structure and copy direction
02Mobile-first responsive layout
03Menu presentation as accessible text
04Photography direction and image cropping
05Clear enquiry and contact paths
LIVE CONCEPT

Don’t take the case study’s word for it—browse the café.

The full Willow & Hearth concept website is built and browsable: menu, visiting information, journal and contact, on desktop and mobile.

Explore the Live Concept
NEXT CONCEPT — P.02Seabrook Guest House

Does your website answer its visitors’ first questions?

Discuss Your WebsiteSend Me Your Current Website
ALL WORK