Zum Inhalt springen

Webdesign aus Hamburg.

Ein Auftritt, der Ihr Unternehmen verständlich zeigt.

Wir gestalten Websites, die zu Ihrem Unternehmen passen und Besuchern die Orientierung erleichtern. Ihre Leistungen sollen verständlich werden, wichtige Inhalte gut auffindbar sein und die Kontaktaufnahme einfach bleiben. Das gilt für den kompakten Unternehmensauftritt genauso wie für eine umfangreiche Website.

Dafür verbinden wir Struktur, Nutzerführung und Gestaltung. Gemeinsam legen wir fest, was neu entstehen soll und was sich weiterentwickeln lässt – von der gezielten Modernisierung bis zum vollständigen Relaunch.

Ausgangslage

Wenn die Website nicht mehr zur
Organisation passt.

Organisationen entwickeln sich weiter: Angebote verändern sich, neue Bereiche kommen hinzu und der Markenauftritt wird überarbeitet. Die Website bildet diese Entwicklung jedoch nicht immer mit ab. Während andere Medien bereits modernisiert wurden, wirkt der digitale Auftritt uneinheitlich oder nicht mehr zeitgemäß.

Über die Jahre entstehen unterschiedliche Farben, Layouts und Varianten derselben Elemente. Für neue Seiten müssen dadurch immer wieder gestalterische Entscheidungen getroffen werden. Das kostet Zeit und erschwert es der Redaktion, ein konsistentes Gesamtbild zu bewahren. Die Ursache liegt meist nicht bei den Inhalten oder den beteiligten Menschen, sondern in fehlenden Gestaltungsregeln und passenden Bausteinen.

Manchmal gibt es einen konkreten Anlass für die Neugestaltung: ein neues Corporate Design, eine Fusion oder ein erweitertes Angebot, das sich mit der bisherigen Struktur nicht mehr sinnvoll abbilden lässt.

Welche Veränderung erforderlich ist, hängt vom aktuellen System und Ihren Zielen ab. Manchmal genügt eine gezielte gestalterische Modernisierung. In anderen Fällen müssen Struktur, Nutzerführung und Erscheinungsbild grundlegend neu entwickelt werden. Welcher Weg zu Ihrer Website passt, klären wir gemeinsam.

Unsere Haltung

So viel Gestaltung wie nötig. So wenig Komplexität wie möglich.

Ein neues Erscheinungsbild allein löst nicht jedes Problem einer Website. Wenn Menschen wichtige Inhalte nicht finden oder eine Anfrage vorzeitig abbrechen, schauen wir uns deshalb auch Struktur, Nutzerführung und Texte an. So können wir beurteilen, ob eine gezielte Überarbeitung genügt oder eine umfassende Neugestaltung sinnvoll ist.

Daraus leiten wir drei Grundsätze ab:

  • Kein Neubau ohne nachvollziehbaren Grund: Wenn Struktur und Gestaltungskonzept weiterhin tragen, entwickeln wir sie gezielt weiter. Je nach Ausgangslage kann eine gestalterische Überarbeitung ausreichen.
  • Ein Designsystem im passenden Umfang: Jede Website benötigt klare Gestaltungsregeln. Wie ausführlich diese dokumentiert und technisch abgebildet werden, richtet sich nach der Zahl der Seitentypen, Redaktionen und digitalen Angebote. Für eine überschaubare Website kann ein kompakter Satz definierter Bausteine genügen.
  • Bewegung mit einer Funktion: Animationen setzen wir ein, wenn sie Orientierung geben, Zusammenhänge verdeutlichen oder eine Interaktion verständlicher machen. Bewegung ohne erkennbaren Nutzen lassen wir weg.

Gute Gestaltung stellt sich nicht in den Vordergrund. Sie schafft Orientierung, vermittelt den Charakter Ihrer Organisation und unterstützt Menschen dabei, relevante Inhalte und Funktionen zu finden.

Abwägung

Gestalterische Überarbeitung oder Relaunch?

