Design, das Ihre Marke ins Web überträgt

Wir gestalten Websites, die Ihre Markenwerte sichtbar machen und im Alltag funktionieren. Für Menschen, die auf Ihrer Seite landen. Und für das Team, das sie pflegt.

Großer Monitor mit mehreren geöffneten Design-Oberflächen.
Ein Drupal-Logo wird von einem Pinsel gemalt

Wir entwickeln für und mit Drupal. Das Content-Management-Framework bietet erstklassige Voraussetzungen für die Implementierung komplexer Web-Designs, welche auf Barrierefreiheit und Erweiterbarkeit ausgelegt sind.

Design ist mehr als Dekoration. 

Es entscheidet darüber, ob Ihre Besucher:innen Ihnen vertrauen. Ob sie verstehen, wofür Sie stehen. Und ob sie tun, was Sie sich von ihnen wünschen.

Gleichzeitig muss gutes Design auch nach innen funktionieren: Ihr Redaktionsteam soll Inhalte eigenständig pflegen können, ohne dass die Seite dabei auseinanderfällt.

Wir gestalten Websites für Drupal. Das bedeutet: Jeder Entwurf wird von Anfang an so angelegt, dass er sich technisch sauber umsetzen lässt und im Alltag bestehen bleibt.

Passt das zu Ihrem Vorhaben?

Erkennen Sie sich in einer dieser Situationen wieder?

  • Ihre Website sieht veraltet aus und spiegelt nicht mehr wider, wie Ihr Unternehmen heute auftritt.
  • Sie planen einen Web-Relaunch und brauchen ein Designteam, das Drupal versteht und Ihre Marke in die digitale Welt übersetzen kann.
  • Sie wollen kein komplett neues Design, aber gezielte Eingriffe, die spürbar etwas verändern.
  • Ihr bestehendes Design funktioniert, aber die Redaktion kämpft mit unflexiblen Templates und kann Inhalte nicht so anlegen, wie sie es bräuchte.

Der Weg zu guten Designs

Phasen eines guten und durchdachten Webdesigns

Discovery: Den Rahmen klären

Bevor wir gestalten, klären wir, was Ihre Website leisten soll. Gemeinsam mit Ihnen und den relevanten Stakeholdern erarbeiten wir, welche Ziele die Website verfolgt, wer sie nutzt und was diese Menschen dort erreichen wollen.

Daraus entsteht ein gemeinsames Bild, an dem sich alle weiteren Entscheidungen messen lassen.

Bei Bedarf vertiefen wir diesen Schritt mit Nutzeranalysen oder Persona-Workshops. Das ist kein Pflichtprogramm, sondern eine Option, wenn die Ausgangslage komplex ist oder intern unterschiedliche Vorstellungen bestehen.

Was Sie davon haben: Klarheit über Richtung und Prioritäten, bevor Gestaltungsaufwand entsteht. Und ein dokumentiertes Ergebnis, das Sie intern weitergeben können.

Wireframing: Struktur vor Farbe

Wireframes legen fest, wie Seiten aufgebaut sind, welche Inhaltsblöcke es gibt und wie Nutzer:innen durch die Website geführt werden. Farben und Bilder spielen hier noch keine Rolle.

Das hat einen praktischen Grund: Über Struktur lässt sich sachlicher diskutieren als über Geschmack. Wireframes machen sichtbar, ob die Seitenlogik stimmt, bevor gestalterische Details zum Einsatz kommen.

Was Sie davon haben: Sie sehen früh, ob der Seitenaufbau zu Ihren Inhalten passt. Änderungen sind in dieser Phase schnell gemacht.

Visuelles Konzept: Ihre Marke auf dem Bildschirm

Hier wird sichtbar, wie Ihre Website aussehen und sich anfühlen wird. Wir übersetzen Ihre Markenidentität in ein konsistentes digitales Design-System, das auf dem Bildschirm funktioniert. Falls Ihr Corporate Design nicht alle digitalen Anwendungsfälle abdeckt, leiten wir die fehlenden Vorgaben aus dem Vorhandenen ab.

Wir arbeiten dabei mit Moodboards und Entwürfen, die wir Ihnen früh zeigen. So können Sie die gestalterische Richtung beurteilen, bevor wir ins Detail gehen.

Was Sie davon haben: Sie erkennen Ihre Marke auf dem Bildschirm wieder. Besucher:innen erkennen sofort, wer Sie sind und nehmen Sie als professionell wahr.

UI-Design: Jede Seite, jeder Zustand

Auf Basis des visuellen Konzepts gestalten wir alle relevanten Seitentypen und Zustände in Form von detaillierten MockUps: Startseite, Inhaltsseiten, Formulare, mobile Ansichten, Hinweise. Ein Design, das Ihre Marke trägt und sich direkt in Drupal umsetzen lässt.

Wir dokumentieren die Gestaltung in einem System aus wiederverwendbaren Komponenten. Ihr Redaktionsteam kann damit neue Seiten anlegen, die automatisch ins Gesamtbild passen.

Was Sie davon haben: ein durchgängiges Erscheinungsbild, das auch bei wachsenden Inhalten konsistent bleibt.

Das Schulterblick-Prinzip

Wir gestalten nicht hinter verschlossenen Türen. An jedem Punkt, an dem eine Richtungsentscheidung ansteht, bekommen Sie Zwischenstände zu sehen. Wir nennen das intern „Schulterblick".

