queenies

mayflower

a dark, editorial website for weymouth's favourite chinese takeaway. 26 years of heritage, reimagined with bold typography, full-bleed photography, and real-time online ordering.

fresh food. fast delivery. no drama.

all projects

the brief

from outdated to editorial

queenie's mayflower needed to replace an outdated yola-hosted website with something that matched the quality of their food and the depth of their heritage. queenie ran weymouth's premier chinese restaurant (ming wah) for 26 years before transitioning to the mayflower takeaway with her team of experienced chefs.

the result is a dark, cinematic website at queenies.food — full-bleed photography of the kitchen, bold sora headings in white, and burnt orange accents that nod to spice and heat. the design sits somewhere between a food app and an editorial magazine.

the brand personality is confident, warm, and a little cheeky. the site needed to get customers ordering fast while telling the heritage story that sets queenie's apart from every other takeaway.

what we built

the site at a glance

cinematic hero

full-bleed kitchen photography with the wordmark layered on top. two clear CTAs — order now and call us — driving immediate action.

heritage storytelling

a dedicated section telling the 26-year ming wah story and the transition to queenie's. black-and-white photography gives it weight.

real-time ordering

embedded online ordering system with live confirmation. customers can browse the full menu and order directly from the site.

dark glass cards

delivery info, faq, and key stats in dark glass-effect cards. information is scannable without breaking the cinematic feel.

accordion faq

five common questions with expand/collapse interactions. covers delivery, cuisine types, online ordering, and the ming wah connection.

smart assistant

a chat bubble signals an ai assistant is coming. phase 2 adds conversational ordering and menu discovery.

design

how it looks and feels

dark-first palette

near-black (#1A1A1A) backgrounds throughout. white headings and muted body text create depth. the dark theme makes photography pop.

burnt orange accents

#D4722C on CTAs, section labels, and stat numbers. inspired by spice and heat. one accent colour keeps everything cohesive.

b&w photography

candid black-and-white shots of chefs, counter service, and packing. warm-toned hero contrasts with moody editorial sections below.

the red apostrophe

the wordmark's most recognisable element — queenies in sora extrabold with one red (#D42B2B) accent.

editorial navigation

a sticky nav with the wordmark on the left, lowercase links in the centre, and a prominent orange "order now" pill button on the right.

typography

sora + dm sans

headings

queenie's mayflower

Sora ExtraBold 800 — geometric, bold, lowercase

body

same kitchen. same hands. just a fresh new name. your order, confirmed in real time.

DM Sans Regular 400 — clean, legible, modern

palette

colour system

near black#1A1A1Aprimary background
dark card#2A2A2Acards, raised surfaces
burnt orange#D4722CCTAs, labels, accents
rust#8B3A1Ahover states
red accent#D42B2Bwordmark apostrophe
white#FFFFFFheadings, primary text

voice

how the brand talks

"fresh food. fast delivery. no drama."
"same kitchen. same hands. just a fresh new name."
"your order, confirmed in real time."
"we deliver to your door — not your neighbour's."

technical

what it's built with

see it live

visit the site

queenies.food