Wir unterscheiden bei der Umsetzung zwischen verschiedenen Wegen und Aufwänden. Gerne besprechen wir das im ersten Gespräch direkt am Beispiel Ihrer Seite.

Merkmal Gestalterische Überarbeitung Relaunch
Was sich ändert Farbe, Typografie, Bildsprache, einzelne Bausteine Zielbild, Aufbau der Seitentypen und Gestaltung
Was bleibt Seitenstruktur und Navigation im Kern Nur, was sich in der Analyse als tragfähig zeigt
Passt, wenn Der Auftritt gealtert wirkt, aber im Alltag funktioniert Nutzer sich nicht zurechtfinden oder die Marke neu ist
Entwurfsphase Kurz, an bestehenden Seiten gezeigt Eigene Runde für Zielbild, Wireframes und Entwürfe
Aufwand für Ihr Haus Überschaubar, Inhalte bleiben weitgehend unangetastet Spürbar — Inhalte werden gesichtet und überarbeitet
Typischer Anlass Neues Corporate Design, frischere Anmutung Zusammenschluss, neues Angebot, gewachsener Wildwuchs
Schlecht geeignet, wenn Das Grundgerüst der Seite nicht mehr passt Nur die Anmutung stört und alles andere trägt

Was wir gestalten.

Die gestalterischen Grundlagen legen wir vor der technischen Umsetzung fest. Während der Entwicklung stimmen wir Details gemeinsam ab.

Wir beginnen mit einer gründlichen Bestandsaufnahme: Wo steht Ihre Seite heute, wie agieren Ihre Wettbewerber, was erwarten Ihre Nutzer und welche Anforderungen stellen die beteiligten Bereiche? Dabei betrachten wir auch die Informationsarchitektur und die Usability der bestehenden Seite. Bevor wir den ersten Entwurf skizzieren, definieren wir gemeinsam ein klares Zielbild: Was soll Ihre Website vermitteln, wen möchten Sie erreichen und woran würden Sie merken, dass es gelungen ist?

In Wireframes halten wir bei Bedarf fest, welche Inhalte auf eine Seite gehören und wie sie angeordnet werden. Für größere Projekte oder auf Anfrage entwickeln wir daraus einen klickbaren Prototyp. So lassen sich Aufbau und Nutzerführung vor der Umsetzung gemeinsam beurteilen. Welche Ergebnisse Sie benötigen, vereinbaren wir passend zum Projektumfang.

In der Regel arbeiten wir einen Entwurf für zwei bis vier Seiten aus, darunter die Startseite und ausgewählte Unterseiten. Sagt Ihnen die Gestaltungsrichtung grundsätzlich nicht zu, erstellen wir einen zweiten Entwurf. Sobald die Richtung passt, sind in der Regel ein bis zwei Korrekturrunden im Preis enthalten. Den konkreten Umfang halten wir im Angebot fest; weitere Runden stimmen wir vorher mit Ihnen ab.

Wir entwickeln einen abgestimmten Satz Bausteine: Typografie und Schriftgrößen, Farbrollen, Abstände und Raster, Kacheln, Formulare, Tabellen sowie Zustände wie Fokus, Fehler und Leerzustand. Ihre Redaktion kombiniert daraus neue Seiten, ohne jedes Mal gestalterisch entscheiden zu müssen.

Wir übertragen Ihr bestehendes Corporate Design in die digitale Welt. Ein klassisches Handbuch definiert meist nur Farben und Schriften für den Druck; zu Fokuszuständen, Fehlermeldungen oder Tabellen auf kleinen Bildschirmen sagt es selten etwas. Diese Lücke schließen wir und stimmen die Ergänzungen ab, auf Wunsch gemeinsam mit Ihrer Kreativagentur.

Texte, Bilder und Marke ergänzen. Auf Wunsch erstellen oder überarbeiten wir Ihre Website-Texte und beschaffen nach Vereinbarung passende Bilder. Fotoshootings sowie ein neues Logo oder Corporate Design können Sie ebenfalls bei uns anfragen. Welche Leistungen dazugehören, legen wir gemeinsam fest. Ein vorhandenes Logo oder Ihre bisherige Kreativagentur muss dafür nicht ersetzt werden.

