Fun et décalé, mais jamais au détriment des infos pratiques : tarifs, durée, horaires.
PROJET 05 · SITE WEB
PROJET WEB DA, ANIMATION & FRAMERFRESH PAWS · 2026
SALON DE TOILETTAGE FICTIF · NANTES
DU CHIEN SALE AU CHIEN DE L’ANNÉE.
Un salon de toilettage imaginaire qui casse les codes du secteur : le site s’ouvre sur le mugshot d’un chien crasseux et se termine sur une couverture de magazine. Direction artistique, textes, animations au scroll et développement Framer.
DA & UIANIMATIONFRAMER
02. LE CONTEXTE
TOUS LES SALONS SE RESSEMBLENT. PAS CELUI-LÀ.
Fresh Paws est un projet personnel : un salon de toilettage fictif à Nantes, un chien à la fois, zéro cage. Dans ce secteur, presque tous les sites montrent la même chose. Des pattes, du bleu pastel et un chiot qui sourit.
Le pari était inverse : raconter la transformation plutôt que la promettre, avec de l’humour, sans jamais perdre de vue l’essentiel. Les prix, le déroulé d’un rendez-vous et le bouton pour réserver.
Une page qui se lit comme une transformation, du chien sale au chien star.
Des animations qui montrent le service au lieu de le décrire.
01CADRAGE
02WIREFRAMES
03DA & UI
04FRAMER
03. STRUCTURE & WIREFRAMES
LE SCÉNARIO AVANT LES COULEURS.
RÉCITRYTHMEHUMOURCLARTÉ
La page tient en dix sections pensées comme un scénario : l’accroche, le manifeste, le rituel en quatre actes, les prestations, les tarifs par gabarit, l’avant/après, l’équipe, les avis, la FAQ et l’appel final.
Les wireframes gris ont servi à caler ce déroulé et la place des trois animations fortes avant la moindre couleur. Le hero, par exemple, était déjà découpé en quatre états au stade du wireframe.
04. UI DESIGN
UNE MARQUE QUI SENT LE PROPRE.
Une palette abricot et menthe, chaleureuse sans être enfantine, deux typographies rondes et des photos détourées qui donnent du relief. Les couleurs vives servent d’aplat, jamais de texte, pour garder des contrastes lisibles.
LE WIREFRAME
Des blocs gris pour tester la longueur de chaque section et l’emplacement des animations avant toute décision graphique.
LA TYPOGRAPHIE
FRESH PAWS
FREDOKA TITRES POPPINS TEXTE & INTERFACE
POPPINS · TEXTE COURANT
LA PALETTE
Noir doux, crème, abricot et menthe, avec leurs versions profondes pour le texte. Une règle simple : le vif en aplat, le foncé pour lire.
05. ANIMATIONS & RESPONSIVE
TROIS ANIMATIONS FORTES. LE RESTE SE FAIT DISCRET.
01
Au scroll, le hero passe du mugshot à la mousse, puis au flash et à la couverture de magazine. Le toilettage se raconte sans un mot.
02
Le rituel reste figé à l’écran pendant que ses quatre actes défilent, et le sélecteur de tarifs fait grandir le chien du S au XL.
03
Sur mobile, chaque scène garde son effet mais se recompose : chiens à la bonne échelle, textes resserrés, réservation sur une seule colonne.
06. LES ÉCRANS FINAUX
UN SEUL RÉCIT, DU GRAND ÉCRAN AU TÉLÉPHONE.
Les écrans finaux gardent le même récit sur les trois formats. Sur ordinateur, les scènes prennent tout l’écran. Sur mobile, elles se lisent d’un pouce, sans perdre une blague ni un prix.
07. LE RÉSULTAT
UN SITE DRÔLE, RAPIDE ET FACILE À LIRE.
Le hero raconte le service en quatre temps. On comprend l’offre avant d’avoir lu une seule ligne.
Soin, jour, coordonnées, récap : un parcours de démonstration complet, avec calendrier et créneaux, présenté clairement comme fictif.
Sur PageSpeed : 99 en performance sur ordinateur, 92 sur mobile, 100 en bonnes pratiques et en SEO. Données structurées incluses pour Google et les IA.
08. LE SITE LIVE