Nova Home Care

Nova Home Care est une entreprise de nettoyage fictive à Cotonou. Le brief était un site complet de petite entreprise, pas seulement une page d’atterrissage — huit pages, bilingue, avec de vrais prix, horaires et une garantie qu’un visiteur peut réellement vérifier, pas un texte de remplissage pour une entreprise qui n’existe pas encore.

Ce qui fonctionne bien

• Un français qui fonctionne même si un script échoue. Ce n’est pas un script qui remplace des mots sur la page anglaise — ce sont de vraies pages séparées qui fonctionnent avec JavaScript désactivé, et que Google peut réellement trouver et classer par elles-mêmes.
• Chaque fait correspond, dans les deux langues. Prix, conditions de garantie, zone de service — la même réponse réelle partout où elle apparaît, vérifiée avec un vrai audit inter-langues, pas seulement traduite en espérant que ça colle.
• De fausses coordonnées qui restent sûres. Un e-mail qui ne peut jamais résoudre vers une vraie boîte, un numéro de téléphone construit sur le seul modèle que les opérateurs télécom n’attribuent jamais à une vraie ligne — convaincant sans aucun risque de joindre qui que ce soit.

Le design en un coup d’œil

• forêt · #1E5245
• or · #D89B4A
• crème · #FAF9F6
• encre · #16221F
• bordure · #DEE3DE

• Services & tarifs — capture en attente
• Galerie — capture en attente

Conçu pour durer

• Polices entièrement auto-hébergées — rien chargé depuis Google au runtime
• Chaque page fonctionne avec JavaScript désactivé
• Terminologie bilingue cohérente, verrouillée et vérifiée page par page
• Un seul placeholder restant, et il est signalé comme tel : les photos d’équipe de la page À propos

Pour les développeurs — le détail technique complet

01. Le français en vraies pages, pas un basculement JavaScript

Problème

Cotonou est francophone, mais le site devait aussi fonctionner si JavaScript échouait au chargement.

Choix

Sept vraies pages françaises, traduites à la main, chacune liée à son équivalent anglais exact — pas un script.

Résultat

Un français qui fonctionne sans JS et indexable indépendamment — la même architecture que j’ai choisie plus tard pour le site de ce studio.

02. Un modèle d’affaires fictif, tenu à une vraie cohérence

Problème

Des prix, horaires et garanties qui se contredisent entre les pages ou les langues bris ent l’illusion.

Choix

Un modèle d’affaires entièrement défini — prix, remises, garantie, zone de service — documenté une fois et réutilisé partout.

Résultat

Chaque politique a la même réponse réelle partout où elle apparaît, vérifiée par un audit grep inter-langues.

03. De fausses coordonnées, sûres et pourtant convaincantes

Problème

Les coordonnées doivent avoir l’air réelles sans aucun risque de joindre une vraie personne.

Choix

E-mail sur le TLD .example (RFC 2606, ne peut jamais résoudre). Téléphone : un numéro d’abonné entièrement à zéro.

Résultat

Visuellement complet et réaliste, tout en étant réellement, vérifiablement inerte.

Accessibilité et performance

• Tout le JavaScript est une amélioration progressive au-dessus d’une base entièrement fonctionnelle sans JS
• Trois familles de police auto-hébergées — zéro requête Google Fonts au runtime
• Des alternates hreflang relient chaque page à sa traduction, l’anglais marqué x-default
• Terminologie bilingue approuvée, verrouillée dans un glossaire pendant le contrôle qualité, pour que les termes se traduisent identiquement partout

Ce que je ferais différemment

Les photos d’équipe de la page À propos restent un placeholder visuel — le README du projet le dit ouvertement plutôt que de le cacher. Chaque autre page a une vraie photo sous licence ; c’est le seul manque honnête restant.

Stack

• HTML5
• CSS3 (custom properties, Grid)
• JavaScript vanilla
• Polices variables auto-hébergées