READY GO – Un site d’agence dont le titre fait office de showreel
READY GO est une agence digitale. Son site devait prouver l’étendue de son savoir-faire dans les trois premières secondes : le titre lui-même sert donc de démonstration, avec une phrase fixe dont le dernier mot ne cesse de changer.
Le défi
Chaque site d’agence revendique la polyvalence, et chacun le dit dans un paragraphe. La preuve doit être l’objet lui-même, pas le texte. Mais une page d’accueil doit quand même dire clairement ce que fait l’entreprise, sans quoi elle devient un portfolio que personne ne sait classer.
L’approche
Le titre énonce le fait (une agence digitale), puis son dernier mot fait défiler les services proposés : production, stratégie, merchandising, création. L’affirmation et la démonstration tiennent dans la même phrase, et les visuels de projets se dispersent autour au lieu de s’aligner dans une grille en dessous.
Un titre qui joue le spectacle
« Nous sommes une agence digitale. On vient nous voir pour… », puis le dernier mot défile. Chaque variante est dessinée comme un lettrage sur mesure au lieu d’être composée dans une police : chaque état de la phrase est une pièce typographique à part entière.
La première ligne répond à la question « qu’est-ce que c’est ? », la seconde démontre l’étendue du savoir-faire, sans une seule phrase d’autoportrait.
Le lettrage comme identité
Les mots en grand ne sont pas du texte, mais des illustrations vectorielles. C’est ce qui donne à chaque rotation sa propre graisse et sa propre déformation, et c’est pourquoi le titre se lit comme un objet dessiné plutôt que comme un effet d’animation appliqué à du texte.
Le compromis est délibéré et mérite d’être nommé : ces mots étant des tracés, ce sont des images et non du texte sélectionnable. C’est donc le texte autour qui porte le sens pour tout ce qui lit la page de façon automatisée.
Des projets éparpillés, pas alignés
Les visuels de projets flottent en bordure du titre, à des tailles et des inclinaisons variées, et changent avec la phrase. Une grille classique aurait dit « thème d’agence générique » ; la dispersion dit que la mise en page a été faite pour ce contenu.
De la retenue partout ailleurs
La navigation tient en trois liens sobres. Pas de vidéo en premier écran, pas d’indicateur de défilement, pas de mise en scène autour des cookies qui rivaliserait avec le titre. Tout ce que le site a à dépenser, il le dépense au même endroit.
Développement
Next.js, servi derrière nginx. Le titre rotatif précharge le visuel du mot suivant, pour que le changement ne tombe jamais sur une image vide.
Ce que nous avons livré
- Titre rotatif avec un lettrage dessiné sur mesure pour chaque variante
- Visuels de projets dispersés, qui changent avec le titre
- Navigation en trois liens, sans élément concurrent dans le premier écran
- Développement en Next.js et Tailwind CSS sur un serveur Node.js auto-hébergé
Questions fréquentes
Parce qu’une agence doit prouver l’étendue de son savoir-faire plutôt que la revendiquer. Faire tourner le dernier mot d’une phrase fixe dit ce que fait l’entreprise et montre son travail dans la même ligne.
Chaque variante est dessinée pour avoir sa propre graisse et sa propre déformation. La contrepartie : ces mots sont des images et non du texte sélectionnable, c’est donc le texte autour qui porte le sens pour tout ce qui lit la page de façon automatisée.
Next.js et React avec Tailwind CSS, sur un serveur Node.js auto-hébergé.
Le site en détail
« Nous voulions que le site montre à lui seul ce dont notre agence est capable, et Sakura a parfaitement saisi l’idée. La typographie animée et la mise en page lui donnent beaucoup de personnalité sans le rendre confus. »