Ein Entwurf ist für uns erst abgeschlossen, wenn er den Alltag abbildet: sehr lange Überschriften, fehlende Bilder, drei statt sechs Kacheln. Statt schöner Einzelbilder liefern wir ein System aus Bausteinen mit Zuständen und Regeln für die technische Umsetzung. Wie diese abläuft, beschreiben wir unter TYPO3 und Entwicklung.

Zusammenarbeit

So läuft ein Designprozess bei uns ab.

Vom ersten Termin bis zur Übergabe haben Sie feste Ansprechpartner, die Ihr Projekt kennen. Wir erläutern unsere Entwürfe und Empfehlungen, damit Sie Entscheidungen gut informiert treffen können. Die Ergebnisse jeder Etappe stimmen wir mit Ihnen ab und halten die Freigaben fest.

Verstehen

Zum Einstieg besprechen wir Ziele, Zielgruppen und den vorhandenen Auftritt. Bei größeren oder noch offenen Fragestellungen vereinbaren wir einen Workshop mit passendem Umfang. Auf dieser Grundlage entscheiden Sie mit uns über das Zielbild und darüber, ob eine gezielte Modernisierung genügt oder ein Relaunch ansteht.

Skizzieren

Je nach Projektumfang klären wir den Aufbau anhand von Wireframes, eines Prototyps oder direkt an den vorgesehenen Seitentypen. Struktur und Nutzerführung stimmen wir mit Ihnen ab, bevor die Gestaltung im Detail ausgearbeitet wird.

Gestalten

Entwürfe stimmen wir gebündelt mit Ihnen ab statt über unterschiedliche Einzelrückmeldungen, und die Freigabe erfolgt direkt am Bildschirm.

Ausbauen und übergeben

Aus den freigegebenen Entwürfen entsteht ein Baukasten mit klaren Regeln: welche Eigenschaften redaktionell gepflegt werden können und welche gestalterisch fest definiert bleiben. Diesen übergeben wir an die Entwicklung und bleiben während der Umsetzung ansprechbar, um gestalterische Details gemeinsam zu prüfen.

Ergebnis

Gestaltung, die den Alltag unterstützt.

Ihr digitaler Auftritt vermittelt konsistent, wofür Ihre Organisation steht. Eine nachvollziehbare Struktur und Nutzerführung helfen Besuchern dabei, sich zu orientieren und relevante Inhalte schneller zu finden.

Für neue Seiten greift Ihre Redaktion auf definierte Bausteine und Gestaltungsregeln zurück. Dadurch bleiben Typografie, Farben und Abstände konsistent, ohne dass jedes Mal neue gestalterische Entscheidungen getroffen werden müssen.

Wenn Angebote oder Anforderungen hinzukommen, lässt sich das System gezielt um neue Bausteine und Seitentypen ergänzen. Auf Wunsch begleiten wir auch die technische Umsetzung und die spätere Weiterentwicklung.

Was Sie am Ende in der Hand haben

Je nach vereinbartem Projektumfang gehören dazu:

  • Wireframes für die wichtigsten Seitentypen
  • einen klickbaren Prototyp, mit dem sich die Nutzerführung vorab beurteilen lässt
  • responsive Entwürfe für Desktop, Tablet und Smartphone
  • Komponenten mit ihren Zuständen, etwa Fokus, Fehler und Leerzustand
  • ein Designsystem oder einen kompakten Gestaltungsbaukasten, je nach Umfang Ihrer Website
  • die Übergabe an Entwicklung und Redaktion, inklusive der Regeln für neue Inhalte
Gestaltung, die den Alltag unterstützt.
Beleg

Wo Gestaltung die Marke stärkt.

Wir zeigen drei Beispiele, bei denen ein bestehendes Markenbild digital weiterentwickelt wurde, ohne seinen Kern zu verändern.

Die Homepage unseres Kinderheims wurde informativ, ansprechend und in einem guten Preis-Leistungsverhältnis erstellt. Auch Wartung und Aktualisierung funktioniert einwandfrei.

