Futurwork : direction artistique, design et site Webflow d'un écosystème européen de cybersécurité et d'IA

Futurwork est une société bruxelloise de conseil en cybersécurité, cloud et IA, fondée en 2021 et relancée en 2024. Elle place des consultants experts (NIS2, DORA, IAM, PAM, SOC, DevSecOps) auprès d'organisations dans six pays européens, forme les suivants dans sa propre école, FuturAcademy, et construit des agences IA avec son studio, FuturLab.

Futurwork a confié à Gemeos, agence web B2B, la refonte de son logo et la direction artistique de sa marque, le design et le développement Webflow de son site, et son référencement.

MacBook Pro ouvert sur l'accueil Futurwork « Cybersecurity consulting that runs in production »

Montrer qu'un cabinet de conseil peut être un système, pas une plaquette

Un cabinet de cybersécurité se ressemble souvent d'un site à l'autre : un cadenas, un bouclier, des photos de serveurs. Futurwork prend le contre-pied. L'entreprise ne se présente pas comme une ESN de plus mais comme un écosystème de trois entités reliées : le conseil, l'école et le studio. Le site devait le faire sentir dès le premier écran, parler aux RSSI et aux DSI des grands comptes comme aux ingénieurs qu'elle recrute, et tenir un discours technique sans tomber dans le jargon visuel du secteur.

Gemeos a redessiné le logotype, exploré deux pistes de look & feel autour du pixel, de la grille et de l'orange, puis conçu et intégré le site sur Webflow : trois pratiques, l'écosystème, les cas clients, les offres d'emploi et le blog, avec une structure pensée pour le référencement et pour les assistants IA.

Industrie: Service
Services: DA; UX/UI Design; Intégration; SEO

Les pistes de page d'accueil explorées pour Futurwork, côte à côte sur fond noir

Le pixel comme plus petite unité d'un système

Le travail commence par le logotype. Le mot futurwork est redessiné : des proportions plus régulières, des courbes tendues et des terminaisons nettes. Son f, extrait du mot, devient un monogramme autonome pour le favicon et les avatars. Le symbole en pixels orange, posé devant le mot, signe la marque.

Deux pistes de look & feel ont ensuite été explorées, toutes deux autour d'une même idée : Futurwork est un système pensé jusqu'à son unité la plus petite, et son identité doit l'être aussi. Grille visible, pixels, balises empruntées au code et orange utilisé avec parcimonie : un cadre, un point d'ancrage, un appel à l'action.

