Tara Designs

Quatre pages, une galerie filtrable et un formulaire de contact pour une entreprise d’architecture et de design graphique.

Il fallait montrer le vrai travail : quinze projets dans cinq catégories, chacun s’ouvrant dans une visionneuse.

Les photos, les noms et les textes venaient du studio ; le site devait bien les mettre en valeur et faciliter la prise de contact.

Volontairement léger : du HTML et du CSS simples, et un seul script partagé par les quatre pages. La galerie est une bascule de classe et une seule visionneuse.

J’ai choisi la typographie : Fraunces pour les titres, Space Mono pour les petites étiquettes et Inter pour la lecture.

Pas de framework ni d’étape de build : du HTML, du CSS et un seul script partagé par les quatre pages (il y en avait plusieurs au départ, réunis ensuite en un seul).

Le formulaire de contact vérifie ce qui a été saisi, dans la page, avant de l’envoyer à Formspree.

Les effets de pointeur ne s’exécutent qu’avec un pointeur précis et sans réglage de mouvement réduit, et le réseau de points a été optimisé pour la vitesse un jour après la première version.

Une surface sombre, comme un plan, avec un seul accent cramoisi. Les sections sont numérotées comme les planches d’un jeu de plans.

Du HTML, du CSS et du JavaScript simples, avec un canvas pour le réseau de points.

Les effets du pointeur ne fonctionnent qu’avec un pointeur précis et sans réglage de mouvement réduit.

Il s’est écoulé trois jours entre le premier et le dernier commit : 25 commits entre le 28 et le 30 août 2026.

Pages

Accueil, à propos, projets, contact

Galerie

15 projets, 5 catégories

Formulaires

Vérifiés, puis envoyés à Formspree

Typographie

Fraunces, Space Mono, Inter

Code source

Dépôt privé

La carte du logo se penche vers le pointeur. Un projecteur cramoisi suit la souris d’une carte à l’autre. Les points proches du curseur s’écartent de son chemin.

Il fonctionne et il est en ligne.