La sobriété
CleanBnB
Conciergerie de locations courte durée : email client, moodboard, maquette desktop et site en ligne, en HTML et CSS natifs. Images allégées de 42 %.
4 livrablesemail, moodboard, maquette, site
−42 %de poids sur les images, 942 Ko → 546 Ko
0 frameworkaucune chaîne de compilation
auto-hébergépolices et images livrées avec le site
Le contexte
Une conciergerie de locations courte durée, sur un exercice de formation noté en quatre livrables. Le choix de départ était de ne pas utiliser de framework : un site vitrine à contenu fixe n’en a pas besoin, et ce qui n’existe pas ne casse pas deux ans plus tard.
Les contraintes
- Quatre livrables séparés, chacun noté : email client, moodboard, maquette desktop, site.
- Un site rapide, accessible et sans dépendance à mettre à jour.
- Un rendu qui tienne dans le temps, sans maintenance.
Ce que j’ai fait
- Site en HTML, CSS et JavaScript natifs, interactions sans bibliothèque : menu mobile, apparitions au défilement, validation du formulaire.
- Images converties en WebP : 942 Ko ramenés à 546 Ko, soit −42 %, dimensions déclarées.
- Polices auto-hébergées en WOFF2 avec
font-display: swapet préchargement. - Accessibilité : alternatives textuelles,
aria-expandedsur le menu, région de statut pour le formulaire, respect deprefers-reduced-motion, contrastes corrigés.
Les résultats
| Livrables | 4 sur 4, conformes au barème |
|---|---|
| Poids des images | 942 Ko → 546 Ko (−42 %) |
| Site en ligne | auto-hébergé, vérifié en HTTP 200 |
| Dépendances | aucune bibliothèque, aucun CDN, aucune compilation |
C’est le dossier qui prouve le mieux une chose simple : un site propre ne dépend pas de la mode technique du moment.
À voir
Le site est en ligne : cleanbnb.alexisld.fr
Projet suivantAtelier Orbe →
Travailler ensembleParler d’un projet →