Webdesign

Websites, die laden, ranken und verkaufen.

Webdesign — GUMU Werbeagentur

Warum Webdesign wichtig ist

Deine Website ist oft der erste Eindruck, und meistens auch der entscheidende. In den ersten zwei Sekunden entscheidet sich, ob jemand bleibt oder weiterklickt. Ein professioneller Auftritt sorgt dafür, dass dieser Moment für dich arbeitet: Er lädt schnell, sieht nach dir aus und führt Besucher dahin, wo aus Interesse eine Anfrage wird.

Websites, die wir gebaut haben

Bevor wir erklären, wie wir arbeiten, schau dir an, was dabei herauskommt. Vom Handwerksbetrieb über Arztpraxen bis zur Gemeinde: Jede dieser Seiten ist live, und du kannst sie dir direkt ansehen. Filtere nach der Technik, wenn dich ein bestimmter Weg interessiert.

So läuft ein Projekt bei uns

Damit du dir vorstellen kannst, wie so ein Projekt abläuft, hier der Weg von der ersten Idee bis zum Launch in fünf Schritten.

Schritt 1: Zuhören und strukturieren

Am Anfang reden wir. Über dein Geschäft, deine Kunden und darüber, was die Website eigentlich leisten soll. Anfragen bringen? Bewerber überzeugen? Produkte erklären? Daraus entsteht die Struktur: welche Seiten es braucht, was auf jede gehört und in welcher Reihenfolge. Erst wenn das steht, wird gestaltet. Eine schöne Website mit der falschen Struktur ist wie ein gut eingerichtetes Haus ohne Eingangstür.

Schritt 2: Wireframe, dann Design

Wir zeichnen die Seiten zuerst als Drahtgitter, ganz in Grau. Das klingt unspektakulär, hat aber einen Grund: Ohne Farben und Bilder streitet niemand über Geschmack, und wir können in Ruhe klären, ob Aufbau und Inhalte sitzen. Danach kommt das eigentliche Design mit deiner Marke, deinen Farben und einer Bildsprache, die zu dir passt.

Vom Wireframe zum fertigen DesignSchematisches Beispiel
Schritt 1Wireframe: Struktur klären, bevor es hübsch wird
Schritt 2Design: dieselbe Struktur, jetzt mit Marke
Beispielhafte Darstellung zur Veranschaulichung, keine echten Kundendaten.

Du siehst beide Stufen und gibst zweimal Feedback. Das spart am Ende Zeit, weil Layout-Diskussionen nicht mit Design-Diskussionen vermischt werden.

Schritt 3: Bauen, mit Tempo im Blick

Design ist die halbe Miete, Technik die andere. Wir bauen jede Website von Hand, ohne Baukasten und ohne Plugin-Friedhof. Das merkt man vor allem an einer Stelle: der Ladezeit.

Ladezeit auf dem Handy im VergleichSchematisches Beispiel
Typische Baukasten-Website4,6 s

Besucher springen ab, Google stuft herunter

Durchschnitt kleiner Firmenseiten3,1 s

Geht so, verliert aber Ungeduldige

Sauber gebaute Website1,2 s

Da, bevor der Daumen zuckt

Unser Anspruch für jede Website, die wir bauen: Ladezeit unter 1,5 Sekunden und grüne Core Web Vitals. Das prüfen wir vor dem Launch mit denselben Werkzeugen, die auch Google benutzt.

Beispielhafte Darstellung zur Veranschaulichung, keine echten Kundendaten.

Schnelligkeit ist kein Selbstzweck. Google belohnt schnelle Seiten mit besseren Positionen, und Besucher belohnen sie damit, dass sie bleiben. SEO-Grundlagen wie saubere Struktur, Meta-Texte und strukturierte Daten bauen wir dabei gleich mit ein, statt sie später nachzurüsten.

Wie schnell ist eigentlich deine jetzige Seite? Probier es aus:

Tempo-Check

Wie schnell ist deine Website?

Gib deine Adresse ein. Wir messen mit Google PageSpeed Insights, wie schnell deine Startseite auf dem Handy lädt. Das dauert etwa 20 bis 40 Sekunden.

Übermittelt wird nur die eingegebene Adresse, keine Daten über dich. Die Messung übernimmt Google PageSpeed Insights.

Schritt 4: Feedback-Runden statt Überraschung

Ab der Umsetzungsphase siehst du den Stand jederzeit unter einer Vorschau-Adresse. Du klickst dich durch, sagst was, wir bauen um. So gibt es beim Launch keinen großen Enthüllungsmoment, bei dem du hoffen musst, dass es dir gefällt. Du kennst deine Website dann schon.

