Website mit KI bauen: Unser Relaunch mit Claude Code und Codex

UNCANNY MINDS gab es als Marke schon. Unsere Website erzählte aber noch die alte Geschichte. Für den neuen Auftritt kamen Corporate Design, Website-Entwicklung, technische Anbindungen und Auffindbarkeit zusammen. Hier zeigen wir, wer welchen Teil übernommen hat und wie aus einem Entwurf Schritt für Schritt eine Website wurde.

Direkt zur Serienübersicht

Website-Relaunch bei neuem Markennamen: Vom KI Marketing Bootcamp zu UNCANNY MINDS

Auf unserer Website stand noch KI Marketing Bootcamp. Dabei war das längst nicht mehr alles, was wir machten. Neben den Weiterbildungen hatte sich das Studio entwickelt, dazu kam der Strategiebereich. Unser Angebot war gewachsen. Unser bisheriger Auftritt erzählte davon noch zu wenig.

Aus dieser Entwicklung entstand UNCANNY MINDS: eine Marke, unter der die verschiedenen Bereiche zusammenfinden konnten. Intern waren wir also schon einen Schritt weiter. Wer unsere Website besuchte, sah vor allem noch das Bootcamp.

Warum wir UNCANNY MINDS heißen

Der Name spielt auf das Uncanny Valley an. Vielleicht ist dir der Begriff schon im Zusammenhang mit künstlichen Gesichtern oder Avataren begegnet. Er beschreibt die Idee, dass etwas fast Menschliches besonders unheimlich wirken kann: Es sieht vertraut aus, aber kleine Abweichungen in Aussehen oder Bewegung irritieren. Dieses Absinken des Vertrautheitsgefühls ist das „Tal“ im Namen. Der Robotiker Masahiro Mori beschrieb das Konzept 1970. Sein Originalessay in autorisierter englischer Übersetzung erklärt den Gedanken dahinter.

Aus dem Uncanny Valley wurden bei uns die UNCANNY MINDS: die Köpfe dahinter, die mit KI arbeiten, ausprobieren und weiterdenken. Dieser Name war bereits da. Jetzt brauchte er einen sichtbaren Auftritt.

Vroni gab den Anstoß zum Website-Relaunch

Dass sich etwas ändern musste, war uns allen klar. Vroni nahm schließlich das Ruder in die Hand und machte den Website-Relaunch zum konkreten Projekt. Der neue Auftritt sollte zeigen, wie wir uns entwickelt hatten und was inzwischen alles zu uns gehörte.

Bevor wir auch nur eine Seite umbauten, brauchten wir ein Fundament: ein Corporate Design, das zur neuen Marke passt. Dafür holten wir Christian Schön ins Boot.

Website mit KI bauen: Die Serie in vier Teilen

Teil 1 von 4 Corporate Design

Wie Farben, Typografie und Riffelglas zu einer gemeinsamen Bildsprache werden.

Beitrag lesen →

Teil 2 von 4 Website-Entwicklung

Wie Kathi und Vroni mit KI einen durchklickbaren Website-Prototyp entwickeln.

Coming soon

Teil 3 von 4 Technische Basis

Wie aus dem Prototyp eine pflegbare Website wird. Mit Arturs Blick hinter die Kulissen.

Coming soon

Teil 4 von 4 Auffindbarkeit

Wie SEO, GEO und technische Grundlagen den neuen Auftritt auffindbar machen.

Coming soon

Wer die Website gebaut hat: Das Team hinter dem Relaunch

Sechs Menschen, unterschiedliche Schwerpunkte und viele gemeinsame Entscheidungen. Hier lernst du die Beteiligten kennen.

Kathi Kliem

Website-Gestaltung und Entwicklung. Hat gemeinsam mit Vroni die Website als HTML-Prototyp gestaltet, aufgebaut und intensiv weiterentwickelt. War außerdem in die Rücksprachen zum Corporate Design eingebunden.

Dr. Vroni Hackl

Website-Entwicklung und Designabstimmung. Hat gemeinsam mit Kathi die Website entwickelt und mit Christian, Georg und Kathi die Designentwicklung abgestimmt.

Christian Schön

Corporate Design. Hat Farbwelt, Logo, Typografie und die Bildsprache mit dem Riffelglas entwickelt. Seine Gedanken zu Designsystemen und KI prägen auch den Abschnitt über veränderte Rollen.

Artur Déchaud

Technische Basis und Anbindungen. Kam hinzu, als der Prototyp weitgehend fertig war. Sein Bereich: der Weg ins Web, Bilder und Videos, Anbindungen und Ladeverhalten.

Jörg Zimmer

SEO, GEO und Google. Arbeitete gemeinsam mit Artur und eigenständig an Auffindbarkeit, Texten, Keywords und der Google-Anbindung.

Georg Neumann

Begleitung und Designabstimmung. Als alter Hase im Website-Geschäft war es für Georg teilweise schwer, vom Seitenrand zuzuschauen; sein Kalender ließ es nicht zu! So ganz ließ er es sich aber auch nicht nehmen, selbst an der ein oder anderen Stelle Hand anzulegen.

Website-Relaunch mit KI: Was du für dein eigenes Projekt mitnehmen kannst

Genau diese Arbeit wollen wir mit dir teilen: die Entscheidungen, die Übergaben und die Stellen, an denen wir länger gebraucht haben als gedacht. Mit echten Beispielen aus unserem Projekt.

Wenn du selbst an einem neuen Auftritt arbeitest, halte eine wichtige Designentscheidung so fest, dass jemand anderes damit weiterarbeiten kann. Welche Regel braucht es dafür und woran erkennst du ein gutes Ergebnis?