Leistung 01 / Webdesign
Webdesign,das nichtnur gut aussieht.
Webdesign
Webdesign ist der Prozess, eine Webseite, einen Shop oder eine Anwendung so zu gestalten, dass sie eine Marke trägt, ein Geschäftsziel erfüllt und für jeden Nutzer auf jedem Gerät verständlich, schnell und barrierefrei funktioniert. Es umfasst Strategie, Informationsarchitektur, UI, UX, Designsystem, Prototyping und die enge Übergabe an die Entwicklung. Bei soy. webdesign in Stuttgart beginnt jedes Webdesign-Projekt mit einem klaren Briefing und endet mit einer Seite, die messbar Conversions, Sichtbarkeit und Markenwahrnehmung verbessert — DSGVO-konform, BFSG- und WCAG-2.2-AA-barrierefrei.
Preis & Zeitrahmen
- Landingpage
- ab 4.000 €
- Standard-Webseite (5–12 Seiten)
- 9.000–18.000 €
- Webshop / Portal / Mehrsprachig
- 22.000–45.000 €
- Standard-Dauer
- 4–7 Wochen
- Wartung danach
- ab 290 € / Monat
/ 01
Was professionelles Webdesign 2026 leisten muss
Eine moderne Webseite ist kein digitaler Flyer, sondern ein vernetztes Produkt: Sie verkauft, qualifiziert Leads, trägt Marke, ranket bei Google und wird von KI-Suchen wie ChatGPT oder Perplexity zitiert. Webdesign muss diese Aufgaben gleichzeitig erfüllen — und zwar so, dass das Team auf der Kundenseite die Inhalte selbstständig pflegen kann. Wir entwerfen deshalb keine isolierten Mockups, sondern Designsysteme, die mit Tokens, Komponenten und klaren Regeln in den Code übergehen.
- Strategie statt Stilvorlieben: jede Designentscheidung leitet sich aus einem messbaren Ziel ab.
- Designsystem statt Einzelseiten: Tokens für Farbe, Typo, Spacing — pflegbar im CMS und im Code.
- Performance-bewusst: Bildoptimierung, Layout-Stabilität (CLS), schnelle Time-to-Interactive.
- Barrierefrei nach BFSG und WCAG 2.2 AA — gesetzliche Pflicht seit Juni 2025.
/ 02
Unser Vorgehen — vom Briefing bis zum Live-Design
Wir liefern in fünf klar abgegrenzten Etappen. Jede endet mit einer entscheidbaren Lieferung, sodass das Projekt nie länger als zwei Wochen ohne sichtbaren Fortschritt verbringt. Sie sehen Designs früh, oft und in echtem Kontext (im Browser, auf echten Geräten — nicht nur in Figma).
- Discovery (Woche 1): Briefing-Workshop, Wettbewerbs- und Zielgruppen-Analyse, technische Bestandsaufnahme.
- Konzept (Woche 2): Informationsarchitektur, Wireframes der Schlüsselseiten, Moodboard.
- Designsystem (Woche 3–4): Tokens, Typografie, Komponenten, Hero-Page als Stilanker.
- Designs (Woche 4–6): alle Seitentypen, mobil und Desktop, Hover- und Interaktionszustände.
- Prototyp und Übergabe (Woche 6–7): klickbarer Prototyp, Design-Token-Export, Frontend-Briefing.
/ 03
Kosten und Zeitrahmen für Webdesign in 2026
Reines Webdesign (ohne Entwicklung) liegt für Mittelstand und KMU in Deutschland 2026 typischerweise zwischen 4.000 € (Landingpage), 9.000–18.000 € (Standard-Webseite mit 5–12 Seitentypen) und 22.000–45.000 € (komplexe Plattform, Webshop oder mehrsprachiges Portal). Premium-Designagenturen mit Awwwards-Niveau liegen oberhalb von 60.000 €. Der Hauptpreistreiber ist nicht die Anzahl Seiten, sondern die Tiefe des Designsystems und die Anzahl maßgeschneiderter Komponenten.
/ 04
Tools und Stack
Wir designen in Figma mit Variables, Auto-Layout und Dev-Mode-Übergaben. Designsysteme dokumentieren wir als Living Documentation direkt im Code (Storybook-kompatibel). Prototypen liefern wir entweder klickbar in Figma oder als statisch deploybare Vorschau-Seite — je nachdem, was die Stakeholder besser bewerten können.
/ 05
Barrierefreiheit (BFSG + WCAG 2.2 AA)
Seit dem 28. Juni 2025 sind viele Webseiten in Deutschland gesetzlich verpflichtet, das Barrierefreiheitsstärkungsgesetz (BFSG) zu erfüllen. Wir gestalten von Anfang an nach WCAG 2.2 AA: ausreichende Farbkontraste, Tastatur-Navigation, Fokus-Sichtbarkeit, semantische HTML-Hierarchie, sinnvolle Alt-Texte, Untertitel für Videos. Der Aufwand zahlt sich doppelt aus — eine barrierefreie Seite ist auch SEO-stärker und im AI-Search besser zitierbar.
FAQ
Antworten, bevor du fragst.
Wie viel kostet professionelles Webdesign in Stuttgart?
Ein typisches Webdesign-Projekt für Mittelstand oder KMU kostet 2026 zwischen 9.000 € und 18.000 €. Eine Landingpage startet bei 4.000 €, ein Webshop oder mehrsprachiges Portal kann auf 22.000–45.000 € steigen. Der Preis hängt vor allem von der Tiefe des Designsystems, der Anzahl maßgeschneiderter Komponenten und der Sprachversionen ab — nicht primär von der Seitenanzahl.
Wie lange dauert ein Webdesign-Projekt?
Eine Standard-Webseite ist im Webdesign in 4–7 Wochen abgeschlossen. Eine Landingpage geht in 2–3 Wochen, ein komplexes Portal oder Mehrsprachen-Shop in 8–12 Wochen. Wir liefern in zweiwöchigen Sprints, sodass Sie alle 14 Tage sichtbaren Fortschritt sehen.
Was ist der Unterschied zwischen Webdesign und Webentwicklung?
Webdesign konzipiert das visuelle und interaktive Erscheinungsbild — Layouts, Farben, Typografie, Komponenten, Nutzerfluss. Webentwicklung übersetzt diese Designs in funktionierenden Code, der im Browser läuft, mit dem CMS verbunden ist und Suchmaschinen versteht. Wir liefern beide Disziplinen aus einer Hand und kalibrieren sie eng aufeinander, damit nichts in der Übergabe verloren geht.
Muss meine Webseite seit 2025 barrierefrei sein?
Sehr wahrscheinlich ja. Das Barrierefreiheitsstärkungsgesetz (BFSG) gilt seit 28.06.2025 für viele B2C-Webseiten und Webshops. Wir gestalten alle Projekte nach WCAG 2.2 AA — das deckt die gesetzlichen Anforderungen ab und verbessert gleichzeitig SEO und Conversion-Rate.
Bietet ihr auch Redesigns und Relaunches an?
Ja. Bei einem Relaunch analysieren wir zuerst Bestandsdaten (Analytics, Heatmaps, SEO-Profil), bewerten den Designstand technisch und ästhetisch und entwickeln dann ein Redesign mit Fokus auf die schwächsten Punkte der bestehenden Seite. Bestandskunden behalten ihre URLs (saubere Redirects), ihre SEO-Equity und ihre Inhalte, soweit sinnvoll.
Welche CMS unterstützt ihr im Designsystem?
Headless: Payload CMS, Sanity, Strapi. Klassisch: WordPress mit Gutenberg-Block-Editor (kein Pagebuilder). E-Commerce: Gambio (eigene Erweiterungen) und Shopware. Bei jedem CMS designen wir die Editor-Erfahrung mit, damit Inhalte ohne Hilfe der Agentur gepflegt werden können.
Können wir das Designsystem später selbst weiterentwickeln?
Ja, das ist explizites Ziel. Wir liefern Tokens (Farbe, Typo, Spacing) als JSON, dokumentierte Komponenten und ein Pflege-Briefing für das interne Team. Optional übernehmen wir mit einem Wartungspaket die Weiterentwicklung.
Wie geht es nach dem Webdesign weiter?
Direkt anschließend baut das Entwicklungsteam die Designs in produktiven Code. Bei uns ist das nahtlos, weil Design und Entwicklung im selben Studio stattfinden. Nach dem Launch gibt es typischerweise eine Stabilisierungsphase (4 Wochen) und dann optional ein Wartungspaket ab 290 €/Monat.
Lass uns deine Webseite konzipieren.
Wir antworten innerhalb von 24 Stunden mit ersten Einschätzungen — kostenlos und unverbindlich.