3D website · Kennel with a slide
Clinica Veterinaria Codafelice
A golden retriever leaps into its kennel and a raspberry slide brings you in.
- Year
- 2026
- Status
- Concept
The problem
When a dog or cat is unwell, anyone looking for a vet wants to know straight away what to do, what it will cost and whether their animal will be handled with patience.
Many vet websites feel cold and interchangeable, with a list of services, anonymous images and opening hours that are hard to find. They do not explain how emergencies work or what happens during a visit, and they do not convey the calm a frightened animal needs.
The solution
Codafelice is a clinic where animals walk in wagging their tails.
The page opens on a sunset garden with a wooden kennel and a raspberry tiled roof, built in code, and a golden retriever, a generated 3D model I then animated, wagging his tail at you. As you scroll the dog trots to the door, jumps in and disappears, and the page follows him down a raspberry tube slide with butter stripes to the section where you find him next to the vet. Next come the clinic's rooms as polaroids on a string, the care services in a grid of cards, the steps of a visit, emergencies, questions and the booking form. I chose raspberry, butter and plum, thick outlines with solid shadows and soft serif headings.
The site in numbers
- 3D objects in the scene, from the kennel to the slide
- 5
- Steps of a visit, from the phone call to the explanation
- 4
- Sections, from the garden to the booking form
- 7
Technologies
- React
- Three.js
- GSAP
- TypeScript
- Tailwind CSS
- Vite
- Lenis
- Motion
- 21st.dev
- Meshy
- ChatGPT
The screens
On mobile
The same site on a phone, designed for thumbs and small screens.
1 of 3
Use the left and right arrow keys to browse the screens.
On desktop
The page scrolls and the scene changes with you. Here are a few moments, from the opening to the contact section.
1 of 5
Use the left and right arrow keys to browse the screens.