Back to the work

06 / 08 Cafés & Restaurants

Lovinspoon

Breakfast and sandwich café · Dublin, Ireland

The lunch sandwich comes together layer by layer.

lovinspoon-dublin.vercel.app

The site’s opening, recorded live

02 The project

A café on Frederick Street North, Dublin 1, for breakfast, sandwiches and good coffee. Three photographic scenes tell the story: a sandwich held out to you, a full Irish breakfast, and a lunch that comes together layer by layer as you scroll.

  • Registered cut-outs
  • A sandwich on scroll
  • No scroll lock

03 The direction

Composition
Three full-bleed scenes, each with one dominant image and live type on top.
Typography
Lilita One for titles and Caveat for the handwritten notes.
Colour
Charcoal and ivory from the shopfront, wood from the tables and a touch of mustard.
Central gesture
Four real cut-outs of the sandwich come together as you scroll.

The site’s palette

  • Charcoal#24231F
  • Paper#F7F0E2
  • Chalk#FFFCF5
  • Mustard#E5AF35
  • Wood#8A5433

Typefaces

Lilita One · Caveat · Nimbus Sans

04 The interface

lovinspoon-dublin.vercel.app

Lovinspoon: screen 2 of the live site

lovinspoon-dublin.vercel.app

Lovinspoon: screen 3 of the live site

lovinspoon-dublin.vercel.app

Lovinspoon: screen 4 of the live site

Phone

Lovinspoon on a phone: screen 1
Lovinspoon on a phone: screen 2

05 The motion

  1. 01 First bite
  2. 02 Breakfast
  3. 03 Lunch together

In the opening the headline rises, two diners draw themselves line by line and the notes appear; at the end of the page bread, salad, bacon and cheese close in from the top down until the sandwich is ready, also playable with a slider.

06 What I did

Visual direction, interface, motion and development.