Vai al contenuto

Sito 3D · Cuccia con lo scivolo

Clinica Veterinaria Codafelice

Un golden retriever salta nella cuccia e uno scivolo lampone ti porta in clinica.

Anno
2026
Stato
Concept

Il problema

Quando un cane o un gatto sta male, chi cerca una clinica veterinaria vuole sapere subito come comportarsi, quanto costerà e se il suo animale sarà trattato con pazienza.

Molti siti del settore sembrano invece freddi e tutti uguali, con un elenco di prestazioni, immagini anonime e orari difficili da trovare. Non dicono come funzionano le urgenze né come si svolge una visita, e non trasmettono la calma che serve a un animale spaventato.

La soluzione

Codafelice è una clinica dove gli animali entrano scodinzolando.

In apertura c'è un giardino al tramonto con una cuccia di legno dal tetto a scaglie lampone, costruita in codice, e un golden retriever, modello 3D generato e poi animato, che guarda chi arriva e scodinzola. Mentre scorri il cane trotterella alla porta, salta dentro e sparisce, e la pagina lo segue giù per uno scivolo a tubo lampone a strisce burro fino alla sezione dove lo ritrovi accanto al veterinario. Seguono le sale della clinica in polaroid appese a una corda, le cure in una griglia di schede, i passi della visita, le urgenze, le domande e il modulo per prenotare. Ho scelto lampone, burro e prugna, bordi spessi con ombre piene e titoli dalle grazie morbide.

Il sito in numeri

Oggetti 3D nella scena, dalla cuccia allo scivolo
5
Passi della visita, dalla telefonata alla spiegazione
4
Sezioni, dal giardino al modulo di prenotazione
7

Tecnologie

  • React
  • Three.js
  • GSAP
  • TypeScript
  • Tailwind CSS
  • Vite
  • Lenis
  • Motion
  • 21st.dev
  • Meshy
  • ChatGPT

Le schermate

Su mobile

Lo stesso sito sul telefono, pensato per il pollice e per lo schermo piccolo.

1 di 3

Codafelice su telefono, il titolo in alto e sotto la cuccia dal tetto lampone con il golden retriever accanto
Codafelice su telefono, il titolo della clinica e le polaroid delle sale appese alla corda, con la sala d'attesa al centro
Codafelice su telefono, la scheda rosa di chirurgia e urgenze con le parole chiave e il numero da chiamare

Usa le frecce sinistra e destra per scorrere le schermate.

Su desktop

La pagina scorre e la scena cambia con te. Qui alcuni momenti, dall'apertura ai contatti.

1 di 5

La home di Codafelice con il titolo a strati, il bollino per prenotare, la cuccia dal tetto lampone e il golden retriever
Codafelice, la porta della cuccia da vicino con lo scivolo lampone a spirale dentro e l'invito a seguire il cane
Codafelice, la sezione della clinica su fondo prugna con le polaroid delle sale appese a una corda lampone
Codafelice, le cure in una griglia di schede dai bordi spessi, con la foto di un gatto e le parole chiave a pillola
Codafelice, i contatti su fondo burro con telefono, WhatsApp ed email a pillola e il modulo per prenotare una visita

Usa le frecce sinistra e destra per scorrere le schermate.

Vuoi un sito così per la tua attività?

Parliamone