Separate the meal journeys
I created individual landing pages for breakfast and lunch. This gave each meal a focused destination, with the intention of making the route towards ordering easier to understand.
Web design · Food & hospitality
The Breakfast Company
The client wanted two things: an easy way to order and a website that made the food look appetising. I managed both the client and developer, alongside the UI and visual design. I translated the ordering goal into individual landing pages for breakfast and lunch.
THE BREAKFAST COMPANY / FROM BRIEF TO DESIGN
One appetite.
Two clear destinations.
I managed the client and developer while shaping the visual design. The brief combined two priorities: make ordering easier, and make the food look irresistible.
- 01The briefEasy ordering. Appetising food.
- 02The structureSeparate breakfast and lunch landing pages.
- 03The visual directionFood-led imagery, warm colours and prominent ordering actions.
- 04My ownershipUI design, client management and developer coordination.
Inspect the actual designs ↗What the page needs to solve
Help visitors find the meal they wanted to order, while giving the website the appetising look the client requested. The work needed to address both the ordering structure and the visual presentation of the food.
The visual approach
I created separate breakfast and lunch landing pages so each meal had a dedicated destination. Large food images, warm colours and a playful visual style supported the client’s request for an appetite-led design.
Three design decisions
Make the food the focal point
The client wanted the design to make people feel hungry. I used prominent food imagery and a warm, playful visual direction to bring the food to the foreground.
Keep the ordering action visible
The page designs pair food imagery with visible ordering actions. The shared header and recurring visual styles connect the individual pages into one website.
My project management role
I managed both the client and the developer on this project, while also creating the design. The client’s request for easier ordering became a concrete design decision: separate breakfast and lunch landing pages. Their request for an appetising look shaped the food imagery and overall visual direction. This project brought together client management, developer coordination and hands-on design around the same brief.
The design output
The work included dedicated breakfast and lunch landing pages, supported by a shared visual direction across the website. My role combined hands-on design with managing the client and developer. The output addresses the two parts of the brief: a clearer ordering structure and an appetising presentation.
Enlarge design ↗
Enlarge design ↗What I would validate next
A useful follow-up would be to test whether visitors can choose breakfast or lunch and reach the relevant ordering action without assistance. This would check the intended benefit of the separate landing pages.
The project scope and my role are described from my experience. The suggested follow-up has not been presented as completed testing; no measured increase in orders is claimed.