Unow : direction artistique, design et site Webflow d'un organisme de formation

Unow forme les équipes des entreprises aux compétences qui comptent : intelligence artificielle, commercial, management et compétences transverses. Formations inter et intra-entreprise, parcours sur mesure, e-learning et learning events : un catalogue de près de quatre-vingt-dix formations, pensé pour les directions RH et formation.

Unow a confié à Gemeos, agence web pour les organismes de formation, la direction artistique de son nouveau site, son design, son développement Webflow et son référencement.

MacBook Pro ouvert sur l'accueil Unow « Donnez à vos équipes le pouvoir d'évoluer »

Faire grandir les équipes, et le montrer dès la page d'accueil

Une direction formation qui cherche une formation IA pour ses managers, un pack pour ses commerciaux ou un dispositif sur mesure pour toute l'entreprise ne veut pas fouiller un catalogue. Unow arrivait avec une nouvelle identité, un logo dont les points dessinent un visage et la signature « Unow, you grow » : il fallait un site à sa hauteur, chaleureux comme la marque et assez structuré pour guider vers la bonne formation.

Gemeos a exploré plusieurs pistes de hero, décliné l'identité en direction artistique pour le web, rédigé et designé chaque page, puis intégré le site sur Webflow : catalogue filtrable, fiches formation, terrains de compétences, offres, cas clients et ressources, avec une structure pensée pour le référencement.

Industrie: Éducation; RH
Services: DA; UX/UI Design; Intégration; SEO

Les cinq pistes de hero explorées pour Unow, sur fond prune

Une identité qui sourit, déclinée pour l'écran

Le logo Unow est un visage : deux paires de points pour les yeux, une pilule pour la bouche. Le site reprend cette idée partout. Les titres se terminent par un point, les étiquettes sont composées en matrice de points, et le visage réapparaît dans les moments clés, à côté de la signature « Unow, you grow », dans des bulles aux angles arrondis qui s'emboîtent comme les blocs du hero.

