Thema: Webdesign.

Webdesign bei JFconcept ist eine Entscheidungskette in fester Reihenfolge: Struktur, Nutzerführung, Optik, Technik. Gebaut wird auf Standard-Basis, also mit WordPress und den Page-Buildern Elementor und Bricks oder mit Shopify für einfache Shops. Der Unterschied liegt nicht im System, sondern in dem, was vor dem ersten Handgriff im Code passiert.

Warum Relaunches im falschen Moment scheitern

Der klassische Ablauf sieht so aus: Es gibt ein paar Entwürfe als Bilddateien, jemand nickt sie ab, dann wird gebaut. Wochen später steht die Seite im Browser, und plötzlich fallen Dinge auf, die auf einem statischen Bild niemand sehen konnte. Wie fühlt sich das Menü auf dem Handy an? Was passiert, wenn die Überschrift dreizeilig wird, weil der echte Text länger ist als der Platzhalter? Wohin führt der Button eigentlich?

An diesem Punkt wird jede Korrektur teuer, weil sie den fertigen Bau anfasst. Und weil sie teuer ist, wird sie oft nicht gemacht. Die Seite geht mit Kompromissen live, die niemand wollte. Der zweite typische Fehler liegt davor: Es wird über Farben und Schriften diskutiert, während die eigentliche Frage offen bleibt, nämlich was ein Besucher auf dieser Seite tun soll und wie er dorthin kommt.

Erst klickbar, dann gebaut

JFconcept liefert Entwürfe deshalb nicht als PDF, sondern über die JF Design Platform, eine eigene Prototyp- und Freigabe-Plattform. Was dort liegt, ist eine klickbare, realitätsnahe Vorschau: im Browser öffnen, durch die Seiten navigieren, Buttons klicken, das Verhalten auf dem Smartphone ansehen. Die Website existiert als Erlebnis, bevor eine Zeile Code geschrieben ist.

Der Prototyp verschiebt die Diskussion an die richtige Stelle. Feedback und Freigabe laufen auf derselben Plattform, Kommentare hängen an der Stelle, um die es geht, und nicht in einem Mailverlauf mit dem Betreff „AW: AW: Entwurf final v3“. Erst wenn der Prototyp freigegeben ist, beginnt der Bau. Der Ablauf im gesamten Webbereich folgt derselben Linie: Erstgespräch, Kalkulation, Designerstellung, Feedback und Revision, Entwicklung, Launch.

Die Basis wird pro Projekt gewählt

Ein Page-Builder ist kein Kompromiss, wenn er zum Projekt passt. WordPress mit Bricks oder Elementor ist die richtige Wahl, wenn Inhalte regelmäßig selbst gepflegt werden sollen und die Anforderungen im Rahmen bleiben. Wie das konkret aussieht, steht auf der Themenseite zu WordPress als Redaktionssystem. Für einfache Onlineshops kommt Shopify infrage. Die Achse der Entscheidung ist immer dieselbe: Wie viel eigene Logik braucht das Projekt, und wer pflegt es später? Wächst das Sortiment oder die Preislogik über den Standard hinaus, ist Shopify die falsche Basis, und wir sagen das vorher.

Was in jedem Projekt mitläuft, ohne dass man es bestellen muss

Drei Dinge sind bei uns kein Zusatzposten, sondern Bestandteil jeder Website. Sie sind hinterher schwer nachzurüsten und im Bau ohne großen Zusatzaufwand zu haben:

• SEO-Fundament: saubere Seitenstruktur, sinnvolle Überschriften-Hierarchie, Sitemap, robots.txt, optimierte Startseite. Weiterführende Suchmaschinenoptimierung läuft danach über den Marketing-Bereich, aber das Fundament steht ab Tag eins.

• Datenschutz by design: Consent-Management gehört zum Grundstandard, nicht als Banner am Schluss draufgeklebt. Auf Wunsch geht es bis zur vollen Strenge: keine externen CDNs, lokale Schriften und Icons, Honeypot statt reCAPTCHA.

• Barrierefreiheit in der Grundausstattung: semantisches HTML und die wichtigen Eckpfeiler sind gesetzt. Volle Konformität nach BFSG und WCAG ist als eigene Leistung buchbar, auch als Audit für eine bestehende Seite.

Auch KI-Funktionen sind auf Standard-Basis möglich, etwa ein Chat-Assistent oder eine Suche, die Fragen versteht statt nur Wörter zu vergleichen.

Wo Webdesign aufhört und Individualentwicklung beginnt

Die Grenze zwischen den Bereichen ist bei uns keine Verkaufslinie, sondern eine Frage der Technik. Webdesign arbeitet auf Standard-Basis. Sobald ein Projekt eigene Logik braucht, einen Konfigurator mit eigenen Regeln, eine Anbindung an Warenwirtschaft oder ERP, einen Shop mit großem Sortiment und individueller Preislogik, übernimmt Webengineering mit individueller Entwicklung. Gleiches Team, andere Tiefe.

Diese Grenze benennen wir früh, nicht mittendrin. Ein Builder-Projekt, das Stück für Stück in Richtung Individualsoftware gebogen wird, wird unwartbar und teuer. Deshalb fällt die Entscheidung über die Basis schon im Erstgespräch, am Anfang des Ablaufs, und nicht erst, wenn der Bau daran scheitert.

Woran du merkst, dass das Design funktioniert

Der Maßstab ist nicht, ob die Seite gefällt. Der Maßstab ist unsere Marken-Spitze: Abschlüsse, nicht Klicks. Eine Website hat ihre Aufgabe erfüllt, wenn Besucher zu Anfragen werden und aus Anfragen Kunden. Deshalb entsteht sie mit dem Conversion-Ziel im Kopf und nicht als Selbstdarstellung.

Sichtbar wird das an drei Stellen. Erstens am Weg zum Kontakt: Wie viele Klicks liegen zwischen der Startseite und einer abgeschickten Anfrage, und wo brechen Leute ab? Zweitens am Verhalten auf dem Handy, wo schlechte Nutzerführung sofort weh tut und kein zweiter Versuch folgt. Drittens am Aufwand nach dem Launch: Wenn Inhalte ohne Rückfrage bei uns gepflegt werden können, war die Struktur richtig gebaut.

Wir sitzen in Menden im Sauerland und arbeiten seit 2005 an genau dieser Verbindung aus Optik und Wirkung. Qualität steht dabei vorn. Schnell geht es auf Wunsch auch, aber die Reihenfolge bleibt: erst richtig, dann zügig.