Hello Osmo

Abrège Académy

Refonte UX/UI d'une academy en ligne pour makers

Transformer une communauté de makers en élèves autonomes, en rendant lisible une offre de formation à la carte pensée pour passer de l'envie au projet concret.

Webflow
Brand naming
Design system
Image iphone avec écran home du site Abrège Académy
contexte

Abrège, c'est Thomas, ingénieur devenu l'un des plus gros créateurs francophones du faire soi-même (313K sur YouTube, 323K sur TikTok, 58K sur Instagram). Son academy propose des formations à la carte pour makers : modding, Arduino, Fusion 360, impression 3D, bientôt KiCad. Le vrai problème n'était pas le trafic, l'audience est massive et déjà acquise. C'était la conversion et la clarté.

Comment rendre lisible une offre complexe : cours à la carte, parcours pro, formation présentielle éligible CPF/Qualiopi, communauté Discord, et une plateforme LMS hébergée séparément.

Le système colorimétrique a été approfondi en y associant des thématiques par formations. Des couleurs assez gaming/tech : vert acide, vert émeraude, magenta/fuchsia, jaune. Univers maker, moderne, communautaire.

L'interface a été repensé en mode dark pour marquer les contrastes et affirmer la direction plus tech/gaming et renforcer la refonte à la fois élégante, premium et moderne.

Image iphone avec écran home du site Abrège Académy
Le défis

Trois tensions à résoudre simultanément :

Convertir sans brusquer une audience venue de YouTube/TikTok, habituée au contenu gratuit.
Clarifier une offre à tiroirs, à la carte vs parcours pro vs présentiel financé, sans noyer le visiteur.
Faire le pont entre le site vitrine (Webflow) et la plateforme de cours (LMS externe).

Nouvelle interface après rebranding de l'écran home du site abrège académy
Ancienne interface de l'écran home du site abrège académy
Système & Livrables

Construit sous Webflow
Hébergement vidéo via BunnyCDN
Animations : GSAP & custom JS

RÉSULTATS

Une vitrine qui convertit l'audience d'Abrège en élèves, et une offre complexe devenue lisible en un coup d'œil.

Plus concret qu'un portfolio, découvrez notre manière de concevoir.

On ne montre pas que des rendus. On raconte des projets : le problème de départ, les choix faits, et ce que ça a changé pour la marque.

Illustration plusieurs curseurs en arc de cercle - drag pour parcourir les projets

[ Parcourir les projets ]

Image iphone avec écran home du site Abrège Académy
Image écran home du site Obsession Production
Mise en situation Matr, grand écran de conférence avec slide Matr
Totebag logo Aldo éditiosn bleu
Image iphone avec écran home du site Abrège Académy
Image écran home du site Obsession Production
Mise en situation Matr, grand écran de conférence avec slide Matr
Totebag logo Aldo éditiosn bleu
Image iphone avec écran home du site Abrège Académy
Image écran home du site Obsession Production
Mise en situation Matr, grand écran de conférence avec slide Matr
Totebag logo Aldo éditiosn bleu
Image iphone avec écran home du site Abrège Académy
Image écran home du site Obsession Production
Mise en situation Matr, grand écran de conférence avec slide Matr
Totebag logo Aldo éditiosn bleu

1 / 5

Ce que disent nos clients :

J'ai travaillé étroitement avec Glas sur plusieurs projets chez Prello. Ils sont fiables, minutieux et rigoureux dans leur travail et communication. Leurs qualités relationnelles rendent la collaboration fluide et agréable. Vous pouvez faire appel à eux les yeux fermés.

Quentin C.

Prello

Glas a mené plusieurs projets chez Prello Group pendant plus d'un an : UX/UI, développement Webflow et Bubble. Force de proposition, pragmatiques et rapides, ils se sont adaptés aux enjeux Marketing et Product avec bonne humeur. Je recommande leurs compétences.

Claire K.

Group Prello

Glas a intégré notre équipe Product chez Prello : Designer/Builder et Product Manager. Leur proactivité, motivation et qualité de livrables ont fait de Glas un membre clé. Excellents communicants, ils ont brillamment représenté l'équipe. Je recommande Glas : leur professionnalisme garantit des collaborations fructueuses.

Nicolas S

Fragments

Je collabore régulièrement avec Glas. Quel que soit le style du projet, ils proposent plusieurs alternatives correspondant parfaitement au brief tout en apportant leur vision créative et leur touche personnelle unique.

