BlueBee
Herausforderung
BlueBee ist eine Agentur für B2B-Marketing und Branding, die jahrelang vor allem über Empfehlungen und Stammkunden gewachsen ist. Die neue Strategie sah vor, das Erscheinungsbild aufzufrischen und Kunden außerhalb dieses Kreises zu gewinnen: Unternehmen, die ein Angebot auf den Markt bringen oder in ein neues Segment einsteigen und Unterstützung beim Go-to-Market brauchen.
Die bisherige Marke hat das nicht getragen. Das Logo entstand vor vielen Jahren und hatte an Aktualität verloren. Die Website war mit Inhalten überladen: auf dem Smartphone rund 30 Bildschirme, allein der Leistungsbereich über 7.000 px lang. Details zum Angebot verteilten sich auf eigene Unterseiten, die kaum jemand erreichte. Einige davon waren abgeschaltet, sodass 16 Links „Mehr über…“ im Kontaktformular endeten. Ein Verlauf von Blau zu Fuchsia und rund 1 MB render-blockierendes CSS passten nicht zu einer Agentur, die die Sprache des Konkreten sprechen soll.
Was wir gemacht haben
Wir haben mit einem UI/UX-Audit und einer Design Critique begonnen. Wir haben jeden Bereich vermessen, die Probleme nach Priorität geordnet und mit fünf Referenzen aus dem Markt verglichen. Daraus entstanden ein Moodboard und eine Richtung: „ingenieurhafte Präzision, die Wärme eines Gesprächs“.
Das neue Zeichen ist eine Biene in einer einzigen Linie, die zugleich eine Sprechblase ist. Sie steht für einen Partner, der mit einem Gespräch beginnt und nicht mit einem fertigen Paket. Ein leichterer, startup-artiger Charakter und ein einziges Blau, #2257DF, sollen Unternehmen in der Go-to-Market-Phase ansprechen. Auf dem Zeichen baut das ganze System auf: das warme Schwarz der Wortmarke, Raster aus feinen Linien statt Karten, die Schrift Geist mit einer Mono für Labels und einem einzigen Akzent in Instrument Serif.
Die Texte der Startseite haben wir unverändert gelassen und ihre Form neu aufgebaut. Aus 16 Leistungskarten wurde ein Index in 4 Gruppen, aus dem Karussell eine statische Abfolge. Den Prozess führt die Fluglinie der Biene. Dazu kamen 16 Leistungsseiten und eine gut lesbare Vorlage für Rechtstexte. Gebaut haben wir die Website als statische Seite in einem AI Design Workflow, vom Audit bis zum Code.
Ergebnis
BlueBee hat eine stimmige Marke, die wie ein strategischer Partner wirkt und nicht wie die nächste Agentur mit Farbverlauf. Jeder der 16 Links „Mehr über…“ führt jetzt zu einer Leistungsseite, und jede Leistung ist zwei Klicks entfernt: vom Menü zum Index und vom Index zur Seite. Auf dem Smartphone schrumpfte die Website von rund 30 auf 20 Bildschirme, der Leistungsbereich von über 7.000 auf rund 1.300 px. Das render-blockierende CSS sank von rund 1 MB auf rund 40 KB, so lädt der erste Bildschirm schneller, besonders auf dem Smartphone.