La palette tient en trois couleurs : un noir (#111111), un orange (#FF5717) et un blanc cassé (#F6F5F5), réchauffés par un dégradé granuleux d'orange et de lilas qui sert de fond aux visuels. Les titres sont composés en PP Mori, les chiffres et les balises en Pixel Life, une police pixel, les textes courants en Switzer.

Piste 1 - Le pixel, le bloc du futur
Une grille ultra-structurée, des lignes de délimitation et de petits carrés orange qui guident la lecture. Les balises typographiques (</Consulting>, {build talents}) parlent le langage des consultants, et un portrait détouré par blocs de pixels fait le lien entre l'humain et la machine. Perception visée : rigoureuse et chaleureuse à la fois.
Piste 2 - Le futur s'écrit en pixels
Une typographie monospace où le texte devient interface, des cartes à coin découpé comme des modules qu'on déploie, des icônes construites point par point et une grille blanche où l'orange n'intervient que là où il compte. Perception visée : un système précis, où rien n'est décoratif.
Piste 2 - La page complète
La même piste déroulée sur toute la page d'accueil : les problèmes que Futurwork règle, l'écosystème présenté en onglets sur fond noir, les profils du réseau et les produits. Le site en ligne en garde la grille, la carte isométrique qui se défait en pixels et les accolades, avec la grotesque PP Mori pour les titres.

Piste 1, Le pixel, le bloc du futur : hero avec portrait détouré en pixels et les quatre piliers de l'écosystème

Concept 1

MacBook Pro ouvert sur la page Cybersecurity de Futurwork « Cybersecurity consulting, from NIS2 to SOC »

Trois pratiques, trois entités, une seule grille

Un RSSI vient chercher une équipe pour sa mise en conformité NIS2, un DSI un ingénieur cloud, un candidat une école ou un poste. Le site les oriente sans détour : par pratique, par entité de l'écosystème, par cas client ou par métier, chaque fois avec la même grille, les mêmes lignes de délimitation et le même appel à l'action.

Page	Ce qu'elle fait pour le visiteur
Accueil	La promesse « Cybersecurity consulting that runs in production », les chiffres clés, les trois pratiques, l'écosystème et les quatre engagements de Futurwork
Services	Cybersecurity, Cloud & Infrastructure et AI : une page par pratique avec ses disciplines, et pour la cybersécurité les certifications WALLIX, CyberArk et Netskope
Écosystème	FuturLab, le studio qui finance et construit des agences IA, et FuturAcademy, l'école de cybersécurité de six mois à Bruxelles
À propos	L'histoire de l'entreprise, ses valeurs, ses pays et son équipe
Cas clients	Quatorze missions filtrables par pratique : banques, énergie, assurance, secteur public
Carrières	Les offres d'emploi, une page par poste, et le modèle de consultant de Futurwork
Blog	Articles d'analyse sur NIS2, l'IAM, le cloud et l'IA, classés par catégorie
Contact	Un e-mail, un numéro et la prise de rendez-vous avec un expert

Les mêmes briques reviennent de page en page : la carte isométrique noire qui se défait en pixels sur le dégradé orange et lilas, les chiffres en police pixel, les accolades qui encadrent le mot clé d'un titre, les petites balises orange au-dessus des sections. Une page de plus se compose sans repasser par le design.

Pro Display XDR ouvert sur la page des cas clients Futurwork et son filtre par pratique

Un site que l'équipe Futurwork alimente seule

Le site est développé sur Webflow. Les cas clients, les offres d'emploi, les articles, leurs catégories et les auteurs vivent dans des collections CMS, chacune servie par un gabarit unique : publier une mission, un poste ou un article ne demande aucune mise en page. La page des cas clients se filtre par pratique, sans rechargement, et chaque offre d'emploi a sa propre page.

Les pages de pratique puisent dans les mêmes collections : la page Cybersecurity affiche d'elle-même ses cas clients et ses articles de cybersécurité, sans liste tenue à la main. Les pages d'écosystème sont des pages dédiées, avec leurs visuels isométriques, leurs terminaux et leurs chiffres en police pixel. Le bandeau de cookies ne charge Google Analytics qu'après accord du visiteur.

MacBook Pro ouvert sur l'article Futurwork « NIS2 Is Not a Compliance Exercise. It's a Governance Wake-Up Call. »

Être trouvé sur NIS2, DORA et l'IAM, et cité par les assistants IA

Un RSSI cherche « NIS2 governance », « PAM vs IAM » ou un consultant DORA bien avant de choisir un cabinet. Le site occupe ces recherches avec une page par pratique, une page par mission et par poste, et un blog qui répond aux questions de fond des équipes de sécurité.

Chantier	Détail
Pages d'atterrissage	3 pages de pratique, 14 cas clients et 7 offres d'emploi, chacun sur sa propre intention de recherche
Contenus	8 articles en anglais (NIS2, Cyber Resilience Act, IAM et PAM, landing zone AWS, Terraform, agents IA), répartis en 6 catégories, avec une page auteur
Balises & métadonnées	Title et meta description rédigés page par page, un seul H1, balise canonique partout, plan du site de 54 URL
Données structurées	ProfessionalService, WebSite et EducationalOrganization sur l'accueil, Service et OfferCatalog sur les pratiques, Course pour FuturAcademy, Article sur chaque article, ContactPage et ItemList de l'équipe

Lisible par les moteurs comme par les assistants IA

Le site publie un fichier llms.txt qui résume l'entreprise, ses pratiques et ses pages clés, et une page « Official company information » qui rassemble les faits vérifiés sur Futurwork à l'intention des assistants IA, des journalistes et des partenaires. Chaque article est signé, daté et porte ses données structurées, et propose un résumé à demander à ChatGPT, Claude, Perplexity ou Grok.