Étude de cas Hotburo : refonte du logo de Raccoonline, landing page tech sombre, UX de l’application VPN et messagerie conçue de A à Z pour un écosystème dédié à la confidentialité.
Raccoonline est un écosystème décentralisé réunissant un VPN, un stockage de fichiers et une messagerie, dont la confidentialité est l’une des idées fondatrices. Nous avons commencé par le logo et la landing page, puis nous sommes progressivement passés aux autres produits.
- Client : Raccoonline, un écosystème décentralisé dédié à la confidentialité
- Ce que nous avons fait : refonte du logo, landing page, UX et landing page de l’application VPN, messagerie conçue de zéro
- Secteur : Web3, confidentialité, sécurité
Le problème de l’ancien logo
Le symbole du raton laveur était réaliste et très détaillé. Il fonctionnait surtout en blanc et perdait en reconnaissance dans d’autres couleurs. Pour un produit numérique, c’est critique : un symbole doit rester lisible sur n’importe quel fond, dans n’importe quelle couleur et en petite taille.
Un raton laveur en pixels
Nous avons entièrement retravaillé le logo — le symbole comme le logotype. Le raton laveur est devenu graphique et pixelisé, avec une forme plus simple et sans détails superflus. Le logotype a lui aussi été mis à jour, en conservant un caractère proche.
Le style pixel est devenu un détail clé : il faisait écho à la police pixel de la landing page, si bien que le symbole et la typographie se sont mis à fonctionner ensemble.
Landing page : une esthétique tech sombre
La landing page repose sur un fond noir avec des accents bleus, des halos lumineux, des formes géométriques et des graphismes tech. Une linéale garantit la lisibilité ; la police pixel apporte du caractère et rappelle le symbole.
Le raton laveur est devenu un personnage à part entière : l’équipe Raccoonline a actualisé son apparence et nous l’avons développé dans le design — il apparaît dans différents blocs et interagit avec les graphismes. Confidentialité, décentralisation et réseau distribué se traduisent dans la composition, les effets de lumière et l’animation.
Application VPN et messagerie
Pour le VPN, nous avons revu les parcours utilisateurs, mis à jour une partie de l’UI et de l’UX et créé une landing page qui explique le produit. La messagerie, nous l’avons conçue de zéro : structure, parcours principaux, états des conversations et interactions — dans le langage visuel établi sur la landing page.
Le résultat
Nous avons travaillé sur l’ensemble de Raccoonline — du logo et de la landing page jusqu’au VPN et à une nouvelle messagerie. Le raton laveur en pixels, la typographie, les graphismes sombres et les détails tech sont devenus le socle commun de tout l’écosystème.
FAQ
Pourquoi les logos réalistes ont-ils du mal dans le numérique ?
Les détails fins se perdent en petite taille et sur des fonds colorés. Le symbole pixel simplifié de Raccoonline reste lisible partout.
Comment garder un style unique sur plusieurs produits ?
Des éléments partagés — symbole, typographies, palette et graphismes — s’adaptent aux besoins de chaque produit, de la landing page à la messagerie.
Besoin de refondre l’image d’un produit numérique ? Découvrez notre approche de l’identité de marque.
Un projet similaire ?
Dites-nous ce dont vous avez besoin — nous revenons vers vous avec un prix et un délai dans la journée.
