/ Étude de cas / Site de démonstration
Aubrène
Le site vitrine d’une agence d’architecture intérieure et de rénovation fictive, à Nantes, réalisé par CodeNove pour montrer un site animé de bout en bout. L’entreprise, ses projets et ses avis sont inventés, et le site le dit.
Le contexte
Après Atelier Mi-Bois, sobre et sans photo, nous voulions montrer l’autre extrême : un site d’image, où chaque passage d’une section à l’autre est mis en scène. Nous avons imaginé une agence d’architecture intérieure à Nantes, avec son offre, ses clients types et ses prix, comme pour un vrai client. Son nom a été choisi pour ne pas reprendre celui d’une entreprise existante.
Ce que nous avons fait
Un écran d’ouverture qui dessine le logo, puis s’ouvre sur la pièce. Une loupe qui fait apparaître, sur la photo du séjour, le plan de l’architecte. Des titres dont les lettres passent du flou au net, dans le désordre, des persiennes entre les sections, des projets qui défilent à l’horizontale, une comparaison esquisse et réalité à faire glisser, et une fiche détaillée pour chaque projet. Un curseur et des boutons qui réagissent à la souris, et un formulaire de demande de visite (de démonstration : rien n’est envoyé).
Le résultat
Polices, scripts et images sont hébergés sur le site : aucun autre serveur n’est contacté. Lighthouse, mesuré en local après notre audit : 97 en performance sur mobile et 100 sur ordinateur, 100 en accessibilité et en bonnes pratiques, et une mise en page stable pendant l’ouverture. Le réglage « réduire les animations » est respecté. Le site est en ligne sur demo-aubrene.lingering-star-537b.workers.dev, volontairement exclu des moteurs de recherche.
Votre projet
Parlons de votre projet.
Décrivez-nous votre besoin en quelques lignes. Nous revenons vers vous avec un devis clair, sans jargon et sans surprise sur le prix.
Demander un devis