Une image qui évolue
- Hélios Web
- 1 oct.
- 4 min de lecture
Nos partenaires et clients de longue date peuvent le constater, la vibe créative d'Hélios Web se transforme et évolue pour atteindre un niveau plus mature, punché et incontournable!
Aujourd'hui, on fait le tour des derniers changements visuels chez Hélios Web, des stratégies mises de l'avant et de la signification derrière certains choix artistiques bien réfléchis!
Fidèle à l'original
Tout d'abord, le premier mot d'ordre était de bâtir sur l'existant, pas de réinventer la roue. C'était important que l'image et la réputation d'Hélios Web se perpétuent au travers de cette évolution.
Ainsi, la marque principale Hélios Web, le logo, conserve la même police et la même disposition. Toutefois, on grossit un peu le texte pour en faciliter la lisibilité. Aussi, la couleur de l'accent sur le "É", originalement baptisée "Accent" (on était incroyablement inspirés cette journée là...), prend encore plus de place et devient la couleur principale du nouveau logo en prenant la place du fond noir, baptisé "Night Sky", qui lui devient la couleur du texte.
Ce changement peut paraître à première vue particulièrement décomplexé (en manque d'attention diront certains) et plutôt assaillant visuellement (on s'excuse pour vos rétines) mais il y a un raisonnement parfaitement logique derrière la mise en avant-plan d'un pareil arrière-plan! Dans un monde où les médias sociaux sont au coeur de notre quotidien, avoir un icône de profil néon parmi un paquet de photos de chats, de têtes variées et de logos de toutes les couleurs mélangés a pour effet de ressortir du lot sur un moyen temps! Également, le positionnement du lettrage assure que même lorsqu'une plateforme coupe la photo de profil en forme de cercle, le tout demeure parfaitement lisible.
L'ajout de couleurs
Une des limitations par contre de cette belle couleur "Accent" c'est qu'elle se décline plutôt mal en d'autres teintes pour composer un ensemble visuel agréable où tout n'est pas soit blanc, noir ou constamment un attention-grabber. C'était d'ailleurs une des raisons qui ont mené à la refonte du site web en entier (plus de détails sur cette aventure là prochainement).
Ainsi, on a sélectionné une couleur complémentaire au jaune néon, le bleu sobre "Spirituality", qui peut agréablement servir d'arrière plan ou d'élément textuel plus démarqué du noir sur les fonds pâles.
Puisque ce bleu est tout de même assez foncé, une déclinaison plus claire et vibrante a été définie pour convenir à notre thème globalement sombre: Heavens. Ce bleu ciel étend la portée de la gamme de couleurs et offre plus de flexibilité lorsque le contraste sur un arrière-plan plus foncé le requiert.
Dans le même ordre d'idée, de la nuance s'est ajoutée entre le noir absolu "Night Sky" et le blanc pur "Hélios".
On y retrouve d'abord un gris ultra-profond, "Text", qui adoucit notamment... le texte (pour faire moins dans les extrêmes) et qui permet d'amener un léger contraste avec avec "Night Sky" quand vient le temps d'un peu de fantaisie subtile.
À cela s'ajoutent:
un gris foncé inspiré de nos origines dans le monde du sim racing, "Asphalt", qui rappelle la couleur du bitume brûlant d'une piste de course,
un gris moyen qui fait une sacrée belle job pour des éléments désactivés, nommé "Silver", et
un gris très pâle, baptisé "Cloud", qui permet d'amener des subtils effets d'animation de survol sur différents liens et boutons lorsque combiné à "Hélios".
Le tout en gardant un teint très neutre, pas particulièrement chaud ni froid.
Night Sky |
Text |
Asphalt |
Silver |
Cloud |
Hélios |
Pour finir, on s'est fait plaisir avec une dernière couleur vibrante, "Punch", qui ramène de la chaleur à la palette de couleur avec un rose électrique qui complète le trio de couleurs d'accents, non pas sans rappeler les couleurs primaires qui seront les éléments d'où se dessineront toutes les projets que nous bâtirons ensemble!
Accent |
Heavens |
Punch |
Le mariage des couleurs
En développant ce nouveau site web, on a vite compris toute la versatilité qu'amenaient les différentes combinaisons de cette palette de couleurs. En jouant avec les dégradés d'une couleur à l'autre, on a pu créer des sections qui accrochent le regard et amènent un dynamisme incomparable.
Finalement, c'est à la recherche d'un thème cohérent pour nos bannières sur les médias sociaux qu'on a créé l'ultime combinaison: fond Night Sky, dégradés radiaux Spirituality + Punch + Accent + Heavens dans chaque coin, et un lettrage blanc pour faire ressortir le texte
Boucler la boucle
Un rebranding Hélios Web ne serait pas complet sans en valider l'allure sur un bolide légendaire de la course automobile!
Débutons ensemble
Si tu as envie toi aussi de revamper ton image de marque afin qu'elle se distingue de la compétition, tu peux réserver dès aujourd'hui une consultation pour qu'on en discute!
Commentaires