Was ist Webdesign mit Strategie?
Wirkung
Wie wirkst du auf den ersten Blick? Premium, vertraut, wertig — oder austauschbar?
Visuelle Hierarchie
Was sieht dein Besucher zuerst, was übersieht er? Gutes Design führt den Blick und lädt zum Scrollen ein.
Design für Conversion
CTAs, Trust-Signale, ein Weg zur Anfrage, der sich total geschmeidig anfühlt.
Konsistenz
Website, LinkedIn, PPT-Präsentation – alles wirkt wie aus einem Guss.
Was bringt mir
Webdesign mit Strategie?
Design schafft Marge.
Ein Logo und eine hübsche Website hat heute fast jeder. Was selten ist und nur wenige Unternehmen haben ist ein Auftritt, der hohe Qualität, das Gefühl von »besser« vermittelt.
Ein Auftritt, der dich als hochwertiges Unternehmen, als Marke, positioniert. Marken werden nicht verglichen, sondern gewählt.
Das entscheidet, ob du verhandelst oder Preise machst.
2 Anbieter, gleiches Angebot. Wer gewinnt?
Bei gleichem Angebot entscheidet der Auftritt. Wer wertiger wirkt, gewinnt. Weil Design Vertrauen schafft. Denk' mal an dich, wenn du online Anbieter vergleichst. So machen das deine Kunden mit dir auch.
Anfragen, die passen.
Discount-Prospekte signalisieren günstig, Premium-Manufakturen signalisieren wertig. Design entscheidet, welche Kunden zu dir kommen. Ein hochwertiges Produkt braucht ein hochwertiges Design, damit wertschätzende Kunden sich angesprochen fühlen.
1 erster Eindruck auf allen Kanälen.
Konsistenz im Außenauftritt über viele Touchpoints und Kanäle. Wenn der Klick von LinkedIn oder der Sprung von Visitenkarte auf deine Website wie aus einem Guss wirkt, machst du den Unterschied.
Wenn Bildsprache, Farb-Systematiken, Schriften ineinandergreifen und wohl durchdacht wirken, entsteht Vertrauen. In deine Qualität und Professionalität.
Design schafft Wertigkeit.
Kunden sehen bevor sie lesen. Der erste Eindruck bestimmt, wie Kunden dich wahrnehmen. Hochwertiges Design verschiebt die Preis-Erwartung, bevor du den ersten Satz sagst.
Wie aus Strategie
gutes Webdesign entsteht.
1. Workshop
Deine Kunden besser verstehen.
Bevor ein einziges Design entsteht, verstehen wir dein Business. Im Workshop klären wir gemeinsam, wie deine Wunschkunden ticken, wo sie stehen wenn sie auf dich stoßen — und was sie brauchen um zu konvertieren.
Zielgruppe, Positionierung, Wettbewerb, Wunschkunden: alles kommt auf den Tisch. Das Ergebnis ist keine PowerPoint, sondern eine klare Grundlage für alles was danach kommt.
3. Webdesign
Gestaltet für deine Kunden.
Erst wenn die Struktur steht, geht's ans Design. Dein Corporate Design, Typografie, Farben, Bildsprache und Abstände – auf alles wird penibel geachtet. Jedes Element hat einen Grund.
Du bekommst Desktop- und Mobile-Ansicht zur Freigabe. Eine Korrekturschleife ist eingebaut — für alles was du noch anpassen möchtest.
2. Wireframes
Struktur die Besucher führt.
Bevor Farben, Schriften oder Bilder ins Spiel kommen, entstehen die Wireframes. Es zeigt was auf welcher Seite steht, in welcher Reihenfolge und vor allem »Warum!«. So sehen wir früh ob die Nutzerführung und die gesamte Customer Journey funktioniert, bevor wir Zeit in die Gestaltung investieren. Änderungen an dieser Stelle sind einfach und ersparen spätere Änderungen im Design.
Dieser Schritt wird eng mit dir abgestimmt und bedarf deiner Freigabe.
4. Webentwicklung
Individuelle Entwicklung
Nach der Freigabe geht das Design direkt in die Entwicklung. Wir entwickeln selbst. Kein Briefing an Dritte, kein Übersetzungsverlust. Was im Design steht, landet genauso im Browser. Komponentenbasiert entwickelt, sauber im Code, wartungsarm — auf Statamic oder WordPress, je nachdem was zu deinem Projekt passt. Zur Wahl des richtigen CMS beraten wir dich ausführlich.
Gutes Design hat direkten Einfluss auf deinen Umsatz. Es spricht vor dem ersten gelesenen Wort. Baut Vertrauen vor dem Sales-Call auf, kommuniziert deinen Wert vor dem ersten Preisschild. Und dann ist gutes Design auch noch schön.
Webdesign bei ElefantEins. Webdesign bei ElefantEins.
Die Grundlagen für wirkungsvolles Webdesign.
Wir denken Webdesign vom Geschäftsmodell her, nicht von der Optik. Wirkung in Sekunden, klare Conversion-Pfade und ein Auftritt, der zu deinem Standing passt — über alle Touchpoints hinweg.
Sofort-Wirkung
Premium oder austauschbar entscheidet sich in zwei Sekunden — bevor das erste Wort gelesen ist.
Hierarchie & Lesefluss
Was zuerst gesehen wird, prägt die Wahrnehmung. Gutes Design führt das Auge gezielt zum Wesentlichen.
Trust-Signale
Testimonials, Logos, Case Studies, Awards. Vertrauen entsteht durch sichtbare Beweise, nicht durch Behauptungen.
Conversion-Pfad
Klare CTAs, intelligente Microcopy, intuitive Nutzerführung. Vom Klick zur Anfrage — bewusst geführt.
Konsistenz über Touchpoints
Website, LinkedIn, Pitch, Visitenkarte. Wer dich auf einem Kanal trifft und einem anderen wiedersieht, erlebt keinen Bruch.
Visuelles System
Farb-Tokens, Typo-Scale, Komponenten-Library. Konsistenz ist eingebaut, nicht nachträglich erzwungen.
Was ElefantEins
anders macht.
Design ist kein Selbstzweck.
Es gibt unfassbar toll animierte Websites da draußen. Die können sich selber in 3D drehen und haben 33 Awards gewonnen. Nur oft haben sie auch lange Ladezeiten, brauchen eine eigene Bedienungs-anleitung und funktionieren null für SEO.
Bei uns gibt's das Gegenteil: Schön, hochwertig aber funktional für's Business und den User.
Kein Bock mehr auf dein veraltetes Design?
Veralteter Auftritt ist die häufigste Beschwerde, die wir hören. Damit das in 2 Jahren nicht wieder passiert, sind wir mit Trends vorsichtig.
Wir sind überzeugt davon, dass zeitloses Design das Beste ist, weil es Trends überlebt und nachhaltig funktioniert.
Design und Code aus einer Hand
Für dich bedeutet das, du hast immer einen Ansprechpartner und profitierst von einer kosteneffizienteren Umsetzung.
No detail is small!
Design, dass über deine Website hinauswächst.
Du willst auch auf LinkedIn, einer Messe oder im Print als Marke auftreten? Sprich uns auf deine Pläne an und wir konzipieren ein Design, das crossmedial wiedererkennbar ist.
Wenige Projekte gleichzeitig.
Qualität braucht Aufmerksamkeit. Wir nehmen nur eine kleine Anzahl an Projekten gleichzeitig an. Dein Projekt bekommt die Tiefenzeit, die es verdient.
Was gut wird, braucht Zeit.
Design entscheidet vor dem ersten Wort, wie ein Kunde dich qualitativ einordnet. Hochwertig oder nur durchschnitt?
KMH GmbH
Neustart in die digitale B2B-Kundengewinnung.
Branding · SEO · Website
Weitere Case Studies sind im Aufbau.
Glückliche Kunden
5 Sterne bei Google
Ich kann Max Hartung von ElefantEins nur empfehlen. Vom ersten Termin an hat Max sich auf mich, mein Unternehmen und meine Wünsche und Vorstellungen eingelassen, um zu verstehen, wer ich bin, was meine Praxis repräsentiert und wohin meine Reise gehen soll. ElefantEins bietet einen absoluten Mehrwert an. Ich bin dankbar für diese Zusammenarbeit und freue mich, auch weiterhin von ihm begleitet und unterstützt zu werden.
Eva Will
heilpraktikerin-will.de
Max hat den Relaunch unserer Kanzlei-Website souverän umgesetzt. Service und Freundlichkeit haben den Ausschlag gegeben — und unsere Mandanten finden die neue Seite spürbar besser als die alte. Klare Empfehlung an Kollegen.
Dr. Stephan Grundmann
team-arbeitsrecht.com
Ich arbeite schon seit längerer Zeit mit Max Hartung zusammen und kann ihn uneingeschränkt weiterempfehlen. Er analysiert Herausforderungen sehr genau, schaut bis ins Detail hin und liefert stets überzeugende Ergebnisse. Genau diese Kombination aus Sorgfalt und Verlässlichkeit schätze ich besonders an ihm. Vielen Dank für die hervorragende Zusammenarbeit und weiterhin viel Erfolg, Max!
Johannes Meyer-Dohm
p2objektgruen.de
Vor der Zusammenarbeit war unser größtes Problem, dass wir bei Google & Co. quasi unsichtbar waren. Es kamen immer weniger Anfragen über die Website rein und unsere Sichtbarkeit nahm stetig ab. Max hat uns mit seinem Gesamtpaket aus Strategie-Workshop und SEO-Audit überzeugt. Besonders wertvoll waren die Erkenntnisse aus dem Workshop: viel besseres Verständnis unserer Kunden, wie man sie anspricht, Vertrauen aufbaut und Autorität kommuniziert.
Johannes Büttner
Geschäftsführer
Es gibt wenige die Design und Umsetzungen von Websites so virtuos beherrschen wie Max. Ich bin selber tief drin im Thema Websites und Webshops aber was Max für Kunden zaubert ist nochmal viel viel besser. Er findet heraus was der Kunde wirklich machen möchte und gießt es dann in eine Kunden-Gewinnungs-Maschine in Form einer Website.
Benny Windolph
hechtinsgefecht.de
So startet ein Projekt
1. Passen wir zusammen?
Auf ein erstes kurzes Kennenlernen folgt ein ausführliches Gespräch. 30 bis 45 Minuten – Telefon oder Video. Du erzählst, wo ihr steht und wo ihr hinwollt. Ich höre zu und teile mit, ob und wie ich helfen kann. Kein Pitch, kein Druck.
2. Angebot mit Fixpreis
Ich präsentiere euch das Angebot mit allem, was wir besprochen haben. Klar definierten Zielen, Verantwortlichkeiten und einem Zeitplan. Keine bösen Überraschungen im Nachhinein sondern ein schlüsselfertiges Produkt.
3. Wir starten..
…mit dem Workshop und definieren die strategische Neuausrichtung. Jede Phase wird eng mit dir abgestimmt. Kein Schritt ohne deine Freigabe. Auch danach bleibe ich euer Partner und erreichbar.
FAQ
Häufige Fragen zu Webdesign.
-
Ein vollständiges Webdesign-Projekt dauert 3 bis 4 Monate — vom Workshop bis zum Live-Gang. Der Workshop nimmt ein bis zwei Wochen, Wireframes und Design rund vier Wochen, die Entwicklung vier bis sechs.
Damit der Zeitplan hält, antworten beide Seiten innerhalb von zwei Werktagen und liefern Inhalte planmäßig. Wir arbeiten mit einer überschaubaren Anzahl Kunden gleichzeitig — dein Projekt wartet nicht in einer Pipeline.
-
Das Webdesign ist immer im Gesamtpreis enthalten und hängt stark vom Umfang ab. Grundsätzlich erhältst du das Design der kompletten Website in Desktop-Ansicht und ausgewählten Mobil-Ansichten. Wir begrenzen es bei Mobil auf die wichtigsten Seiten, da das für einen Eindruck und zur Absprache bereits ausreicht. Es wird immer responsiv für Mobilgeräte programmiert. Die Begrenzung ist kosteneffizienter für dich.
-
Ja. Technisches SEO und ein GEO-Audit sind im Webdesign-Paket immer enthalten. GEO steht für Generative Engine Optimization und sorgt dafür, dass deine Website nicht nur bei Google rankt, sondern auch in ChatGPT, Perplexity und den AI Overviews als Quelle zitiert wird.
Saubere URL-Struktur, strukturierte Daten, Core Web Vitals, llms.txt — alles Standard bei uns. Inhaltliches SEO (Pillar-Artikel, Content-Strategie, laufende Optimierung) ist optional und buchbar als separates SEO- und GEO-Paket.
-
Ja, ElefantEins hilft dir bei einem Branding bzw. einem neuen Corporate Design. Das Basis-Paket umfasst die Logo-Entwicklung inklusive Definition von Farben und Schriften sowie der Geschäftsausstattung.
Manchmal geht ein Neustart mit neuem Namen oder starkem Wunsch nach Veränderung einher. Genau dafür braucht es ein neues Branding. Nur Webdesign allein kann das nicht leisten. Sprich mich darauf an, wenn du mehr Fragen dazu hast.
-
Ja, das können wir für dich übernehmen. ElefantEins hilft dir zuerst den richtigen Bildstil zu finden und im Anschluß bei der Suche und Organisation eines Fotografen vor Ort.
Alternativ nutzen wir Stock-Fotos. Wichtig: Keine stumpfen CallCenter-Fotos mit Zahnpasta-Lächeln. Wir kennen hochwertige Bilddatenbanken, wo man genau die Fotos findet, die eben nicht nach geschmacklosem Stock-Foto aussehen.
Am besten sind natürlich immer eigene Fotos.
Webdesign im Detail.
Vertiefendes Wissen.
-
Schöne Websites gibt es viele. Verkaufende Websites sind selten. Der Unterschied liegt nicht im Design, sondern in der Strategie davor. Bei ElefantEins beginnt jedes Webdesign-Projekt mit einem Strategie-Workshop. Bevor wir Farben, Schriften oder Layouts diskutieren, klären wir Zielgruppe, Positionierung, Wettbewerb und Customer Journey. Erst danach beginnen Wireframes und Design.
Warum das wichtig ist: Webdesign ohne Strategie ist Glücksspiel. Du gestaltest etwas, das dir gefällt — nicht etwas, das deine Wunschkunden zur Anfrage bewegt. Mit Strategie wird jede Entscheidung im Design begründbar: warum diese Headline, warum diese Reihenfolge der Sektionen, warum dieser Button-Text. Das spart Zeit in Korrekturschleifen und gibt dir eine Website, die du intern verteidigen kannst.
Als Workshop-Ergebnis bekommst du eine klare Zielgruppen-Definition, das Hauptproblem deiner Wunschkunden, deine Differenzierung gegenüber Wettbewerbern, die Customer Journey Schritt für Schritt und die zentralen Botschaften pro Seitentyp. Das ist die Grundlage für Wireframe, Design und Entwicklung — und für SEO und GEO gleich mit. Was rauskommt, ist keine PowerPoint, sondern eine Arbeitsgrundlage, mit der wir Wireframes und Design in vier Wochen umsetzen — ohne Endlosschleifen.
- Das ist ein Mehrwert
- Wir achten darauf
- Das ist das Beste
-
Eine schöne Website, die keine Anfragen bringt, ist ein teures Hobby. Bei ElefantEins steht Conversion-Logik vor Ästhetik — die Reihenfolge der Sektionen folgt einer Hypothese darüber, wie Besucher zu Anfragenden werden, nicht dem Bauchgefühl des Designers.
Jede Pillar-Page bekommt eine klare Funnel-Struktur: Hero mit Versprechen und Differenzierung, Trust-Signale (Logos, Reviews) früh, Erklär-Sektionen für die Skeptiker, Beweise (Projekte, Case Studies, Zahlen) und ein klarer Call-to-Action mit niedriger Hürde. Wir benutzen denselben CTA mehrfach, weil Besucher unterschiedlich tief lesen — der Button gehört in den Hero, an die FAQ und vor den Footer.
Microcopy macht den Unterschied. „Anfrage senden" konvertiert schlechter als „Strategie-Gespräch buchen — kostenlos, 30 Minuten". Wir formulieren CTAs aus der Sicht des Kunden, nicht aus der Sicht des Anbieters. Formulare sind kurz, mobil-tauglich und transparent — Besucher wissen, was nach dem Absenden passiert, wie schnell jemand antwortet und was er als Nächstes von dir braucht.
Conversion-Optimierung endet nicht beim Launch. Nach vier bis sechs Wochen prüfen wir die ersten Daten und schlagen Anpassungen vor, wenn Sektionen nicht performen. Kleine, datenbasierte Iterationen statt Endloskonzepte.
-
In den allermeisten Webdesign-Projekten wird SEO erst nach dem Launch nachgereicht. Bei ElefantEins ist SEO — und GEO, also Generative Engine Optimization für AI-Antworten in ChatGPT, Perplexity, Gemini und den AI Overviews — von Tag eins Teil des Designs.
Wir prüfen vor dem Wireframe, welche Keywords zu deinem Business passen, welche Pillar-Pages und Cluster es geben sollte und welche thematischen Lücken die Konkurrenz hat. Diese Erkenntnisse fließen direkt in die Sitemap und in die Wireframes ein — nicht später als Add-on. Sektionen werden so geschnitten, dass H2- und H3-Anker mit relevanten Keywords besetzt sind, ohne dass die Texte gestelzt wirken.
Technisch ist Standard: saubere semantische HTML-Struktur, strukturierte Daten via Schema.org (Organization, Service, FAQPage, Article), Core Web Vitals als Designziel (LCP unter 2,5 s, INP unter 200 ms, CLS unter 0,1), Mobile-First-Layout, llms.txt für AI-Crawler und Open-Graph-Tags pro Seite. Wenn deine alte Website Rankings hat, planen wir eine saubere Migrations-Strategie mit 301-Redirects, damit nichts verloren geht.
GEO ist 2026 das, was SEO 2010 war: die meisten Wettbewerber verstehen noch nicht, dass AI-Modelle Inhalte anders bewerten als Google. Klar strukturierte Definitions-Passagen, FAQ-Schema, Autorenschaft und Quellen-Klarheit sind die Hebel. Wer früh anfängt, baut sich einen Vorsprung auf, der schwer einzuholen ist.
-
In vielen Webdesign-Projekten geht es direkt los mit Mood-Boards, Farben und Bildern. Das Ergebnis ist oft hübsch — aber strukturell wackelig, weil die wichtigste Frage übersprungen wurde: Was steht in welcher Sektion, in welcher Reihenfolge, mit welchem Zweck?
Bei ElefantEins entsteht zwischen Workshop und Visual Design das Wireframe. Eine reduzierte Skizze jeder Seite — ohne Farben, ohne Bilder, ohne fertige Typografie. Nur Struktur. Pro Sektion eine klare Antwort auf die Frage, was der Besucher hier verstehen oder tun soll. Die Reihenfolge der Sektionen folgt der Customer Journey aus dem Workshop, nicht dem Bauchgefühl.
Das Wireframe ist die schnellste Stelle für Änderungen. Wenn eine Sektion an der falschen Stelle steht oder eine wichtige Information fehlt, ist das in einer halben Stunde umgebaut — nicht in zwei Tagen wie im fertigen Design. Du siehst früh, ob die Nutzerführung trägt, ohne dass Ästhetik dich in der Bewertung beeinflusst. Erst wenn das Wireframe freigegeben ist, beginnt das eigentliche Design.
Was du damit bekommst: eine Website, bei der jede Sektion einen begründbaren Zweck hat. Und einen Designprozess, der planbar ist — keine Endlosschleifen aus „lass uns das Layout nochmal anders versuchen".