La palette part d'un prune (#320C1C) et d'un bordeaux (#6E0331) posés sur un crème (#FFF2E0) et un beige (#F4E2CB). Quatre couleurs vives donnent son repère à chaque terrain de formation : le vert (#A2D2C4) pour le commercial, l'orange (#FE752F) pour le management, le violet (#C79FFF) pour les compétences transverses, le bordeaux restant celui de l'IA ; le rouge (#F33F28) signale les formations les plus demandées. Les titres sont en PP Frama, les textes en Inter, les étiquettes en Ndot 57, et des dégradés fluides de violet, d'orange et de vert habillent les grands visuels.

Avant de figer la page d'accueil, cinq pistes de hero ont été dessinées autour de la même promesse, « Donnez à vos équipes le pouvoir d'évoluer » : la photo et le dégradé changent, la mise en page aussi, pour choisir le ton de la marque en ligne.

Piste A - Le verre
Un dégradé de verre vert et violet en haut à droite, une photo chaleureuse en bas à gauche, le texte d'introduction entre les deux. Les blocs s'emboîtent en escalier et la promesse prend toute la largeur. C'est la piste qui a donné le hero du site.
Piste C - La chaleur
La même structure, avec un dégradé orange et violet et une photo d'équipe en atelier autour d'ordinateurs portables. Perception visée : collective et énergique, plus proche de l'atelier que de la salle de cours.
Piste E - La photo
Pas de dégradé : une grande photo à droite, la promesse et les boutons à gauche, et les chiffres clés posés en étiquettes sur l'image. Perception visée : directe et concrète, centrée sur les personnes formées.

Piste A : hero Unow avec un dégradé de verre vert et violet et une photo d'un formé souriant

Concept 1

MacBook Pro ouvert sur la page Unow « Cultivez les compétences IA de vos équipes »

Trouver la bonne formation par terrain, par format ou par besoin

Un responsable formation arrive avec une compétence à développer, un format en tête ou un budget à justifier. Le site lui ouvre trois portes : les quatre terrains de compétences, les offres (inter, intra, parcours sur mesure, e-learning, événements) et le catalogue complet. Le menu les réunit dès la première page, et les pages se terminent sur un échange avec un expert.

Page	Ce qu'elle fait pour le visiteur
Accueil	La promesse « Donnez à vos équipes le pouvoir d'évoluer », le parti pris d'Unow, les quatre terrains, les offres, les formations du moment, les témoignages et les ressources
Catalogue	Toutes les formations, avec une recherche et des onglets par terrain, les nouveautés et les plus demandées
Terrains	Intelligence artificielle, commercial, management, compétences transverses : une page chacun, avec ses formations, ses cas clients et sa FAQ
Fiches formation	Les objectifs, le déroulé en modules, les formats possibles, le tarif et le programme à télécharger
Offres	Formation intra, inter-entreprises et pack multiformations, parcours sur mesure, projets e-learning, conférences et learning events
Financements	La prise en charge par les OPCO et le pack multiformations
Cas clients	Les retours d'expérience des entreprises formées : le contexte, le dispositif, les résultats et la parole du client
Ressources	Le blog, les webinaires et les livres blancs et guides

Gemeos a aussi rédigé les textes de chaque page. Les mêmes briques reviennent d'un écran à l'autre : cartes de terrain à la couleur de leur domaine, cartes formation, cartes d'offre, onglets « Pourquoi Unow », témoignages par entreprise, FAQ en accordéon et bandeau de contact avec le visage du logo. Une nouvelle page se compose sans repasser par le design, en desktop comme en mobile.

Pro Display XDR ouvert sur le catalogue des formations Unow

Un catalogue que l'équipe Unow fait vivre seule

Le site est développé sur Webflow. Les formations, les cas clients, les articles, les webinaires, les livres blancs et les auteurs vivent dans des collections CMS, chacune servie par un gabarit unique : les quatre-vingt-huit fiches formation partagent la même page, alimentée par leur terrain, leurs objectifs, leurs modules et leur FAQ. Ajouter une formation ou publier un webinaire ne demande aucune mise en page.

Le catalogue filtre les formations en direct : une recherche tolérante aux fautes de frappe, des onglets par terrain, les nouveautés et les plus demandées, et une pagination. Les onglets, les témoignages et les FAQ sont des composants accessibles, utilisables au clavier, et les carrousels de formations et d'offres se parcourent au doigt sur mobile.

MacBook Pro ouvert sur l'article Unow « Discret pour le grand public, incontournable en entreprise : le paradoxe Claude »

Une page pour chaque formation, chaque terrain et chaque question

Une direction RH cherche « formation IA en entreprise », « formation négociation commerciale » ou « financer une formation OPCO » bien avant de choisir un organisme. Le site répond à ces recherches avec une page par terrain, une fiche par formation et des ressources qui traitent les questions du terrain.

Chantier	Détail
Pages d'atterrissage	4 pages terrain, 5 pages offre et une page financement, chacune sur sa propre intention de recherche
Fiches formation	88 fiches générées par le CMS, avec leur title et leur meta description, leur fil d'Ariane et leur FAQ
Contenus	10 articles de blog signés, 11 cas clients, 8 webinaires, un livre blanc et des pages auteurs
Balises & métadonnées	Title et meta description propres à chaque page principale et à chaque fiche formation, un seul H1 par page
Données structurées	Organization sur tout le site, Course et BreadcrumbList sur les fiches formation, Article sur les articles et les cas clients, Event sur les webinaires, ProfilePage sur les pages auteurs, FAQPage sur les FAQ

Lisible par les moteurs comme par les assistants IA

Chaque article est signé, avec sa page auteur, et ses données structurées donnent le titre, l'image, les dates et l'auteur. Les pages terrain, les offres et les fiches formation répondent aux questions des acheteurs dans leur FAQ, balisées en FAQPage : des réponses courtes et précises, ce qui aide les moteurs et les assistants IA à citer Unow sur la formation des équipes.