Strategie · Webdesign · AI VisualsCase: tensoryzePositionierung, Informationsarchitektur und eine digitale Bildwelt für eine Plattform, die Fertigungsdaten in handlungsrelevante Zusammenhänge übersetzt.
B2B · Strategie · WordPressCase: LOQITKomplexe SAP-Beratung als präzise digitale Marke.
Tool · lokale DemoKI-Sichtbarkeit prüfenEin strukturierter Readiness-Check für Inhalte und Technik.Strategie · UX · Visual Design
Gutes Webdesign beginnt nicht bei Farben, sondern bei Botschaft, Priorität und Nutzerweg. Daraus entwickeln wir eine visuelle Sprache und Komponenten, die unterschiedliche Inhalte tragen, ohne jede Seite gleich aussehen zu lassen.
Webdesign-Agentur Bodensee
Als Webdesign-Agentur übersetzen wir Positionierung, Angebot und Inhalte in eine digitale Gestaltung mit eigener Haltung. Dabei geht es nicht um eine schöne Oberfläche als Selbstzweck. Besucher sollen schnell verstehen, was du anbietest, warum es relevant ist und welcher nächste Schritt zu ihrer Situation passt.
sem. entwickelt seit 2014 individuelle Websites. Du arbeitest direkt mit Frank; Konzeption, Nutzerführung, visuelles Design und technische Umsetzung bleiben dadurch eng verbunden. Statt eines starren Templates entsteht ein System aus Typografie, Farben, Bildern und Komponenten, das deine Inhalte trägt und von deinem Team weitergeführt werden kann.
Unsere Webdesign-Leistungen
Wir übernehmen komplette neue Websites und Relaunches oder steigen gezielt bei Struktur, Designsystem und Umsetzung ein.
Website besprechenWir klären Ziele, Zielgruppen, Angebot und vorhandene Inhalte. Daraus entsteht eine Informationsarchitektur mit verständlichen Seitentypen, Prioritäten und Nutzerwegen. Jede Seite erhält eine konkrete Aufgabe, bevor Gestaltung und Textproduktion beginnen.
Struktur entwickelnNavigation, Einstiege, Inhalte und Handlungswege werden entlang realer Fragen geplant. Wir prüfen, was Menschen zuerst wissen müssen, welche Belege Vertrauen schaffen und wie Formulare oder Kontaktwege ohne unnötige Hürden erreichbar sind.
Nutzerwege klärenTypografie, Farbe, Fläche, Bildsprache und Bewegung werden aus deiner Marke entwickelt. Das Ergebnis soll eigenständig wirken, aber nicht auf Kosten von Lesbarkeit und Orientierung. Entscheidungen werden an echten Inhalten statt an Blindtext getroffen.
Designrichtung besprechenMobile ist keine verkleinerte Desktopseite. Reihenfolge, Navigation, Textlänge, Bildzuschnitt und Bedienflächen werden für unterschiedliche Viewports gestaltet und geprüft. Kritische Nutzerwege müssen auch mit wenig Platz verständlich bleiben.
Responsive Konzept anfragenDas Design wird in passende Komponenten, Seitentypen und redaktionelle Felder übersetzt. Je nach Projekt setzen wir WordPress oder eine andere geeignete Webtechnologie ein. Performance, Zugänglichkeit und technische SEO-Grundlagen fließen von Anfang an ein.
Umsetzung planenWir führen reale Texte, Bilder und Belege zusammen und prüfen die Website auf definierten Geräten. Navigation, Formulare, Metadaten und wichtige Randfälle werden vor der Freigabe kontrolliert. Für Pflege, Wartung und Weiterentwicklung gibt es eine klare Übergabe.
Relaunch vorbereitenDer Nutzen von gutem Webdesign
Gestaltung wirkt am stärksten, wenn sie Botschaft, Inhalt und Bedienung zu einem verständlichen Ganzen verbindet.
Klare Hierarchien zeigen, welche Leistungen für wen gedacht sind und worin der Unterschied liegt. Besucher müssen sich die Bedeutung nicht aus verstreuten Texten, Bildern und Menüpunkten selbst zusammensetzen.
Ein eigenständiges System überträgt Haltung und Qualität auf jede Seite. Typografie, Bildrolle und Bewegung folgen Regeln, ohne alle Inhalte gleichförmig aussehen zu lassen.
Wiederverwendbare Komponenten geben Orientierung, ohne die Redaktion in ein starres Raster zu zwingen. Neue Leistungsseiten und Cases können wachsen, ohne jedes Mal ein neues Layout erfinden zu müssen.
SEO, Kampagnen, Tracking und spätere Integrationen werden nicht als fremde Nachträge behandelt. Die Website erhält von Anfang an Stellen für Suchintention, Proof, Conversion und messbare Nutzerwege.
Woran du gutes Webdesign erkennst
Ein belastbares Design funktioniert nicht nur im Hero, sondern auch bei langen Leistungen, echten Bildern, Formularfehlern und kleinen Bildschirmen.
Überschriften, Abstände, Kontraste und Handlungswege zeigen, was zusammengehört und was zuerst zählt. Dekorative Effekte dürfen diese Reihenfolge unterstützen, aber nicht überdecken.
Wir prüfen kurze und lange Titel, fehlende Bilder, unterschiedliche Case-Formate und redaktionelle Grenzfälle. Ein gutes Komponentenmodell bleibt stabil, ohne Inhalte in unpassende Längen zu pressen.
Bedienelemente, Tastaturwege, Fokus, Kontraste und unterschiedliche Viewports gehören zur Qualitätsprüfung. Vollständige Barrierefreiheit hängt vom vereinbarten Umfang ab und wird nicht pauschal behauptet.
Use Case · B2B-Relaunch
Bei einem B2B-Relaunch beginnen wir mit den Fragen potenzieller Kunden und den Rückmeldungen aus Vertrieb oder Beratung. Leistungen, Zielgruppen, Belege und nächste Schritte erhalten klare Seitenrollen. Daraus entwickeln wir eine visuelle Richtung und wiederverwendbare Komponenten mit echten Texten. Die Umsetzung wird auf Desktop, Tablet und Smartphone geprüft. Bestehende URLs und Suchsignale werden vor dem Start inventarisiert, damit das neue Design nicht unbemerkt funktionierende Strukturen zerstört.
Unser Prozess
Wir entscheiden zuerst über Inhalt und Hierarchie, dann über Form. Du siehst früh konkrete Entwürfe und kannst Feedback an echten Seiten geben.
Wir inventarisieren Inhalt, Marke, Nutzungswege und relevante Referenzen.
Mehrere belastbare visuelle und dramaturgische Ansätze machen Entscheidungen vergleichbar.
Die gewählte Richtung wird in Tokens, Komponenten, Seitentypen und Zustände übersetzt.
Reale Inhalte werden auf definierten Geräten, mit Tastatur und in Grenzfällen geprüft.
Ausgewählte Referenzen
Die Projekte zeigen Strategie, Informationsarchitektur, individuelles Design und WordPress-Umsetzung in unterschiedlichen Branchen.
Je nach Auftrag gehören Positionierung, Seitenstruktur, UX, visuelles Design, responsive Zustände und technische Umsetzung dazu. sem. kann außerdem Inhalte, SEO-Grundlagen, Trackingkonzept und den Relaunch-Zusammenhang einbeziehen. Der konkrete Umfang wird vor Projektstart festgelegt, damit klar bleibt, was du lieferst und was wir übernehmen.
Der Preis hängt von Seitenzahl allein nur begrenzt ab. Größere Kostentreiber sind Positionierungsarbeit, Contentumfang, Designindividualität, Funktionen, Integrationen und Migrationsaufwand. Nach einem Erstgespräch erhältst du einen abgegrenzten Vorschlag mit Leistungen, Mitwirkung und optionalen Ausbaustufen statt eines unklaren Pauschalpreises.
Eine kleine Website mit geklärten Inhalten ist schneller umsetzbar als ein Relaunch mit vielen Seitentypen und Beteiligten. Entscheidend sind auch Feedback- und Freigabezeiten. Wir planen deshalb Phasen, Zuständigkeiten und Abnahmen vor dem Start und nennen den Zeitrahmen erst, wenn Umfang und Zuarbeit realistisch eingeschätzt sind.
Nein, aber echte Inhalte sollten früh in die Gestaltung einfließen. Wir können vorhandenes Material strukturieren, Texte konzeptionieren und die Bildrolle festlegen. Wer welche Inhalte erstellt, wird im Angebot geregelt. Blindtext dient höchstens kurz als Platzhalter, weil Länge, Ton und Belege das Design wesentlich beeinflussen.
Nein. WordPress ist oft passend, wenn ein Team Inhalte flexibel pflegen möchte und das Ökosystem die Funktionen trägt. Für statisch ausgelieferte, komponentenbasierte oder anwendungsnahe Projekte können andere Technologien sinnvoller sein. Wir wählen das System nach Redaktion, Funktionen, Betrieb und vorhandener IT – nicht nach einem pauschalen Favoriten.
Mehr zu WordPressDie Darstellung auf relevanten Viewports gehört zu einem professionellen Projekt, aber die Prüftiefe muss vereinbart sein. Wir gestalten Reihenfolge, Navigation und Komponenten für mobile Nutzung und testen definierte Geräte- und Browsergrößen. Besondere Anforderungen an Barrierefreiheit oder spezielle Endgeräte werden zusätzlich dokumentiert.
Wir übergeben Pflege, Komponenten und vereinbarte Dokumentation verständlich. Hosting, technische Wartung, redaktionelle Unterstützung, SEO oder laufende Optimierung können separat vereinbart werden. Vor dem Start sollte klar sein, wer Updates, Inhalte, Monitoring und Störungen verantwortet, damit die Website nicht ohne Besitzer bleibt.
Dein nächster Schritt
Wir prüfen Ausgangslage, Inhalte und Ziele. Danach ist klar, ob Design-Sparring, gezielte Weiterentwicklung oder ein vollständiger Relaunch passt.
Webdesign-Projekt besprechen
