Blyst

Création du site web de Blyst : FinOps, Gouvernance et IA.
Blyst, c’est 3 experts IT qui accompagnent des clients comme Michelin ou Sanofi.  

Page d'accueil du site BLYST présentant le slogan 'Reprenez le contrôle de vos coûts Cloud sans freiner l'innovation', avec logos d'entreprises clientes et trois encadrés sur la FinOps, la Gouvernance IT et l'Intelligence Artificielle.

Objectif du projet

Sur ce projet, l’enjeu était de mettre en valeur et révéler une charte graphique existante.
Inspirée du brutalisme, la charte avait énormément de potentiel.
Sonar, poissons, typo franche, turquoise, jaune et orange.
Il ne lui manquait que quelques ajustements, pour incarner l’univers IT.
Et surtout pour séduire les 3 associés.

L’objectif : Créer une expérience.

La vraie difficulté : Les typographies imposées.
Deux typographies très marquées, et très identitaires.

Il fallait trouver le bon équilibre :
– ne pas les lisser
– mais ne pas les laisser écraser l’ensemble

Un travail de précision.

Les détails design

Couleurs et lueurs

Pour construire cet univers, je me suis inspirée… des abysses :
– Des touches de couleurs qui émergent en transparence.
Elles apportent de la lumière au site web.

Jeux de lumière

– Un fond sombre, profond, presque envoûtant
– Des jeux de lumière subtils, comme des reflets sous-marins

Reflets en surface

Le bouton combine plusieurs éléments qui renforcent l’identité :
– le « + » version sonar qui remplace habituellement une flèche
– le reflet « flash » qui incarne la rencontre entre le soleil et la surface

Le CTA

Situé à la fin de chacune des pages, le CTA apporte une dernière touche de lumière tout en rappelant l’univers de Blyst avec sa faune abyssale.

Les composants du projet

Le wireframe

Une fois la structure validée, on a prototypé chaque page sans design. L’objectif : définir où vont les blocs, les textes, le catalogue de services et les formations, avant de penser aux couleurs.

C’est l’étape qu’on voit le moins mais qui change tout : une page bien structurée convertit, une page mal structurée, non.

Les propositions graphiques

Une piste sur fond clair et 2 pistes sur fond foncé. Les pistes donnent une direction, avec des choix assumés. Mais ce n’est pas leur simple utilité. Elles permettent aussi aux clients de se rendre compte. Dans ce cas précis, la piste clair et la première sombre plaisaient aux trois associés. Mais c’est finalement la piste sombre qui a été choisie, car le fond clair peut difficilement égaler le fond sombre en terme de rendu premium.

La maquette sur mesure

Direction validée, on a maquetté l’ensemble du site, desktop et mobile. Pas question de négliger le mobile quand la majorité des visiteurs consultent depuis leur téléphone.

Une fois les maquettes approuvées, direction l’intégration sur WordPress.

L'équipe sur ce projet

Direction artistique

Gestion de projet

Marie-Rose Perret

Développement web

Formateur

Keziah Nivelle

Les outils utilisés

Elementor

Notre outil de prédilection pour la gestion des pages WordPress, alliant flexibilité et design soigné.

WordPress

Le CMS que nous utilisons pour développer des sites performants et évolutifs.

Figma

Utilisé pour la création et validation des designs, des maquettes aux interfaces interactives.

D'autres réalisations de sites web

Nous contacter​

Discutons de votre projet ensemble !

Vous avez un projet en tête (site web, landing page, identité visuelle) ? Prenez rendez-vous avec Keziah pour qu’on voit ensemble comment on peut vous accompagner.