Syrbain C.

Gravite.io

J'ai collaboré avec Glas chez Prello et sur la refonte UX/UI de Sowefund.com. Ils ont cadré précisément le besoin, proposé wireframes et maquettes de qualité. Leur approche structurée et créative a donné des résultats exceptionnels. Un accompagnement professionnel et fluide. Je les recommande sans hésiter.

Florian G.

Sowefund

Questions/réponses
Combien de temps prend un projet ?

Ça dépend de ce qu'on construit ensemble, mais on vous donne toujours un cadre clair dès le départ. Pour vous donner un ordre d'idée : une identité de marque complète se compte en quelques semaines, une refonte de site sur-mesure plutôt sur six à dix semaines selon l'ampleur. On définit un planning réaliste au lancement, et vous savez à chaque étape où on en est. Notre principe : prendre le temps de bien faire, sans jamais vous laisser dans le flou.

Quel est votre budget minimum ?

On n'impose pas de budget plancher, mais on travaille sur du sur-mesure, donc on construit chaque devis à partir de vos besoins réels, pas d'une grille tarifaire. Que vous soyez une startup qui démarre ou une structure établie, le mieux est d'en parler : on vous dira franchement ce qui est réaliste pour votre projet, et comment le prioriser si besoin.,

Pourquoi faire appel à vous plutôt qu'à un template ou une solution low-cost ?

Un template, c'est une marque qui ressemble à des centaines d'autres. Nous, on part de votre positionnement, de ce qui vous rend unique, et on construit une identité qu'on ne retrouvera nulle part ailleurs. Ça ne se voit pas seulement : ça se ressent, et surtout ça convertit mieux. Si votre enjeu est d'exister vraiment face à vos concurrents, le sur-mesure n'est pas un luxe, c'est ce qui fait la différence.

Travaillez-vous avec mon secteur ou ma taille d'entreprise ?

Très probablement. On a accompagné des startups, des marques établies et des institutions, dans des univers très différents, de la data à la culture en passant par le retail, l'artisanat, la santé, l'associatif. Ce qui compte pour nous, ce n'est pas votre secteur, c'est que vous ayez quelque chose à dire et l'envie de bien le dire. On commence toujours par comprendre votre métier avant de dessiner quoi que ce soit.

Et si je ne suis pas convaincu par une direction créative ?

C'est prévu, et c'est sain. On ne disparaît pas pour revenir avec un résultat figé : on avance par étapes, avec des points de validation réguliers où vous donnez votre avis. Une direction ne vous parle pas ? On en discute, on ajuste, on réoriente. Notre travail, c'est que vous repartiez avec une marque dont vous êtes fier, pas avec un compromis.

Comment communique-t-on pendant le projet ?

On organise des points réguliers pour valider les avancées ensemble, et vous accédez à un espace de suivi dédié, conçu et développé par nos soins : roadmap du projet en temps réel, validations, documents, devis et comptes rendus de nos échanges, tout est centralisé au même endroit. Fini les fils de mails interminables et les fichiers éparpillés. Transparence et réactivité, c'est notre moteur : vous ne courez jamais après l'information.

Utilisez-vous l'IA ?

Oui, mais pas pour créer à notre place. L'IA nous aide sur la gestion, l'organisation et l'optimisation de nos process. Mais cent pour cent de la création vient de nos idées, de notre expérience et de notre sensibilité. À l'heure où tout se ressemble parce que tout est généré, c'est précisément ce qui fait qu'une marque Glas ne ressemble à aucune autre. Et ça, ce n'est pas près de changer.

Que se passe-t-il après le lancement ?

Une fois votre projet en ligne, on ne vous lâche pas dans la nature. On vous forme pour que vous soyez autonome, et on reste disponibles pour vos questions. Envie d'aller plus loin ? On propose des formules de maintenance pour faire évoluer votre projet dans le temps, à votre rythme.

Glas, c'est qui au juste ?

Deux frères, dans le métier depuis plus de dix ans. L'un structure et construit : product manager, développeur et intégrateur Webflow, il donne la direction et fait tenir les projets. L'autre imagine et donne forme : directeur artistique qui navigue entre identité, illustration, 3D et motion. Ensemble, on couvre toute la chaîne, de l'idée à la mise en ligne, sans intermédiaire ni sous-traitance. C'est ce qui nous permet de créer des marques qui ont une âme, et d'en répondre de bout en bout.