D. Kleber, Kinderheim Haus Regenbogen Braunschweig

Häufige Fragen

Was Kunden uns vor dem ersten Entwurf fragen.

Das klären wir in einer gemeinsamen Analyse. Wenn Besucher Inhalte nicht finden oder die Struktur den heutigen Aufgaben nicht mehr folgt, bringt eine optische Auffrischung wenig. Trägt der Aufbau dagegen noch und ist nur die Optik in die Jahre gekommen, kann eine gestalterische Überarbeitung ausreichen.

Wir arbeiten in der Regel einen Entwurf für zwei bis vier Seiten aus, darunter die Startseite und ausgewählte Unterseiten. Wenn Ihnen die Gestaltungsrichtung grundsätzlich nicht zusagt, erstellen wir einen zweiten Entwurf.

Sobald die Richtung passt, sind in der Regel ein bis zwei Korrekturrunden im Preis enthalten. Den konkreten Umfang vereinbaren wir im Angebot. Zusätzliche Korrekturrunden rechnen wir nach vorheriger Abstimmung nach Aufwand ab.

Sie entscheiden über die Gestaltung. Wir erläutern unsere Empfehlungen und prüfen gemeinsam mit Ihnen, wie die Entwürfe zu Ihrer Marke, Ihren Zielgruppen und den vereinbarten Zielen passen. Sind mehrere Abteilungen beteiligt, legen wir vorher fest, wer Rückmeldungen bündelt und die Freigabe erteilt. So können wir unterschiedliche Einschätzungen geordnet besprechen und auf abgestimmten Entscheidungen aufbauen.

Ja. Wir übersetzen Ihre Marke ins Digitale, statt sie zu verändern. Erfüllen etwa Farben aus einem Print-Handbuch die Kontrastanforderungen am Bildschirm nicht, finden wir eine Lösung, die im Rahmen der Marke bleibt. Solche Punkte bündeln wir und stimmen sie mit Ihnen oder Ihrer Kreativagentur ab.

Ein Designsystem ist ein geordneter Baukasten mit festen Regeln für Schriftgrößen, Farbrollen, Abstände und Elemente wie Kacheln oder Formulare. Ob Sie eines brauchen, hängt vom Zuschnitt Ihres Projekts ab. Für eine überschaubare Website mit einer Redaktion genügt oft ein kleinerer Bausteinsatz, und welcher Umfang zu Ihrem Fall passt, sagen wir Ihnen offen.

Genau dafür sind die Bausteine gedacht. Ihre Redaktion erhält eine übersichtliche Auswahl an Elementen statt einer leeren Fläche, und die Elemente sind so festgelegt, dass sich Abstände, Schriftgrößen und Farben nicht frei verstellen lassen. Dazu gehört eine Schulung an Ihrer eigenen Seite. Echte Sonderfälle setzen wir für Sie um; den redaktionellen Alltag bewältigt Ihr Team eigenständig.

Ja. Gestaltung und technische Umsetzung können bei uns eng aufeinander abgestimmt werden. Dadurch lassen sich offene Fragen direkt klären und gestalterische Details während der Entwicklung verlässlich prüfen. Wie wir Websites in TYPO3 entwickeln und was im Backend für Redaktionen entsteht, steht auf der Seite zu TYPO3 und Entwicklung. Betreibt eine hausinterne IT Ihr TYPO3, übernehmen wir die Gestaltung und übergeben sie so, dass Ihre Entwicklung direkt damit weiterarbeiten kann.

Konzeption und Webdesign gehören zu unserem Leistungsangebot – auch dann, wenn die technische Umsetzung nicht bei uns liegt. Eigene Entwicklung und laufende technische Betreuung übernehmen wir auf TYPO3.

Sprechen wir über Ihren neuen Auftritt.

Ob neue Website oder gezielte Überarbeitung: Im kostenlosen Erstgespräch besprechen wir Ihre Ziele und den passenden Umfang. Eine kurze Beschreibung reicht. Den Link zu einer bestehenden Website und vorhandene Gestaltungsvorgaben können Sie direkt mitschicken.