Proxima

Identité de marque et maquette de site de huit pages pour un copilote de recrutement par IA.

Identité de marque · Design & maquetteSite produit
Découvrir le projet
Proxima — page d’accueil du site en ligne

Le contexte

Identité de marque et maquette complète du site d’un copilote de recrutement par IA : huit pages, un design system et une version mobile conçue à part, remises à l’équipe de développement du client.

Le client n’avait qu’une pré-alpha. L’identité a été créée d’abord : logo vectoriel, typographie, palette aux contrastes mesurés, voix de marque. Les repères sont venus du cadrage et d’une lecture des concurrents. Les huit pages sont ensuite écrites par des scripts Python rejouables, chacun réécrivant son bloc sans toucher aux cent quarante autres. La version mobile repose sur des composants dédiés et non sur la page de bureau rétrécie : l’accueil passe de 16,6 à 13,5 écrans, sans débordement de 320 à 600 px. L’ensemble est livré en fichier autonome, empaqueté par script.

La stack technique

Les outils qui ont servi à construire ce projet.

Technologies, services et outils réellement utilisés, pas une liste de compétences.

Python (poseurs rejouables)HTML / CSS / JSDesign systemClaude DesignCabinet GroteskInkscape (logo SVG)Playwright (recette)Calendly

Mes contributions

Ce que j’ai fait, concrètement.

Identité de marque · Design & maquette

  • Créer l’identité de marque

    Un symbole ouvert à quatre croissants, du corail au rose, dessiné en vectoriel, avec sa typographie et une palette dont les contrastes sont mesurés.

  • Écrire les repères avant les pages

    Positionnement, cible et vocabulaire fixés à partir du cadrage et d’une lecture des concurrents, pour que chaque page décline une ligne déjà tranchée.

  • Écrire les huit pages par programme

    Accueil, produit, cas d’usage, tarifs, contact et trois pages de cible, chacune posée par un script qui réécrit son bloc sans toucher au reste du document.

  • Recréer la version mobile

    Sept chantiers rien que sur l’accueil, chacun présenté en deux formes à trancher dans de vrais cadres de 390 px, puis posés dans la maquette une fois la forme choisie.

  • Mesurer chaque page avant et après

    Accueil de 13 980 à 11 358 px, page produit de 8 409 à 7 483, cas d’usage de 6 111 à 4 568. Zéro débordement à 320, 390 et 600 px, et zéro erreur.

  • Fixer les seuils de bascule

    Quatre seuils plutôt qu’un seul : le tiroir du menu, les grilles à deux colonnes, le texte et les zones cliquables, puis le rattrapage des très petits écrans.

  • Rendre la maquette aux développeurs

    Un fichier autonome empaqueté par script, livré en archive avec son mode d’emploi et sa version téléphone, pour qu’ils le reprennent dans leur technologie.

  • Livrer les visuels de réseaux

    Avatars et bannières pour six plateformes, générés par un script rejouable, au motif de la marque.

Les réalisations

Ce qui a été rendu.

Maquette de huit pages, bureau et téléphone, reprise par l’équipe du client pour la mise en ligne sur www.proxima-agents.com.

Marque et site créés de zéro
8 pages, bureau et téléphone
Mobile recréé, pas rétréci