Octobot : création d’une charte graphique déclinable
Refonte d’un site web adapté sur un mobile
Fondée en 2021 par deux ingénieurs en informatique passionnés, Paul Bouquet et Guillaume Minette de Saint Martin, Drakkar-Software se positionne comme une entreprise spécialisée dans le domaine du trading de crypto-monnaies. Son fer de lance est Octobot, un logiciel d’investissement novateur conçu pour répondre aux besoins diversifiés des acteurs du marché des cryptos.
Ils recherchait un nouveau logo reflétant mieux leurs valeurs ainsi qu’une charte graphique modulable. Ils avaient également besoin d’illustrations spécifiques pour le site internet, les images libres de droits n’étant jamais parfaitement adaptées au contenu à illustrer.
Les missions de ce projet
Déroulement
Élaboration de la charte graphique et le logo d’Octobot
Le processus de création
La charte graphique joue un rôle fondamental en tant que guide visuel, établissant les règles d’utilisation des éléments graphiques de l’entreprise. Elle définit la manière dont le logo, la typographie, les couleurs, et d’autres composants visuels doivent être utilisés sur différents supports de communication.
Drakkar-Software recherchait un logo qui représente à la fois leur logiciel et leur marque Octobot, combinant « octopus » pour le poulpe et « bot » pour les robots informatiques. Ils souhaitaient un robot-poulpe au service des utilisateurs, inspirant confiance et équilibrant l’aspect numérique du bot avec sa nature organique. Le robot permet d’établir un lien entre le portefeuille crypto et les clients eux-mêmes. Pour un public principalement débutant dans le trading, il était essentiel que le poulpe soit visuellement rassurant.
Pour la charte graphique, les couleurs ont été sélectionnées en tenant compte des habitudes visuelles des clients, des associations émotionnelles et des besoins fonctionnels. Le bleu, emblématique des services, a été choisi pour inspirer la confiance et le blanc pour apporter modernité et épurement.
Déclinaison de la charte sur différents supports
- Le Site internet
Pour maintenir la cohérence du site, nous avons conservé les deux couleurs du logo, ajouté une couleur accentuée et utilisé les typographies de la charte graphique. Le principal défi était d’assurer une bonne lisibilité et des contrastes optimaux pour un site disponible en mode clair et en mode sombre.
- Les Supports « Physiques » (Goodies, Merchandising, etc.)
En prévision de salons et conventions, la charte graphique a été étendue à des supports physiques tels que des t-shirts, tasses, clés USB, cartes de visite, stylos etc… Un design distinctif, reprenant des courbes géométriques évoquant les tentacules du bot Octobot, a été développé. Ce design a ensuite été adapté aux spécificités de chaque support, tenant compte des dimensions, résolutions, et couleurs pouvant varier selon le type de support.
Création d’illustrations sur-mesure pour le site
Les illustrations principales
Après avoir défini la charte graphique en détail, nous avons créé des illustrations personnalisées pour le site, en accord avec les principes visuels établis. Ces illustrations jouent un rôle clé dans la communication des valeurs et des fonctionnalités d’Octobot. Parmi elles, deux illustrations principales ont été élaborées, chacune portant des messages spécifiques liés à l’identité d’Octobot et aux valeurs de l’entreprise.
Il était essentiel de « donner vie » à Octobot pour pouvoir le représenter dans différentes situations. Son design devait conserver les mêmes idées que pour le logo : mi-robot, mi-poulpe, rassurant et moderne. Nous avons intégré des couleurs spécifiques aux crypto-monnaies pour rappeler l’univers financier auquel Octobot est associé.
La première illustration a été conçue pour offrir aux utilisateurs une première impression d’Octobot. L’accent est mis sur son caractère multitâche avec ses tentacules. C’est d’ailleurs de cette façon qu’ils ont eu l’idée d’un robot-poulpe ! Les utilisateurs d’Octobot n’ont rien à faire : il s’occupe de tout. Enfin, des éléments liés au trading et aux profits, tels que des graphiques et des bitcoins, complètent l’image.
La seconde illustration incarne les valeurs d’Octobot, mettant en scène le robot entouré de personnages exprimant la confiance, la sérénité et le sentiment de communauté.
Création d’un « Kit« d’illustrations pour les Stratégies d’Investissement
L’entreprise propose un ensemble de stratégies de trading prêtes à l’emploi pour le bot. Elles sont réparties en plusieurs catégories, mais chacune est unique. Il était donc nécessaire de trouver un moyen flexible pour créer rapidement des images uniques pour chaque stratégie. De plus, il fallait s’assurer que les catégories soient facilement identifiables par les utilisateurs, tout en maintenant l’homogénéité des illustrations précédentes et du site.
La solution : créer des composants modulaires sur des calques indépendants, utilisables avec des logiciels gratuits connus de l’équipe, comme Gimp. J’ai également donné des conseils à l’équipe sur la manière de les combiner pour générer de nouvelles illustrations, renforçant ainsi leur autonomie créative.
Guillaume Minette-de-st-Martin et Paul Bouquet
Co-fondateurs d’Octobot
Paul