Back to work

Fictional demo / Case study

Serein Coffee House

A slower rhythm for a fictional coffee house.

Next.js / React / TypeScript / Tailwind CSS

The idea

Serein imagines a neighborhood coffee house. The aim was to carry the mood of an unhurried morning into the structure of a website, while giving roast information and visiting details clear places to live.

My contribution

I chose the café concept and warm visual direction, then worked with AI coding tools on the page and its interactions. The brand, roast offerings and location are fictional.

Decisions that shaped it.

Design & implementation

  1. 01

    Soft colors and a generous reading rhythm support the coffee-house story.

  2. 02

    Roast cards reveal tasting notes on demand, keeping the initial comparison concise.

  3. 03

    The visit section and newsletter explicitly belong to a demo. There is no real shop or mailing-list integration.

What’s there

  • Responsive menu
  • Expandable roast notes
  • Brand story and visit information
  • Newsletter input validation with local feedback

Outcome & boundaries

A complete coffee-house landing-page demo. Newsletter feedback stays in the browser session and nothing is sent. No sales or customer results are claimed.

Next project

Vellum Garden