Wade Wu / Independent Web Designer

Selected project 01 / Hospitality

Goodfellows@7Bfrom first impression to the table.

A complete, independent website project for a real restaurant in Wells, Somerset. Built to let its food, people and open kitchen lead the story—and to make the menu, visit details and booking easy to reach.

Open the finished website
My roleResearch, art direction, UX, front-end
BuildAstro · TypeScript · CSS · JavaScript
PagesHome · Menu · Story · Visit
Year2026
Goodfellows@7B website homepage, showing the restaurant's cook at work

Let the restaurant
feel like itself.

Goodfellows@7B has a distinctive setting: a visible demonstration kitchen, seafood-led cooking and owner-published photography with real character. The website project turns those assets into a direct customer journey, so a visitor can understand the place, explore the food and move to the restaurant’s existing booking service.

Before designing, I checked the restaurant’s published story, sample menu and contact information. The result uses its own imagery and avoids invented offers, prices or service claims.

Desktop menu page with seafood photography and direct access to the current official menu
Menu / desktop
Goodfellows homepage on a mobile phone viewport
Home / mobile

One language.
Four clear journeys.

The art direction takes its cues from the restaurant: deep blue-black for the kitchen, warm copper for emphasis, expressive editorial type and photography of the actual venue and food. The four pages share navigation and visual components while giving menu, story and visit tasks their own information hierarchy.

01

Reusable structure

Shared Astro layout, header, footer and typed restaurant data keep navigation, identity and contact details consistent across pages.

02

Responsive interaction

The mobile layout has a working menu, keyboard Escape handling, visible calls to action and compact Menu / Book / Visit shortcuts.

03

Source-backed content

Dish names come from the restaurant’s published sample menu; the menu page links back to the official source for changing availability, prices and allergens.

04

Existing systems

Booking stays with the restaurant’s own service. No imitation reservation form or unnecessary personal-data collection was added.

Designed for the
decision in hand.

The mobile version preserves the food imagery and editorial character while keeping practical actions close. Visitors can read the menu, check visit details and reach official booking without searching through a desktop layout squeezed down.

Explore the menu page
Mobile menu page with clear title, food image and official menu link
Menu / mobile

A finished website,
ready to explore.

The project is a working four-page website, not a static presentation. Desktop and mobile layouts, keyboard navigation, image loading, internal routes and outbound booking/menu links were checked in a real browser. It is an independent Wade Wu project; current restaurant information and reservations remain with Goodfellows.