Als wir thebranx.com in diesem September neu gebaut haben, war die wichtigste Entscheidung kein Feature. Es war die bewusste Entscheidung für ein einfacheres Design-System: ein Blau, eine Hauptschrift, keine Verläufe, keine Schatten. Ein einfaches System ist keine kleinere Marke. Es ist die Entscheidung, die jede Seite danach schneller baubar und leichter konsistent macht, und die dafür sorgt, dass die Marke unsere bleibt, auch wenn KI die komplizierte Version in Minuten produzieren kann.
Diese Case Study zum Website-Relaunch erklärt, warum eine kurze Liste von Regeln einer komplizierten Marke langfristig überlegen ist, wofür diese Regeln auf der neuen Website Platz geschaffen haben und was wir einem Founder raten würden, der seinen eigenen Relaunch plant.
Ein einfacheres Design-System zahlt sich lange nach dem Launch aus
Wir haben den Relaunch mit einer kurzen Liste von Regeln begonnen, nicht mit einem Moodboard. Verläufe und Schatten sind weg, jede Ecke ist eckig. Die Website nutzt ein Blau und eine Hauptschrift, und ein feines Raster zieht sich durch jede Seite. Der Gewinn kam später: Weniger Regeln bedeuteten schnellere Entscheidungen auf jeder neuen Seite, eine Website, die beim Wachsen konsistent bleibt, und mehr Zeit für die Details, die sie zu unserer machen.
Vor zwei Jahren sind wir den umgekehrten Weg gegangen. Unser Redesign von 2024 brachte einen metallischen Verlauf und ein fast komplett schwarzes Theme. Damals wirkte das hochwertig. Heute sind Verläufe und Glow das, was die meisten KI-Website-Builder standardmäßig produzieren. Sie verraten also niemandem mehr, wer die Website gemacht hat.
Das System so klein zu halten, ließ Zeit für Handwerk. Bewegung gibt es nur, wenn sie einen Grund hat, und es warten kleine Erlebnisse auf alle, die langsam genug sind, um sie zu finden.
Eine Startseite sollte funktionieren wie die Apps, die die Leute schon nutzen
Der Hero der Startseite funktioniert wie die Stories in den Apps, durch die die Leute jeden Tag scrollen. Jede Case Study läuft als kurze Story. Tipp rechts, um weiterzuspringen, links, um zurückzugehen, und in die Mitte, um direkt ins Projekt zu springen. Besucher sehen zuerst die neueste Arbeit, so wirkt die Website frisch, ohne jedes Quartal ein Redesign.
Wir hätten ein Karussell mit Pfeilen und Punkten bauen können. Wir haben uns für ein Muster entschieden, das Besucher schon kennen, damit es nichts zu lernen gibt, bevor die Arbeit zu laufen beginnt. Öffne die Startseite auf deinem Handy, um es zu sehen.
Eine Case Study sollte in der Welt des Kunden beginnen, nicht in unserem Template
Case Studies zeigen besser als jede andere Seite, wie wir arbeiten. Deshalb beginnt jede mit einem Cover, das für diese Marke programmiert wurde, mit eigenem Auftritt. Viele Cover reagieren auf dich. Beweg den Cursor über Featherless, und die 3D-Feder dreht sich, um ihm zu folgen. Klick und zieh bei Metricool, und du malst dein eigenes Band über den Bildschirm.
Ein gemeinsames Template wäre schneller gebaut und leichter zu pflegen gewesen. Wir haben uns für ein Cover pro Marke entschieden, weil eine Case Study das Nächste ist, was ein Besucher vor dem ersten Gespräch an Zusammenarbeit mit uns erlebt. Probier die Cover von Featherless und Metricool selbst aus.
Kapitel für Kapitel, damit sich eine lange Case Study wie eine kurze liest
Ein Scroll, und du bist mitten in der Geschichte: Konzept, Logo, Farbe, Typografie, Bildwelt und Launch. Filme und Animationen starten, sobald du sie erreichst. Die Seite bittet dich nie, auf Play zu drücken.
Scroll durch die Letsgo Case Study, um zu sehen, wie sich die Kapitel stapeln.
Ein Manifest, das du unterschreiben kannst, lässt sich schwerer ignorieren
Unser KI-Manifest nennt sieben Überzeugungen, und jede hat einen handgezeichneten Pixel-Sprite. Fahr mit dem Cursor über eine Zeile, und ihr Sprite erwacht, bis hinunter zum Pferd. Am Ende verwandeln sich Pixelwörter beim Scrollen, und mit einer Feder kannst du das Manifest selbst unterschreiben.
Die erste Überzeugung lautet: „Wir geben uns nicht mit 80 % zufrieden.“ KI bringt eine Marke schnell auf „gut genug“, und die letzten 20 % sind der Punkt, an dem Menschen entscheiden, ob sie ihr vertrauen. Ein Manifest, das nur auf einer Seite steht, liest sich wie eine Werteliste an einer Bürowand. Um eine Unterschrift zu bitten, macht aus dem Lesen ein kleines Bekenntnis.
Fahr über die Sprites und unterschreib das KI-Manifest.
Vertrauen entsteht durch Gesichter und Stimmen, nicht nur durch Logos
Die Über-uns-Seite beginnt mit dem Team, das über den Bildschirm schwebt, und jedes Foto wird farbig, sobald du darüberfährst. Zehn Experten arbeiten komplett inhouse. Die Menschen, die du in Calls triffst, sind also dieselben, die deine Marke bauen. Auf der Reviews-Seite leuchtet jedes Zitat Wort für Wort auf, während der Kunde spricht.
Unsere Kunden erzählen ihre Geschichte vor der Kamera. Drück Play bei einem Review, und das Zitat läuft mit, du kannst es also anschauen, lesen oder beides. „Marke ist eine Sache, die eine KI nur sehr schwer kopieren kann“, sagt Ankit Jain von Aviator. Wir könnten nicht mehr zustimmen.
Lern das Team auf der Über-uns-Seite kennen und schau dir die Video-Reviews an.
Ein Logo-Raster sollte Fragen ohne einen Klick beantworten
Fahr auf unserer Startup-Logos-Seite über ein Logo, und direkt im Raster öffnet sich mehr von der Identität dahinter. Kein Klick, keine neue Seite, die Seite bleibt ruhig. Fast 70 Startup-Logos, von KI und SaaS bis Fintech und F&E, liegen einen Blick entfernt.
Ein Logofolio ist eine Referenzseite. Die Leute kommen mit einer Frage wie „Haben die schon in meiner Branche gearbeitet?“ und gehen, sobald sie beantwortet ist. Entdecke die Startup-Logos-Seite.
Schnell ist ein Feature, auch mit Filmen auf jeder Seite
Filme und 3D-Cover auf jeder Seite bedeuten normalerweise eine langsame Website. Auf dem Handy erreicht die neue thebranx.com 97 bei Performance und 100 bei Barrierefreiheit, Best Practices und SEO in Google PageSpeed Insights. Bei den neuen Checks für agentisches Browsen sind es 3/3. Der Trick ist Zurückhaltung beim Laden: Jeder Film wartet, bis du ihn gleich siehst.
Bilder werden genau in der Größe ausgeliefert, die dein Bildschirm braucht, und nichts springt, während die Seite lädt. Wir erwarten, dass mehr erste Besuche von KI-Agenten kommen, die im Auftrag eines Käufers lesen. Eine Website, die diese Agenten verstehen können, ist Teil der Marke.
Was diese Case Study zum Website-Relaunch für dein Startup bedeutet
Deine Marke läuft wahrscheinlich noch auf Entscheidungen von vor zwei Finanzierungsrunden. Ein Relaunch ist der Moment für neue: was bleibt und was geht. Dann schreib die schwierigere Liste, die Dinge, die deine Marke nie tun sollte, bevor jemand Figma öffnet oder einen Website-Builder promptet.
Fang mit Regeln an, die sich prüfen lassen. „Ein Blau“ ist eine Regel, der dein Designer und deine KI-Tools folgen können. „Modern und mutig“ ist keine. Den Prozess Schritt für Schritt findest du in unserem Guide zum Relaunch von Tech-Websites.
Ist dein Unternehmen seiner Marke entwachsen? Triff neue Entscheidungen mit einer Startup-Branding-Agentur, die Marke und Website zusammen baut, oder buch ein Gespräch mit Ines.
FAQ
Was hat sich beim Relaunch von thebranx.com geändert?
Wir haben die gesamte Website im September 2026 um eine kurze Liste von Designregeln herum neu gebaut: keine Verläufe, keine Schatten, eckige Ecken, ein Blau und eine Hauptschrift auf einem feinen Raster. Neu sind eine Startseite im Story-Format, ein eigenes Cover für jede Case Study, ein KI-Manifest zum Unterschreiben, Video-Reviews zum Mitlesen und ein Logo-Raster, das du per Hover erkundest.
Warum hat The Branx Verläufe und Schatten von seiner Website entfernt?
Die meisten KI-Website-Builder produzieren sie standardmäßig, sie sagen also nicht mehr, wer eine Website gemacht hat. Ohne sie muss sich jede Seite auf Layout und Typografie verlassen. Außerdem blieb das Design-System klein, was mehr Zeit für Handwerk in den Details ließ.
Kann eine minimalistische Website trotzdem interaktiv sein?
Ja. Minimalistisches Webdesign begrenzt das visuelle System, nicht das Erlebnis. Unsere Website nutzt ein Blau und eine Hauptschrift, und trotzdem reagieren Case-Study-Cover auf den Cursor, Manifest-Sprites bewegen sich beim Darüberfahren und Video-Reviews leuchten Wort für Wort auf. Die Zurückhaltung ist es, die diese Momente hervorstechen lässt.
Warum ist Branding für KI-Startups wichtig, wenn jeder eine Website bauen kann?
Wenn ein Modell in Minuten eine ordentliche Website produzieren kann, ist eine ordentliche Website kein Signal mehr. Käufer und Investoren suchen nach den Entscheidungen, die ein Modell von sich aus nicht treffen würde. Wie Ankit Jain von Aviator in seinem Review sagte: Marke ist für eine KI sehr schwer zu kopieren. Sieh dir die KI-Marken an, die wir gebaut haben.
Beeinflusst eine starke Marke die Bewertung eines Unternehmens?
Brand Finance berichtete im April 2026, dass B2B-Unternehmen mit stärkeren Marken mit einem Aufschlag von 65 % beim Forward-KGV gegenüber schwächeren Wettbewerbern gehandelt werden. Die Daten stammen von großen Unternehmen aus dem Most-Valuable-Brands-Datensatz und zeigen einen Zusammenhang, keinen Beweis für eine Ursache. Nimm es als Richtung für Startups, nicht als Prognose.
Sollte ein Startup seine Website vor oder nach einer Finanzierungsrunde neu gestalten?
Davor, wenn du kannst. Eine Untersuchung von John Dawes vom Ehrenberg-Bass Institute für das LinkedIn B2B Institute legt nahe, dass zu einem bestimmten Zeitpunkt nur etwa 5 % der B2B-Käufer am Markt sind. Die anderen 95 % kaufen später, und die Marke, an die sie sich von heute erinnern, bestimmt, wen sie anrufen, wenn sie so weit sind.
Was kostet ein Website-Relaunch?
Das hängt vom Umfang ab. Eine Landingpage und eine Website mit zehn Seiten und CMS sind sehr unterschiedliche Projekte. Auf unserer Preisseite stellst du dir in wenigen Klicks ein Paket zusammen und siehst eine grobe Schätzung, und unser Guide zu den Kosten von Startup-Branding schlüsselt typische Spannen auf.
Was sollte die Website eines KI-Startups zuerst zeigen?
Zeig das Produkt oder den Beweis, keine Liste von Features. Auf unserer Startseite läuft die neueste Case Study zuerst, und KI-Kunden wie Featherless beginnen mit einem Cover, das auf den Cursor reagiert. Stöbere in weiteren KI-Projekten, um zu sehen, wie andere KI-Startups ihre Geschichte eröffnen.
