Scale : identité et landing page d'un événement entrepreneurial

LOGO

Un "E" qui ne ressemble à aucun autre

Le projet a démarré en urgence : l'agence précédente n'avait pas réussi à produire un logo à la hauteur des ambitions de l'événement. Gemeos a repris le brief à zéro. La contrainte était précise, trouver un signe qui incarne la progression, sans tomber dans les clichés de la croissance (flèche, courbe, graphique).

La solution : transformer le "E" de SCALE en trois barres horizontales de largeur décroissante, formant des marches qui montent. Un symbole immédiatement lisible, l'idée d'accompagnement vers le haut, intégré directement dans la typographie, sans pictogramme additionnel. Le "A" a été retravaillé avec des coupes diagonales pour renforcer le motif et donner au mot sa cohérence visuelle propre.

Le logo a été décliné en trois versions (noir, blanc, rouge) et fourni en SVG, PNG et JPG pour tous les usages print et digital de l'événement.

BRAND

Une identité d'événement, pas un logo seul

Une fois le signe validé, il fallait construire tout ce qui donne vie à un événement de cette envergure. La Brand Scale s'articule autour de trois piliers : une palette resserrée (noir profond, rouge vif, blanc), une photographie dramatique en noir & blanc contrastée par les accents couleur, et une typographie display à la fois dense et lisible sur grand format.

L'ensemble a été appliqué sur les supports concrets de l'événement :

Le résultat est une identité cohérente du premier touchpoint digital jusqu'au jour J en salle, pensée pour fonctionner à toutes les échelles.

Direction Artistique

Cinématique et efficace : une direction artistique au service de la conversion

La direction artistique de Scale s'inspire des codes visuels du cinéma et des grandes conférences internationales, tout en restant ancrée dans l'univers entrepreneurial francophone. L'enjeu n'était pas seulement esthétique : chaque choix visuel devait servir la conversion.

Le parti pris central, photography noire & blanche surexposée sur fond sombre avec accents rouge, crée un contraste immédiat qui capte l'attention en scroll. Les speakers sont mis en valeur avec des portraits en pleine page, un traitement qui renforce la légitimité et la promesse de la scène. Les sections de conversion (pricing, CTA) reprennent les mêmes codes chromatiques pour une cohérence totale du parcours.

La DA a été conçue directement dans Figma par Sacha, avec les retours de Maxime (auteur du logo) pour garantir la continuité entre identité et expérience de page. Plusieurs cycles d'itération ont permis d'affiner les détails, notamment les gradients, les effets de texture et la hiérarchie typographique, avant le handoff en développement.

UI DESIGN

Une landing page pensée pour vendre des places

La landing page Scale est une page longue à enjeu fort de conversion. Chaque section a une fonction précise dans le parcours du visiteur : capter, légitimer, convaincre, rassurer, déclencher.

Les interactions ont été pensées pour renforcer la densité de l'événement sans alourdir la lecture : bannière en scroll animée, effets parallax sur les images, transitions entre sections.

Sur mobile, le design a été revu pour prioriser la lisibilité et la vitesse, en allégeant certaines animations qui généraient du lag sur les appareils iOS.

DEV WEBFLOW

Un site d'événement avec le niveau d'exigence d'un produit digital

Le développement de la landing page Scale a été entièrement réalisé sur Webflow avec plan CMS, hébergé dans le workspace du client. La complexité du projet tenait autant à la richesse des interactions qu'à la criticité des enjeux de conversion : chaque bouton devait mener au bon checkout, sans déperdition de donnée.

Interactions & animations

‍Le site embarque un niveau d'animation avancé pour Webflow : animations au scroll sur les textes et cartes KPI, effets parallax sur les images de la section hero, transitions entre blocs en fondu et déplacement, bannière défilante en loop, et carousels multi-éléments avec gestion des interactions drag/click simultanés sur mobile.

Intégration vidéo

‍La vidéo teaser est hébergée sur Cloudinary (CDN) pour garantir une lecture fluide sans dépendre de YouTube ou Vimeo pour le rendu. Les témoignages clients sont intégrés via Vimeo avec modale custom, le lecteur natif a été remplacé pour conserver la cohérence visuelle de la page.

Tracking & UTM

‍À la demande du client, les paramètres UTM présents dans les URLs sont automatiquement passés dans les liens des boutons de redirection vers les pages de checkout. Cela permet un tracking bout-en-bout des campagnes, depuis la source d'acquisition jusqu'à l'achat effectif, sans rupture dans les données analytics.

Compatibilité cross-navigateur et cross-device$

‍Plusieurs points techniques ont nécessité des développements spécifiques :

Le site a été mis en production fin août 2025, après plusieurs cycles de QA desktop et mobile conduits en interne avant livraison au client.