- Die Startseite erklärt die Firmengeschichte, aber nicht die Leistung.
- Die Telefonnummer steht nur im Impressum.
- Alle Leistungen stehen auf einer einzigen langen Seite.
- Bilder sind aus einer Stockdatenbank und zeigen fremde Büros.
- Das Kontaktformular hat elf Pflichtfelder.
- Auf dem Handy muss man seitlich schieben, um alles zu lesen.
Webdesign, das Anfragen bringt
Eine Website ist kein Prospekt. Sie hat eine Aufgabe: aus jemandem, der dich noch nicht kennt, einen Anruf oder eine Nachricht machen. Ob sie Anfragen bringt, entscheidet sich an Aufbau, Technik und Gestaltung, nicht am Geschmack.
Der Maßstab
Eine Website ist gut, wenn jemand nach zehn Sekunden weiß, was du machst, ob du das für ihn machst und wie er dich erreicht.
Alles andere kommt danach. Farben, Bilder und Effekte helfen dabei, sie ersetzen es aber nicht.
Am Anfang jedes Projekts steht deshalb eine einzige Frage: Wer kommt auf diese Seite, und was soll die Person hier tun?
Erst wenn das feststeht, wird gestaltet. Vorher wäre es Raten mit Farbmustern.
Vom Entwurf zur Seite
Erst die Struktur, dann die Optik.
Wir zeichnen zuerst, wo was steht und in welcher Reihenfolge jemand es liest. Grau in Grau, ohne Logo, ohne Bilder. Das dauert wenige Tage und spart Wochen, weil eine Diskussion über Farbtöne dann nicht mehr die halbe Struktur umwirft.
Wenn die Struktur trägt, legen wir die Gestaltung darüber. Was du hier siehst, ist derselbe Aufbau in zwei Zuständen.
Woran man es merkt
Was eine gute Website leisten muss.
Die Unterschiede sind selten spektakulär. Es sind Kleinigkeiten, die zusammen darüber entscheiden, ob jemand anruft oder weitersucht.
- Oben steht in einem Satz, was du machst und für wen.
- Die Nummer ist auf jeder Seite antippbar.
- Jede Leistung hat eine eigene Seite mit eigener Suchabsicht.
- Bilder zeigen deine Arbeit, deine Werkstatt, dein Team.
- Das Formular fragt Name, Kontakt und Anliegen. Mehr nicht.
- Auf dem Handy ist alles mit dem Daumen erreichbar.
Diese Punkte prüfen wir bei jedem Projekt am Anfang durch. Bei einer bestehenden Seite ist das oft schon die halbe Lösung.
Ein Layout, drei Breiten
Dasselbe Ergebnis auf jedem Gerät.
Wir schieben das Desktop-Layout nicht zusammen. Für die schmale Ansicht wird jede Sektion neu geordnet, damit sie auch mit dem Daumen bedienbar bleibt.
Gestaltungsmittel
Schrift, Farbe, Abstand.
Diese drei Dinge machen den Unterschied zwischen einer Seite, die nach Baukasten aussieht, und einer, die nach Betrieb aussieht.
Schriftgrößen mit klarer Rangfolge
Überschrift Zwischenüberschrift BeschriftungFließtext liegt bei 17 bis 19 Pixeln mit großzügigem Zeilenabstand. Eine Zeile wird nie länger als etwa 68 Zeichen, weil das Auge sonst die nächste Zeile nicht mehr sicher findet.
Farben mit Aufgabe
Grundfläche
Karte
Aktion
Erfolg
Jede Farbe hat genau eine Aufgabe. Der Akzent gehört der Handlung, nicht der Dekoration. Wenn alles leuchtet, leuchtet nichts.
Abstände nach System
klein, innerhalb einer Karte
mittel, zwischen Elementen
groß, zwischen Abschnitten
Nutzerführung
Der Weg zur Anfrage.
Oben die Antwort, nicht die Begrüßung
Der erste Bildschirm beantwortet drei Fragen. Was wird hier angeboten, für wen ist das, wie geht es weiter. Ein Begrüßungssatz beantwortet keine davon und steht trotzdem erstaunlich oft genau dort.
Ein Hauptweg, nicht fünf
Pro Abschnitt gibt es genau eine wichtige Handlung. Wenn daneben vier gleich große Buttons stehen, entscheidet sich niemand. Zweitwege dürfen existieren, aber leiser.
Einwände dort ausräumen, wo sie entstehen
Die Frage nach dem Preis kommt beim Lesen der Leistung und nicht erst im Formular, also steht die Antwort auch genau dort. Für Dauer, Ablauf und Verbindlichkeit gilt dasselbe. Wer diese Punkte erst auf der Kontaktseite klärt, hat die Hälfte der Leute vorher schon verloren.
Kontakt ohne Hürde
Telefonnummer antippbar, Formular kurz, dazu ein Satz, wann du dich meldest. Jedes zusätzliche Pflichtfeld kostet dich Anfragen. Auf dem Handy besonders.
Sichtbarkeit gehört dazu
Die beste Nutzerführung nützt nichts, wenn niemand die Seite findet. Deshalb legen wir Struktur und Suchbegriffe gemeinsam fest. Wie das weitergeht, steht bei Suchmaschinenoptimierung.
Technik
Warum unsere Seiten schnell sind.
Wir bauen ohne schweres Redaktionssystem. Der Server liefert fertige Dateien aus, statt bei jedem Aufruf etwas zusammenzurechnen.
Seitengewicht
1,7 MB
JavaScript
116 KB
Fremdanbieter
0
Bildformat
WebP
Gemessen an dieser Website. Sie ist nach denselben Regeln gebaut, die wir bei dir anwenden würden.
- Keine Baukasten-VorlageVorlagen schleppen Code für hundert Funktionen mit, von denen du drei brauchst.
- Schriften auf dem eigenen ServerSchneller als das Nachladen bei einem Dienst und gleichzeitig ein Datenschutzproblem weniger.
- Bilder in mehreren GrößenDein Handy lädt nicht die Datei für einen großen Monitor.
- Feste Maße für jedes BildDamit beim Laden nichts springt und du nicht danebentippst.
- Keine Werbe- oder TrackingskripteSolange du sie nicht ausdrücklich willst. Dann sprechen wir vorher über die Einwilligung.
- Funktioniert ohne JavaScriptAlle Inhalte bleiben lesbar, auch wenn ein Skript scheitert.
Seitentypen
Nicht jede Seite hat dieselbe Aufgabe.
Einordnen in Sekunden
Sie muss nicht alles erklären. Sie muss einordnen und weiterleiten. Wer hier zu viel unterbringt, verliert genau die Leute, die es eilig haben.
Eine Frage, eine Seite
Für jede Leistung eine eigene Seite. Das ist der wirksamste Hebel für Sichtbarkeit, den es überhaupt gibt, und gleichzeitig derjenige, den die meisten Betriebe auslassen, weil eine Sammelseite mit fünf Absätzen schneller fertig ist. Die rankt dann für nichts davon.
Beweis statt Behauptung
Fotos der eigenen Arbeit schlagen jedes Adjektiv. Ein Vorher und ein Nachher nebeneinander überzeugen mehr als drei Absätze über Qualitätsanspruch und jahrelange Erfahrung. Handyaufnahmen reichen dafür.
Für Bewerber, nicht für Kunden
Hier zählen andere Fragen. Wer ist im Team, wie läuft ein normaler Arbeitstag, was gibt es außer Gehalt. Für viele Betriebe ist das inzwischen die wichtigste Unterseite überhaupt, weil sich Fachkräfte schwerer finden lassen als Aufträge.
Ein Ziel, kein Menü
Für Anzeigen gebaut, ohne Ablenkung. Sie hält genau das Versprechen der Anzeige und führt zu genau einer Handlung. Passt zu Kampagnen bei Google.
Die letzte Hürde
Kurzes Formular, antippbare Nummer, ehrliche Angabe zur Antwortzeit. Hier entscheidet sich, ob aus Interesse eine Nachricht wird.
Zusammenarbeit
Was wir von dir brauchen.
Fast alle Verzögerungen entstehen an derselben Stelle: Inhalte, die beim Kunden liegen. Deshalb sagen wir früh, worauf wir warten.
Woche 1: Inhaltsgespräch
Ein bis zwei längere Gespräche. Über deinen Betrieb, deine Kunden und die Fragen, die dir am Telefon jede Woche gestellt werden. Daraus schreiben wir die Texte.
Woche 2: Material
Logo als Originaldatei, vorhandene Fotos, Zugänge zu alter Seite und Domain. Fehlen Fotos, sagen wir dir, welche Aufnahmen ihr mit dem Handy selbst machen könnt und worauf es dabei ankommt.
Woche 3 bis 4: Freigaben
Du siehst zuerst die Startseite. Rückmeldungen bitte gebündelt und von einer Person. Freigaben aus drei Richtungen kosten erfahrungsgemäß zwei Wochen.
Kosten
Was eine Website kostet.
Wir können hier keinen Preis hinschreiben, der für jeden stimmt. Aber wir können erklären, wovon er abhängt, damit du einschätzen kannst, in welchem Bereich du landest.
Umfang
Eine Seite mit Start, Leistungen, Über uns und Kontakt ist etwas anderes als ein Auftritt mit zwölf eigenen Leistungsseiten. Jede zusätzliche Seite braucht Struktur, Text und Gestaltung.
Inhalte
Lieferst du Texte und Bilder selbst, wird es günstiger. Übernehmen wir das Schreiben und die Bildauswahl, kostet es mehr, spart dir aber die Zeit, die man dabei regelmäßig unterschätzt.
Besonderheiten
Buchungsstrecke, Stellenbörse, mehrere Sprachen oder eine Anbindung an dein Warenwirtschaftssystem sind eigene Bausteine. Ohne solche Anforderungen bleibt es überschaubar.
Laufendes
Hosting und Domain nennen wir getrennt vom einmaligen Preis. Eine Betreuung für Updates und kleine Änderungen ist freiwillig und lässt sich jederzeit beenden.
Nach dem ersten Gespräch bekommst du ein Angebot mit festem Preis und festem Umfang. Was drinsteht, wird gebaut. Kommt später etwas dazu, besprechen wir das vorher. Ablauf im Detail
Fragen zum Webdesign
Was uns hier am häufigsten gefragt wird.
Kleinere Änderungen zeigen wir dir gern. Für alles, was an der Struktur rührt, ist eine kurze Nachricht an uns meist schneller und günstiger als eine halbe Stunde Suchen. Du bist zu nichts verpflichtet.
Wir legen für jede alte Adresse eine Weiterleitung auf die passende neue an. Das ist einer der Punkte, an denen bei einem Relaunch am meisten Sichtbarkeit verloren geht, wenn man ihn auslässt.
Gute Fotos deiner echten Arbeit sind das Wirksamste, was du beisteuern kannst. Sie müssen nicht aus dem Studio kommen. Handyaufnahmen bei gutem Licht schlagen jedes gekaufte Stockbild, weil man sofort sieht, dass es echt ist.
Zwei sind im Preis enthalten, und weil du das Design am echten Inhalt siehst, reicht das in der Praxis fast immer. Wenn sich mittendrin der Umfang ändert, sagen wir das offen, bevor wir weiterarbeiten.
Website veraltet oder gar keine da?
Schreib uns kurz, wie es gerade aussieht. Wir schauen uns deine bestehende Seite an und sagen dir, ob sich eine Überarbeitung lohnt oder ein Neubau die günstigere Lösung ist.