Das Prinzip dahinter: Je früher eine Korrektur passiert, desto weniger aufwendig ist diese. Ein Wireframe lässt sich schneller umbauen als ein fertig entwickeltes Template. Und Sie bleiben von Anfang an Teil des Prozesses, damit das fertige Produkt Ihre Vorstellungen und Bedarfe erfüllt.

Konkret heißt das:

  • Nach der Discovery erhalten Sie eine dokumentierte Zusammenfassung mit unserer Empfehlung.
  • Wireframes besprechen wir gemeinsam, bevor die visuelle Gestaltung beginnt.
  • Visuelle Entwürfe zeigen wir in einem frühen Stadium, damit Sie die Richtung prüfen können, bevor Details ausgearbeitet werden.

Wir präsentieren alles so, dass Sie auch ohne gestalterische Vorkenntnisse einschätzen können, ob die Richtung stimmt.

Oft genügt ein Design-Facelift

Neuer Glanz mit wiedererkennbarem Kern

Smartphone mit Webseite der Trainerakademie Köln auf einem Holztisch

Manchmal genügt ein Facelift mit Mobil-Optimierung und wiedererkennbarem Markenkern. Beispiel: Website der Trainerakademie Köln.

Nicht jede Website braucht einen visuellen Neuanfang. Manchmal reichen gezielte Eingriffe: eine überarbeitete Startseite, ein aktualisiertes Farbschema, bessere Lesbarkeit auf Mobilgeräten, neue Komponenten für wiederkehrende Inhalte.

Wir analysieren Ihre bestehende Website und schlagen vor, welche Maßnahmen den größten sichtbaren Unterschied machen. Ihre Website wirkt danach deutlich aktueller, ohne den Aufwand eines kompletten Neuaufbaus.

Für wen das passt: Sie haben eine funktionierende Drupal-Website, die technisch in Ordnung ist, aber gestalterisch nicht mehr zu Ihrem heutigen Auftritt passt.

FAQ – Häufige Fragen

zum Thema Webdesign

Brauche ich ein komplettes Redesign?

Nicht unbedingt. Wir schauen uns an, wo Ihre Website steht, und empfehlen dann, ob ein Relaunch sinnvoll ist oder ob gezielte Anpassungen reichen. Oft ist ein Facelift der schnellere Weg zu einem sichtbar besseren Ergebnis.

Wir haben ein eigenes Designteam. Können wir trotzdem zusammenarbeiten?

Ja. Wir arbeiten regelmäßig mit internen Designteams zusammen. Wir bringen Drupal-Expertise ein und sorgen dafür, dass Entwürfe technisch umsetzbar sind. Ihr Team behält die gestalterische Hoheit.

Wie lange dauert ein Design-Projekt?

Das hängt vom Umfang ab. Ein Facelift kann in wenigen Wochen stehen. Ein vollständiger Relaunch mit Discovery und umfangreichem Komponentensystem braucht in der Regel mehrere Monate. Nach einem ersten Gespräch und der Anforderungsaufnahme können wir den Zeitrahmen realistisch einschätzen.

Was passiert nach dem Design?

Wir setzen das Design in Drupal um. Die Gestaltung entsteht von Anfang an mit Blick auf die technische Umsetzung. Es gibt keinen Bruch zwischen Entwurf und fertigem System.

Es sei denn, Sie möchten das Webdesign auf einer anderen technischen Basis umsetzen. In diesem Fall übermitteln wir Ihnen zum Abschluss alle Ergebnisse. Gern bleiben wir beratend an Ihrer Seite.

Arbeitet erdfisch nur mit Drupal?

Wir setzen Websysteme ausschließlich auf Basis von Drupal technisch um. Wenn Sie jedoch ein anderes System einsetzen, lohnt sich trotzdem ein Gespräch. Die gestalterischen Grundlagen (Wireframing, visuelles Konzept, Komponentensystem) sind systemunabhängig.

Referenzen

Conductix-Wampfler: Internationaler Relaunch

Für den Industriezulieferer Conductix-Wampfler haben wir eine mehrsprachige Drupal-Website gestaltet und umgesetzt. Das Design transportiert die technische Kompetenz des Unternehmens und gibt der Redaktion flexible Bausteine an die Hand.

Es wurde im "Atomic Design" Ansatz erstellt – bei uns Standard. Das bedeutet: Von kleinen Einzelelementen wie Buttons über Element-Verbünde wie einen Teaser bis hin zu ganzen Abschnitten ist das Design komplett modular aufgebaut und skaliert für jeden Inhalt. 

Das Ergebnis: Die Redaktion pflegt jetzt eigenständig neue Marken-Landingpages ein, ohne Design-Support anfragen zu müssen.

Zur deutschen Website: conductix.de

Screenshot eines Ausschnitts der Conductix-Wampfler Deutschland Webseite.

Smart City Dialog: Bürgerbeteiligung sichtbar machen

Für das Bundesinstitut für Bau-, Stadt- und Raumforschung haben wir die Plattform Smart City Dialog gestaltet. Die Herausforderung: komplexe Beteiligungsprozesse so abbilden, dass Bürger:innen und Fachleute gleichermaßen Zugang finden.

Zur Website: smart-city-dialog.de

Screenshot eines Ausschnitts der Smart City Webseite

Welches spannende Projekt dürfen wir für Sie umsetzen? Schreiben Sie uns oder rufen Sie uns unter +49 6221 7515600 für ein unverbindliches und kostenfreies Erstgespräch an.

Profilfoto Frank Holldorf

Frank Holldorff

People & Culture | Business Development | Marketing | Geschäftsführer