Typischer Fahrplan für eine FirmenwebsiteSchematisches Beispiel
W1W2W3W4W5W6W7Briefing & StrategieWireframes & InhalteDesignUmsetzung & FeedbackTesting & Launch

Ab Woche 4 siehst du die Website wachsen und gibst laufend Feedback. Der Launch ist kein Überraschungsmoment, sondern der letzte Haken auf einer Liste, die du mit abgearbeitet hast.

Beispielhafte Darstellung zur Veranschaulichung, keine echten Kundendaten.
Wir hatten klare Vorstellungen, aber GUMU hat noch eine Schippe draufgelegt. Die neue Seite performt deutlich besser, sieht hochwertig aus und unsere Kunden geben uns durchweg positives Feedback.
Jonas NeumannGeschäftsführer, FeuerwerklandZum Projekt →

Schritt 5: Launch und danach

Zum Launch gehören bei uns die unspektakulären Dinge, die später Ärger ersparen: Weiterleitungen von alten Adressen, damit deine Google-Platzierungen nicht verloren gehen, Einrichtung bei der Google Search Console, ein letzter Geschwindigkeits- und Gerätetest. Danach bekommst du eine Einweisung, wie du Inhalte selbst pflegst. Und wenn du willst, übernehmen wir Hosting und Wartung gleich mit.

Was nach dem Launch passiert

Viele Agenturen sind nach dem Go-live weg. Bei uns fängt da der Teil an, den du im besten Fall gar nicht bemerkst:

  1. Am Launch-Tag

    Sauber umziehen

    Alte Adressen leiten wir auf die neuen Seiten um, damit keine Google-Platzierung verloren geht. Search Console und Ladezeit prüfen wir direkt nach dem Start.

  2. Jeden Tag

    Aufpassen, ohne dass du es merkst

    Backups laufen automatisch, und unser Monitoring meldet sich bei uns, sobald etwas hakt. Meist ist es behoben, bevor es jemandem auffällt.

  3. Laufend

    Aktuell und sicher bleiben

    Updates, Sicherheits-Patches und kleine Änderungen an Texten oder Bildern erledigen wir mit. Du rufst an, wir kümmern uns.

  4. Wenn du wachsen willst

    Mehr aus der Seite holen

    Mit SEO-Betreuung oder Google Ads bringen wir mehr Besucher auf die Seite. Muss nicht sein, geht aber jederzeit.

Wartung & Pflege ab 39 € im Monat, monatlich kündbar. Was da alles drinsteckt, steht bei Hosting & Wartung.

Aus alt mach neu: Relaunch

Viele Firmen-Websites sind in die Jahre gekommen, während der Betrieb dahinter längst weiter ist. Bei Rollo Voigt war das so: ein Meisterbetrieb für Sonnenschutz und Terrassendächer mit großartigen Projekten, aber eine Website, die noch aus einer anderen Zeit stammte. Heute zeigt die Seite, was der Betrieb wirklich kann, und führt Interessenten direkt zur Beratung. Zieh den Regler hin und her:

Rollo Voigt: Startseite vor und nach dem Relaunch: Vorher
Rollo Voigt: Startseite vor und nach dem Relaunch: Nachher
VorherNachher
Rollo Voigt: Startseite vor und nach dem RelaunchZum Projekt →

Drei Wege zur Website

Es gibt nicht das eine richtige System, es gibt das passende für dein Projekt. Wir bauen mit drei Ansätzen und beraten dich ehrlich, welcher davon zu Budget, Team und Zielen passt:

Astro

Static-First

Unsere Empfehlung

Firmenwebsites, Landingpages und alles, wo Tempo und Sicherheit zählen.

  • Ladezeiten unter 1,5 Sekunden, beste Google-Werte
  • Kein angreifbares Admin-Backend, kaum Wartung
  • Inhalte pflegbar über einfache Text-Dateien
  • Diese Website hier läuft genau so

Unsere erste Wahl für die meisten Projekte.

WordPress

Klassisch mit Redaktions-Backend

Teams, die viel und oft selbst pflegen wollen, oder einen Shop brauchen.

  • Bekanntes Backend, das dein Team schnell beherrscht
  • Eigenes Theme nach Maß statt gekauftem Template
  • Shop-Ausbau mit WooCommerce möglich
  • Blog, News und Mehrsprachigkeit ohne Verrenkungen

