UAStart a project
Lysa logo
Case study · Veterinary clinic04 / 40

Lysa

Lysa runs two clinics for dogs and cats in Copenhagen and a home-visit service. The site had to feel as calm as the clinic and make booking a visit take less than a minute.

Project
Website for an animal clinic
Industry
Veterinary care
Scope
Web design · Build · Motion
Built with
HTML, CSS, vanilla JS
Year
2026
Lysa — A cinematic website for a small animal clinic in Copenhagen, told through pets resting in window light.
Overview

Vet care that feels unhurried, from the first screen.

The brief

Most people pick a vet in a hurry, usually when something is already wrong. Lysa wanted a site that answers the real questions fast: when can I come in, what does it cost, and will my pet be scared. It also needed to explain their yearly plan without turning the page into a sales pitch.

What we did

We shot the whole page like a short film. It opens on black, the two halves part into a letterbox, and the first frame is a dog asleep in a patch of sun. As you scroll, the bars slide away, the camera pushes in and a second line takes over. The care list swaps the whole background to the photo of the service you point at. A day at Lysa is a horizontal reel with subtitles, where a sun line moves from 07:00 to 20:00 as you scroll. The visit runs as full-screen scenes with glass cards on top, and the booking form sits next to a dog portrait lit by a spotlight that follows the cursor. Underneath it all still works like a clinic site: live free times for both clinics, open or closed right now, a yearly plan priced per animal, and a form that fills in the time you tapped.

The live site

Scroll the site right inside the frame, or open it full screen.

The first screen

Homepage · Desktop 1440
Lysa: first screen of the homepage

The full page

One long scroll, split into three columns — top to bottom, left to right.

Lysa: full page, part 1 of 3
Lysa: full page, part 2 of 3
Lysa: full page, part 3 of 3

Details

Lysa: The hero pushes in and a second line takes over
The hero pushes in and a second line takes overHero
Lysa: A day at Lysa: a reel where the sun moves with the scroll
A day at Lysa: a reel where the sun moves with the scrollScroll scene
Lysa: Visit steps as full-screen scenes with glass cards
Visit steps as full-screen scenes with glass cardsVisit
Lysa: Booking next to a portrait lit by a cursor spotlight
Booking next to a portrait lit by a cursor spotlightBooking

Colour & type

Palette — from the project file

  • Night#0D0906
  • Ember#1B1510
  • Bone#F2E9DB
  • Window light#F3D3AE
  • Apricot#EC8A3F

Typefaces

AaFunnel DisplayHeadlines, numbers and the wordmark. Tight spacing, soft round shapes.
AaFunnel SansBody text, buttons, forms and small labels.
Next case

Trasse

Trasse — A brutalist landing page for an intermodal rail freight operator, built like a printed timetable: live departures, one run from Rotterdam to Milano, wagon tracking and a CO₂ calculator.
Start a project

Let’s launch.

Send a short brief or a link to your current site. You’ll get a clear plan, timeline and quote — no sales call required.

  • Reply within one business day
  • Design, build and launch by one team
  • One week of post-launch support included

Project brief

Takes ~2 min
What do you need?
Budget

Faster in a messenger?Write on Telegram@web_raw

Project brief

Takes ~2 min
What do you need?
Budget

Faster in a messenger?Write on Telegram@web_raw