Zum Inhalt springen

Website Design für Marken, die noch etwas vorhaben.

Struktur, Gestaltung und Texte, gebaut auf eurem Corporate Design. Vier Wochen für die Marke, vier für die Website, dann geht sie online.

Für die meisten ist eure Website die Marke.

Wer heute zum ersten Mal von euch hört, landet als Nächstes auf eurer Website. Kein Büro, kein Prospekt und kein Gespräch stehen daneben und erklären, was gemeint ist. Die Seite muss das allein können, und in den meisten Fällen bekommt sie dafür genau einen Anlauf.

Deshalb entwerfen wir sie nicht als Sammlung schöner Seiten, sondern aus eurem Corporate Design heraus. Farben, Schriftgrößen, Abstände und Bausteine stehen schon fest, bevor der erste Entwurf entsteht. Was ihr am Ende seht, ist eure Marke im Einsatz und nicht eine Auslegung davon.

Struktur, Gestaltung und Texte kommen dabei von denselben Leuten, die die Marke gebaut haben. Niemand muss ein Markenhandbuch interpretieren, weil die Entscheidungen aus demselben Sprint stammen wie die Seite. Die Website passt deshalb nicht ungefähr zur Marke, sondern genau.

Der Ablauf ist zweistufig: vier Wochen für die Marke, danach vier für die Website. Das geht, weil die Seite auf einem Designsystem aufsetzt, das ohnehin entsteht, und weil unsere eigenen Werkzeuge die Vorarbeit verdichten. Am Ende ist sie online und nicht in einer Präsentation.

Die Jardis Website auf einem Laptop, Ansicht „Everything in one place.“

Zwei Ansprüche, sechs Teile, eine Website. Sie muss nach euch aussehen und Menschen ans Ziel bringen.

  • Seitenplan

    Welche Seiten es gibt und in welcher Reihenfolge jemand sie liest. Der Plan entsteht im Workshop mit euch.

  • Designmodule

    Rund fünfzehn Bausteine, aus denen alle Seiten entstehen. Jeder einzelne kommt aus eurem Corporate Design.

  • Seiten

    Jede mit einer eigenen Aufgabe, statt einer langen Seite, die alles erzählt. Der Umfang steht vorher fest.

  • Ansichten

    Desktop, Tablet und Handy werden einzeln entworfen, nicht nur schmaler gerechnet. Jede Größe hat ihre Ordnung.

  • Texte

    Die Texte für alle Seiten schreiben wir mit, auf Grundlage eurer Strategie, Botschaften und Tonalität.

  • Livegang

    Wir stellen die Seite online, geprüft auf Ladezeit, Auffindbarkeit und Sichtbarkeit in KI-Antworten.

Vom Seitenplan bis zum Livegang.

Am Anfang steht keine Gestaltung, sondern ein Plan. In einem Workshop von höchstens vier Stunden legen wir fest, welche Seiten es gibt, in welcher Reihenfolge jemand sie liest und was auf jeder einzelnen passieren soll. Erst wenn das steht, wird entworfen.

Danach bauen wir Module statt Seiten. Aus rund fünfzehn Bausteinen entsteht ein kompletter Auftritt: Kopfbereiche, Textstrecken, Übersichten, Kundenstimmen, Abschlüsse. Jeder Baustein kommt aus eurem Designsystem, deshalb sieht die Seite nicht nur an einer Stelle nach euch aus, sondern überall.

Jede Seite entsteht in drei Ansichten: für den großen Bildschirm, fürs Tablet und fürs Handy. Das ist kein Schrumpfen des Entwurfs, sondern eine eigene Entscheidung pro Größe, weil auf dem Handy eine andere Reihenfolge trägt als am Schreibtisch.

Zum Schluss geht die Seite online, mit den Texten für alle Seiten und geprüft auf Ladezeit, Auffindbarkeit und Lesbarkeit für KI-Antworten. Wie es danach weitergeht, entscheidet ihr: Wir richten ein Redaktionssystem ein, wir zeigen euch im Workshop, wie ihr die Seite mit KI selbst erweitert, oder wir übernehmen die Pflege.

Ihr seid gerade auf einer Seite, die wir selbst gebaut haben. Was wir für andere bauen, seht ihr hier.

Wort-Bild-Marke Jardis® auf einem Verlauf von Grün nach Schwarz

Jardis®

2026Transform

Ein Produkt, das andere Produkte baut. Vom internen Werkzeug zur eigenen Marke.

Case Study
Wort-Bild-Marke Axon in Schwarz auf hellem Grund, dahinter der Burst aus Strahlen mit farbigen Punkten

Axon

2026Brand

Eine Marke, die aussah wie ihre Branche. Und jetzt aussieht wie niemand sonst.

Case Study

Die Website kommt bei uns zur Marke dazu. In beiden Programmen, zu einem Preis, der vorher feststeht.

  • Headgent® Transform

    Aus eurer Idee wird eine Marke und das Produkt. Von der Strategie bis zum Design, und ein Produkt, das live bei euch läuft.

    Investition

  • Headgent® Brand

    Eure Marke fehlt noch, oder sie passt nicht mehr zu dem, was ihr vorhabt. Headgent® entwickelt ein Markensystem, das für euch arbeitet.

    Investition mit Website

Was ihr zum Website Design wissen solltet.

RolfNik

Offene Fragen?

Gerne beantworten wir euch alle Fragen in einem persönlichen Gespräch.

Zusammen mit der Marke 13.000 Euro als Festpreis, davon entfallen 5.000 Euro auf die Website. Bezahlt wird zur Hälfte beim Start und zur Hälfte bei der Übergabe. Vier Wochen entsteht die Marke, vier Wochen danach die Seite, die sie zeigt.

Als Einzelprojekt bieten wir sie nicht an. Eine Website ist bei uns die Anwendung eines Markensystems, und ohne dieses System fängt jede Gestaltungsfrage wieder bei null an. Deshalb läuft sie als Add-on zu Headgent® Brand: die Marke und ihr sichtbarster Auftritt in einem Durchgang.

Wir bauen sie und schalten sie live. Die Seite entsteht im Code, KI-gestützt und ohne Baukasten, geprüft auf Ladezeit und Auffindbarkeit. Soll hinter dem Auftritt ein Produkt mit Nutzerkonten und Backend stehen, ist das kein Website-Projekt mehr, sondern Headgent® Build.

Wenn ihr eins wollt, ja. Wir richten dann Sanity ein, und ihr pflegt eure Texte selbst. Dazu zeigen wir euch in einem Workshop, wie ihr die Seite mit KI erweitert, ohne im Code zu arbeiten. Wollt ihr euch gar nicht kümmern, übernehmen wir die Pflege.

Im Festpreis sind bis zu zehn Seiten enthalten, gebaut aus etwa fünfzehn Modulen. Welche das sind, legen wir in einem Workshop von maximal vier Stunden fest. Braucht ihr mehr, rechnen wir den Aufschlag vorher aus, und ihr entscheidet, bevor wir anfangen.

Sie sieht dort anders aus und kann genauso viel. Jede Seite wird für den großen Bildschirm, fürs Tablet und fürs Handy einzeln entworfen, statt am Ende nur schmaler gerechnet zu werden. So steht auf jedem Gerät zuerst, worauf es ankommt.

Build what's next.

Erzählt uns von eurer Idee. Gemeinsam legen wir den richtigen Umfang, Zeitrahmen und das passende Team fest.

Projekt starten