Neben der Erstellung von Startup-Marken und Websites müssen wir auch gelegentlich Zeit für unsere eigenen Bedürfnisse einplanen. Deshalb haben wir kürzlich unsere Website mit einem neuen Look und Feel gelauncht, die sich auf Inhalte und Interaktionen konzentriert. Tritt hinter den Vorhang und entdecke unser neues Branding.
Jede Branding-Entscheidung hat einen Grund
Warum haben wir uns eigentlich für ein Rebranding entschieden? Zunächst ist unser Rebranding das Ergebnis einer Überarbeitung der Website. Wir hielten es für notwendig, unser Web so zu verbessern, dass der Nutzer sich voll und ganz auf die Inhalte konzentrieren kann, während er einen reibungslosen und fesselnden Fluss erlebt, der von subtilen Interaktionen geleitet wird. Was von Anfang an klar war, war das Konzept für das Rebranding unseres Webs:
Content first, interactivity first.
Der Fokus unserer Branding-Bemühungen musste sich also um Interaktivität und Nutzerzentriertheit drehen. Es war klar, dass Name, Logo und Layout nicht verändert werden würden; Messaging, Typografie, Bildsprache und Farben würden keine gravierenden Änderungen erfahren; und Animationen würden mehr Aufmerksamkeit erhalten. Am wichtigsten war, dass Interaktivität als neuer Pfeiler unseres Webs eingeführt werden würde.
Da jeder Branding-Schritt einen Grund hat, betont CEO Jesus Coto die Bedeutung der Entscheidung:
„Als führende Branding-Agentur haben wir ein gutes Gespür dafür, wann eine Marke von einem Refresh profitieren könnte. Kürzlich haben wir einige subtile, aber wirkungsvolle Änderungen am Branding von The Branx vorgenommen. Während unsere Kernbotschaften und die meisten unserer Branding-Elemente größtenteils gleich bleiben, sind diese Modifikationen darauf ausgelegt, die Stellung von The Branx weiter zu erhöhen. Unser Ziel ist es, unsere Position als führende kreative & Branding-Agentur für Tech-Startups zu stärken.“
In einer Branche, in der viele Agenturen ähnliche Wertversprechen wiederholen, zielt unsere revitalisierte Marke darauf ab, unsere Führungsposition zu behaupten.
„Wir konzentrieren uns darauf, unsere Qualität und Effizienz zu steigern, anstatt im Preis zu konkurrieren. Darüber hinaus ist es ein guter Weg, um unseren 5. Geburtstag zu feiern, ich denke, das ist Grund genug.“
Abkehr von unseren Ursprüngen
Wie Jesus erwähnte, haben unsere vier Mitgründer vor 5 Jahren im März 2019 die Unterlagen beim Notar unterschrieben. „The Branx“ wurde geboren. Aber woher kommt unser Name?
Ines Haitzinger, Mitgründerin und Marketing-Leiterin, erklärt:
The Branx ist das Ergebnis von „Brand“ und „Experience“.
„Es verbindet sich mit unserer Mission, einzigartige, transformative Markenerlebnisse für Startups zu schaffen. Das 'x' in 'Branx' steht nicht nur für den Schnittpunkt, an dem Branding und Experience aufeinandertreffen, sondern verleiht dem Namen auch eine moderne, edgy Note, die ihn einprägsam und ansprechend für die innovativen Startups macht, die wir ansprechen. Der bestimmte Artikel 'the' verleiht unserem Namen ein heroisches Bild und durchdringt ihn mit Vertrauen und Zuversicht.“
Ein holpriger Rebranding-Weg
Der gesamte Rebranding-Prozess war ein holpriger Weg, wie Jesus betont:
„Es wird oft gesagt, dass die Kinder des Schuhmachers keine Schuhe haben, ein Gefühl, das für uns wahr ist, während wir uns auf die Reise des Rebrandings begeben. Typischerweise wird unsere Expertise von externen Unternehmen genutzt, aber dieses Mal fanden wir uns in der einzigartigen Position, sowohl der Kunde als auch der Dienstleister zu sein. Diese Situation war eine eindringliche Erinnerung an die Bedeutung der Perspektive, da wir einen Schritt zurücktreten und unsere Marke aus der Sicht eines Außenstehenden betrachten mussten. Der Prozess, das Briefing festzulegen, war herausfordernd, da wir die Grenzen unserer eigenen Kreativität definieren mussten.”
Während Kreativität oft als grenzenlos angesehen wird, bestand in diesem Fall die Herausforderung darin, unsere eigenen Grenzen zu bestimmen und innerhalb dieser Grenzen zu arbeiten, um eine Marke zu schaffen, die uns wirklich repräsentiert.
Kreativität ist kein geradliniger Prozess, und das war unser neues Branding auch nicht. Es war ein ständiges Hin und Her, während wir versuchten, unsere visuelle Identität zu aktualisieren, ohne zu sehr von unseren Wurzeln abzuweichen. Und das ist das Ergebnis.
Der neue Look und Feel unserer Website
Während die Seiten- und CMS-Struktur unserer Website unverändert blieb, warteten eine Reihe von Designmodifikationen darauf, in Webflow übersetzt zu werden. Dies umfasste Anpassungen an Farben und Schriftarten, die Entfernung veralteter Abschnitte und die Einbeziehung neuer Elemente, alles basierend auf dem Konzept „Content first, interactions first“. Auf unserer überarbeiteten Website begegnen Nutzer subtilen, aber fesselnden Interaktionen und Animationen.
Kreative Details, maximierte Nutzererfahrung
Sanftes Scrollen
Wenn Nutzer auf unserer neuen Homepage landen, werden sie ein nahtloses Erscheinen der Hauptüberschrift ganz oben auf der Seite bemerken. Auf der Website werden Textelemente und Fallstudienkarten synchron mit dem Scrollen des Nutzers animiert, was eine visuell ansprechende und kohärente Reise durch unsere Inhalte schafft.
Fesselndes Einführungsvideo
Während die Nutzer nach unten scrollen, werden sie mit einer fesselnden Vorschau auf unser Startup Branding Reel begrüßt, das fast den gesamten Bildschirm ausfüllt. Dieses Feature gibt einen Einblick in unsere aktuellen Projekte und ermutigt die Besucher, weiter zu erkunden.
Magnetische Buttons
Innerhalb des Startup Branding Reels ist der Call-to-Action (CTA)-Button animiert. Der aufmerksamkeitsstarke bewegte Farbverlauf des Buttons, kombiniert mit seiner Fähigkeit, der Maus des Nutzers innerhalb des Video-Rahmens zu folgen, fügt ein interaktives und dynamisches Element hinzu, das die Nutzerinteraktion fördert.
Mouseover-Effekte für Texte
Auf unserer Website haben wir Mouseover-Effekte für Texte implementiert, um das Engagement zu erhöhen. Wenn Nutzer über bestimmte Textelemente, wie Links zu anderen Seiten, fahren, fügen subtile Farbänderungen Dynamik hinzu und lenken die Aufmerksamkeit auf wichtige Bereiche, was die gesamte Nutzererfahrung verbessert.
Ansprechende, aber nicht überwältigende Animationen
Wir haben subtile Animationen auf den Karten mit unseren Fallstudien integriert. Diese Animationen verleihen unseren Projekten greifbares Leben und machen sie visuell ansprechend, ohne den Fluss der Nutzerreise durch die Website zu stören.
Verbesserte, aber gebrandete Navigation
Einfache Navigation ist ein Schlüsselaspekt des Designs einer Website. Das Mega-Menü bietet ein vollflächiges Dropdown der Navigationsleiste, das es den Nutzern ermöglicht, unsere Dienstleistungen leicht zu entdecken, ohne die Seite verlassen zu müssen. Durch die Präsentation gebrandeter Illustrationen neben den Dienstleistungsnamen verstärken wir auch unsere Markenidentität und schaffen ein kohärentes und immersives Surferlebnis.
Vom Scrollen zum Vertrauen
Angeblich, wenn Nutzer das Ende der Homepage erreichen, sind sie offen dafür, mehr über The Branx zu erfahren. Deshalb haben wir ein zusätzliches Element integriert, das Vertrauen schafft: Wenn man am Ende der Homepage weiter scrollt, erscheint ein interaktiver Footer, der sowohl auf Desktop- als auch auf Mobilgeräten zugänglich ist. Dieser Footer zeigt prominent unsere Auszeichnungen und Anerkennungen an, bietet Links zu den jeweiligen Quellen, wie Clutch, und leitet die Nutzer dazu, weiter auf unserer speziellen Seite für Auszeichnungen und Anerkennungen zu erkunden.
Typografie, Farben und Bildsprache: Anpassungen für optimalen Einfluss
Das Web als Endprodukt ist das Ergebnis von Iterationen zu Farben, Schriftarten und dem gesamten Bildstil. All diese Elemente kommen zusammen, um das Web-Erlebnis zu schaffen, das wir gesucht haben.
Einführung von Safiro, unserer neuen Schriftart
Safiro ist eine einzigartige Sans-Serif-Schrift, die von der Foundry-Studio Atipo maßgeschneidert wurde. Vielseitig in ihren Stilen, strahlt sie eine professionelle, technikaffine Aura aus, die sich über alle unsere Markenberührungspunkte erstreckt. So konnten wir unseren Einsatz von Schriftarten von zwei auf eine reduzieren, was sich positiv auf die Ladezeit unseres Webs auswirkt.
Nicht alles ist schwarz und weiß, aber wir (meistens) bevorzugen schwarz
Mit unserer neuen Farbpalette haben wir zwei wesentliche Änderungen eingeführt: Jetzt wird Schwarz überwiegend verwendet, um ein hochwertigeres Flair zu kommunizieren. Außerdem haben wir uns von unseren vorherigen Farben entfernt und einen metallischen Farbverlauf erreicht, der Solidität und Wachstum repräsentiert und den zeitgenössischen Branding-Trends der Branche entspricht.
Ein KI-Kamel als Markenvisual
Während wir überwiegend unsere Branding-Projekte für Präsentationen und Kommunikation präsentieren, haben wir einen sorgfältigen Ansatz zur Erstellung von Header-Bildern für Blogbeiträge verfolgt. Mithilfe von KI sind diese Bilder einzigartig auf den Inhalt jedes Artikels in abstrakter Weise zugeschnitten, sodass jedes Stück seinen eigenen, unverwechselbaren Ton hat.
Abschließende Gedanken
Nach einer Reise, die sich endlos anfühlte, haben wir schließlich ein Ergebnis erzielt, das unseren Erwartungen und Anforderungen entspricht. Es ging darum, einen Kompromiss zwischen dem Aufstieg, dem Festhalten an unseren Wurzeln und der optimalen Nutzung von Zeit und Ressourcen zu finden.
Jesus weist darauf hin, was er an unserem neuen Look und Feel am meisten schätzt:
„Was ich am meisten schätze, ist unser Wechsel zu einem komplett schwarzen Thema, das uns eine anspruchsvollere und hochwertigere Aura verleiht, wenn nötig. Aber wie wir oft betonen, geht es beim Branding nicht um ein einzelnes Element, sondern um eine Symphonie verschiedener Komponenten, die harmonisch zusammenarbeiten. Daher muss ich sagen, dass ich das Gesamtambiente und den Eindruck, den unser neuer Look und Feel erzeugt, wirklich bewundere.”
Wir sind also stolz darauf, die großartigen Ergebnisse mit dir teilen zu können. Hoffentlich gefällt dir unser neuer Look und Feel genauso gut wie uns. Bleib dran für weitere Startup Branding Insights.