Hotburo Case Study: Logo-Redesign für Raccoonline, eine dunkle Tech-Landingpage, UX der VPN-App und ein von Grund auf gestalteter Messenger für ein Privacy-Ökosystem.
Raccoonline ist ein dezentrales Ökosystem mit VPN, Dateispeicher und Messenger, in dem Privatsphäre eine der Kernideen ist. Wir haben mit Logo und Landingpage begonnen und uns nach und nach weiteren Produkten gewidmet.
- Kunde: Raccoonline, ein dezentrales Ökosystem für Privatsphäre
- Unsere Leistungen: Logo-Redesign, Landingpage, UX und Landingpage der VPN-App, Messenger von Grund auf gestaltet
- Branche: Web3, Privatsphäre, Sicherheit
Das Problem mit dem alten Logo
Das Waschbär-Zeichen war realistisch und sehr detailreich. Es funktionierte vor allem in Weiß und verlor in anderen Farben an Wiedererkennbarkeit. Für ein digitales Produkt ist das entscheidend: Ein Zeichen muss auf jedem Hintergrund, in jeder Farbe und in kleinen Größen lesbar sein.
Ein Pixel-Waschbär
Wir haben das Logo komplett überarbeitet – Bildzeichen und Wortmarke. Der Waschbär wurde grafisch und pixelig, mit einer einfacheren Form und ohne überflüssige Details. Auch die Wortmarke wurde aktualisiert, mit ähnlichem Charakter.
Der Pixel-Stil wurde zum Schlüsseldetail: Er passte zur Pixelschrift auf der Landingpage, sodass Zeichen und Typografie nun zusammenspielen.
Landingpage: dunkle Tech-Ästhetik
Die Landingpage basiert auf Schwarz mit blauen Akzenten, Glow-Effekten, geometrischen Formen und Tech-Grafiken. Eine Grotesk sorgt für Lesbarkeit; die Pixelschrift bringt Charakter und greift das Zeichen auf.
Der Waschbär wurde zu einer vollwertigen Figur: Das Raccoonline-Team hat sein Aussehen aktualisiert, und wir haben ihn im Design weiterentwickelt – er taucht in verschiedenen Blöcken auf und interagiert mit den Grafiken. Privatsphäre, Dezentralisierung und ein verteiltes Netzwerk stecken in der Komposition, den Lichteffekten und der Animation.
VPN-App und Messenger
Für das VPN haben wir die User Flows überprüft, Teile von UI und UX aktualisiert und eine Landingpage erstellt, die das Produkt erklärt. Den Messenger haben wir von Grund auf gestaltet: Struktur, zentrale Flows, Chat-Zustände und Interaktionen – in der visuellen Sprache, die mit der Landingpage etabliert wurde.
Das Ergebnis
Wir haben quer durch Raccoonline gearbeitet – vom Logo und der Landingpage bis zum VPN und einem neuen Messenger. Der Pixel-Waschbär, die Typografie, die dunklen Grafiken und die Tech-Details wurden zum gemeinsamen Fundament des gesamten Ökosystems.
FAQ
Warum tun sich realistische Logos im Digitalen schwer?
Feine Details gehen in kleinen Größen und auf farbigen Hintergründen verloren. Das vereinfachte Pixel-Zeichen von Raccoonline ist überall lesbar.
Wie hält man einen einheitlichen Stil über mehrere Produkte hinweg?
Gemeinsame Elemente – Zeichen, Schriften, Palette und Grafiken – werden an die Aufgaben jedes Produkts angepasst, von der Landingpage bis zum Messenger.
Sie möchten ein digitales Produkt rebranden? So gehen wir Markenidentität an.
Haben Sie eine ähnliche Aufgabe?
Erzählen Sie uns, was Sie brauchen – wir melden uns innerhalb eines Tages mit Preis und Zeitplan.
