ArtCraftKontrollierbare KI, groß in Szene gesetzt.
getartcraft.com ist die Website von ArtCraft, einem Open-Source-Studio für KI-Bilder und -Videos. Miki hat die Seite im ArtCraft-Team mitentwickelt, nicht als WebCreare-Auftrag, sondern als eigenes Projekt. Wir zeigen sie trotzdem hier, weil sie gut zeigt, wie wir an Websites herangehen: klare Struktur, starke Inszenierung und eine technische Basis, die mit dem Produkt mitwächst.
Vom ersten Entwurf bis live.In 32 Sekunden.
Die Herausforderung
Ein komplexes Produkt verständlich machen
ArtCraft verbindet 3D-Szenen, Compositing, Character Posing, Image-to-3D und eine ganze Reihe aktueller KI-Modelle. Die Website musste zeigen, was das konkret bedeutet, ohne Besucher mit Fachbegriffen zu erschlagen.
Eine Haltung, nicht nur Features
Open Source, kein Abo, kein Zwischenhändler zwischen Nutzer und Modell. Diese Haltung ist für viele der eigentliche Grund, ArtCraft zu nutzen, und musste genauso klar ankommen wie die Funktionen.
Eine Seite, die mit dem Produkt wächst
Neben ArtCraft selbst gibt es dreizehn weitere Craft-Apps, dazu Tutorials, News, FAQ und Seiten zu einzelnen KI-Modellen. Die Struktur musste so angelegt sein, dass neue Apps und Inhalte jederzeit dazukommen können.
Was wir eingesetzt haben.
Bei getartcraft.com ging es um Struktur, Gestaltung und Entwicklung einer Produktwebsite, die ein technisches Produkt für Künstler greifbar macht.
So sind wir vorgegangen.Schritt für Schritt.
Vom Feature-Katalog zur Geschichte
Statt alle Funktionen aufzulisten, erzählt die Startseite eine Abfolge: Was kann ArtCraft? Warum gehört die Software dir? Was baut die Community damit? Und wie fängst du an? Diese vier Kapitel, Features, Ownership, Community und Get Started, geben der Seite ihren roten Faden. Eine Navigation am rechten Rand zeigt beim Scrollen jederzeit, in welchem Kapitel man sich gerade befindet.
Dunkel, technisch, mit Werkstatt-Charakter
Die Gestaltung orientiert sich an der Welt, in der ArtCraft genutzt wird: kreative Software. Dunkle Flächen, ein feines Raster, Monospace-Beschriftungen und eine Skala am Bildrand erinnern an eine Arbeitsoberfläche. Schon der Einstieg setzt den Ton: Das ArtCraft-Logo baut sich beim Laden animiert auf, und um den Schriftzug kreisen echte Arbeiten, die mit ArtCraft entstanden sind. Die eigentliche Bühne gehört aber den Ergebnissen: Jede Funktion wird mit echten Bildern und Videos gezeigt, nicht mit abstrakten Icons.
Gebaut mit Next.js, gemacht zum Wachsen
Technisch basiert die Seite auf Next.js. Startseite, Download, Preise, die dreizehn App-Seiten, Tutorials, News und FAQ folgen einem gemeinsamen System. So bekommt jede neue Craft-App und jedes neue KI-Modell eine eigene Seite, ohne dass das Design jedes Mal neu erfunden werden muss. Und an jeder wichtigen Stelle führt der Weg direkt ins Produkt: Desktop-App herunterladen oder sofort im Browser starten.
Was wir aufgebaut haben.
Startseite als Produktgeschichte
In vier Kapiteln von den Funktionen über die Open-Source-Haltung und die Community bis zum Einstieg.
Feature-Showcase
Jede Kernfunktion, von Image to Location bis Character Posing, wird mit echten Bild- und Videobeispielen gezeigt.
Craft-Apps-Bereich
Eine Übersicht und eigene Seiten für dreizehn Open-Source-Apps, jeweils mit Entwicklungsstand und unterstützten Plattformen.
Content-Bereiche
Tutorials, News, FAQ, Press Kit und eigene Seiten für einzelne KI-Modelle.
Zwei Wege ins Produkt
Download für den Desktop oder direkter Start im Browser, präsent an allen wichtigen Stellen der Seite.
Was daraus entstanden ist.
Eine Produktwebsite, die ein technisch anspruchsvolles Open-Source-Projekt für Künstler zugänglich macht.
- Produktwebsite mit rund 40 Seiten
- Dreizehn App-Seiten in einem System
- Feature-Showcase mit echten Ergebnissen
- Erweiterbare Next.js-Basis
ErkenntnisseWas diesen Fall von anderen unterscheidet.
Bei technischen Produkten überzeugt nicht die Feature-Liste, sondern das Ergebnis. Echte Bilder und Videos erklären mehr als jede Beschreibung.
Eine Haltung kann genauso überzeugen wie eine Funktion. Open Source und kein Abo bekommen deshalb einen eigenen Abschnitt statt einer Fußnote.
Wer früh in Systemen denkt, kann später schnell wachsen. Neue Apps und Modelle bekommen ihre Seite, ohne dass die Website umgebaut werden muss.
Dein Produkt soll genauso gezeigt werden?
Wir bauen Websites, die komplexe Produkte verständlich machen. Erzähl uns von deinem.