Braucht laufende Updates, die wir als Wartung übernehmen können.

Headless WordPress

Das Beste aus beiden Welten

Content-starke Auftritte, die trotzdem pfeilschnell sein sollen.

  • Redaktion pflegt bequem im WordPress-Backend
  • Besucher bekommen ein schnelles, modernes Frontend
  • Backend bleibt unsichtbar und damit schwer angreifbar
  • Wächst gut mit, wenn später mehr dazukommt

Der Aufwand ist höher, lohnt sich ab mittlerer Projektgröße.

Du musst dich dafür nicht mit Technik beschäftigen. Sag uns, was die Website können soll und wer sie später pflegt, den Rest übersetzen wir.

Was kostet eine Website?

Die ehrliche Antwort ist: Kommt drauf an. Damit du trotzdem eine Zahl im Kopf hast, haben wir unseren Rechner mit den Werten aus unseren echten Projekten gefüttert. Klick dir zusammen, was du brauchst:

Website-Rechner

Was kostet meine Website?

Klick dir zusammen, was du brauchst. Du bekommst eine ehrliche Preisspanne aus unseren echten Projekten, kein Lockangebot.

1. Welche Art von Website?
2. Welche Technik?

Die Technik ändert den Preis kaum. Welche zu dir passt, klären wir im Erstgespräch.

3. Was soll noch dazu?
4. Und danach?

Schnittstellen und Anbindungen

Eine Website steht selten allein. Oft soll sie mit den Systemen reden, die du sowieso schon benutzt, und genau solche Anbindungen bauen wir mit ein:

  • Warenwirtschaft und Buchhaltung, damit Produkte oder Rechnungen nicht doppelt gepflegt werden
  • Termin- und Buchungssysteme, DSGVO-sauber eingebunden
  • CRM- und Newsletter-Tools, damit Anfragen direkt dort landen, wo du arbeitest
  • Shopsysteme und Zahlungsanbieter
  • Eigene Schnittstellen (APIs), wenn deine Branchensoftware angebunden werden soll

Wenn du nicht sicher bist, ob sich dein System anbinden lässt: Sag uns einfach, womit du arbeitest. Meistens geht mehr, als man denkt.

Was wir liefern

  • Strategie-Workshop und Seitenstruktur
  • Wireframes und Custom Design statt Template-Recycling
  • Technische Umsetzung mit Performance-Fokus (Core Web Vitals)
  • SEO-Grundlagen direkt mitgedacht
  • Rechtssichere Basics: Impressum, Datenschutz, Cookie-Lösung ohne Drittanbieter-Wildwuchs
  • Hosting-Setup, Weiterleitungen und Übergabe-Schulung

Woran du gutes Webdesign erkennst

Nicht daran, dass es auf einer Awards-Seite landet. Sondern daran, dass deine Kunden finden, was sie suchen, und dass du nach einem halben Jahr sagen kannst: Über die Website kommen Anfragen. Genau dafür bauen wir.

Häufige Fragen

Was wir oft gefragt werden.

Wie lange dauert ein Webdesign-Projekt?
Je nach Umfang zwischen 4 und 12 Wochen. Ein Standard-Unternehmensauftritt mit 5–10 Seiten liegt typischerweise bei 6–8 Wochen.
Auf welchem System baut ihr?
Wir wählen das System, das zum Projekt passt. Für die meisten Kunden setzen wir auf moderne Static-First-Frameworks (Astro), bei Content-getriebenen Projekten auf WordPress.
Übernehmt ihr die Pflege später?
Ja. Hosting, Updates, Backups und kleinere Anpassungen können wir als Pflegevertrag abdecken. Mehr dazu unter Hosting & Wartung.
Kann ich Inhalte später selbst ändern?
Ja. Bei WordPress sowieso, und auch bei unseren Astro-Seiten bekommst du pflegbare Inhalte plus eine Einweisung bei der Übergabe. Für alles Größere sind wir ja da.
Was kostet eine Website bei euch?
Eine Onepage oder kleine Website startet bei rund 2.000 € netto, eine mittlere Website liegt zwischen 3.200 und 4.500 €, große Auftritte mit vielen Leistungsseiten ab etwa 6.000 €. Mit dem Website-Rechner auf dieser Seite kannst du deinen Fall durchspielen. Nach dem Erstgespräch bekommst du ein Festpreis-Angebot, ohne versteckte Posten.
Lass uns reden

Klingt nach einem Match?

Erzähl uns von deinem Vorhaben. Wir melden uns innerhalb eines Werktags.