Retour aux projets
Étude de cas

Agencetek

Positionner une jeune agence tech hors du cadre des agences classiques, par la direction artistique.

3
Expertises
Resend
Formulaire
Next.js
Framework
En ligne
Statut
Next.jsReactTypeScriptTailwind CSSFramer MotionResend
Agencetek
Agencetek
01

Le contexte

Agencetek est une agence digitale et IA fondée par des développeurs. Elle propose trois expertises : développement web et mobile, automatisation, et intelligence artificielle.

La demande d'Aboubacar Soumah était de traduire ce positionnement en ligne. Le point de départ n'était pas une liste de pages à produire, mais une intention : ne pas ressembler aux agences classiques.

J'étais seul sur le projet, du design à la mise en ligne.

www.agencetek.com
Le contexte / 1
02

Le problème

Les sites d'agences se ressemblent tous. Fond clair, illustrations vectorielles, promesses interchangeables sur l'accompagnement et la transformation digitale. Une agence fondée par des développeurs qui adopte ces codes se retrouve confondue avec les autres.

Il y avait aussi une difficulté de lisibilité : trois expertises très différentes, du site web à l'IA en passant par l'automatisation, devaient apparaître comme un ensemble cohérent plutôt que comme un catalogue de prestations sans lien.

Enfin, une jeune agence doit inspirer confiance sans pouvoir s'appuyer sur des années de références. Le site devait porter cette crédibilité par lui-même.

www.agencetek.com
Le problème / 1
03

Mes choix techniques

La décision structurante a été de partir sur une direction artistique sombre, avec une palette resserrée autour du rouge. Le fond sombre installe un registre technique et sérieux, le rouge apporte la présence et l'affirmation qui manquent aux sites d'agence neutres.

C'est le choix qui répond au problème de positionnement : avant même de lire une ligne, un visiteur comprend qu'il n'est pas sur le site d'une agence de communication généraliste.

Next.js, React et TypeScript pour la base, avec Framer Motion pour les animations. Une stack récente n'est pas qu'un argument technique sur un projet comme celui-ci : elle ouvre la marge de créativité nécessaire pour construire une identité qui sort du modèle attendu.

Pour le formulaire de contact, j'ai intégré Resend plutôt qu'un service de formulaire clé en main. Les demandes arrivent directement par e-mail, dans le canal professionnel que l'agence utilise avec ses clients.

www.agencetek.com
Mes choix techniques / 1
04

La difficulté

Trouver la bonne direction artistique a été la vraie contrainte du projet. Sortir du cadre est une intention facile à formuler et difficile à traduire visuellement : il faut se démarquer sans devenir illisible, affirmer un parti pris sans perdre la crédibilité attendue d'une agence.

Le travail s'est fait par itérations, en confrontant chaque proposition au positionnement que le client voulait tenir. C'est ce qui a pris le plus de temps, et c'est aussi ce qui a fait la valeur du projet.

Ce que le client a retenu de cette phase, d'après son retour, c'est le fait de recevoir des propositions plutôt que de voir ses demandes exécutées telles quelles.

www.agencetek.com
La difficulté / 1
05

Le résultat

Le site est en ligne et fonctionnel. Les trois expertises de l'agence y sont présentées comme un ensemble, avec une identité visuelle qui la distingue immédiatement des sites d'agence classiques.

Le retour d'Aboubacar Soumah porte sur les deux objectifs de départ : un positionnement autour du digital et de l'IA correctement retranscrit, et des expertises présentées clairement.

BILAN.MD

Ce que ce projet m'a appris

  • 01Sur un site de positionnement, la direction artistique n'est pas une couche de finition : c'est la réponse au problème.
  • 02Un brief qui commence par ce que le client ne veut pas est un bon brief. Il donne une direction plus utile qu'une liste de fonctionnalités.
  • 03Proposer plutôt qu'exécuter demande d'accepter des allers-retours, mais c'est ce qui distingue un prestataire d'un partenaire.

Un projet similaire ?