Onlineshop-Entwicklung als zusammenhängendes System — Frontend, Backend und Schweizer Compliance-Layer

Schnellfakten

ParameterValue
SchwerpunktE-Commerce-Plattformen, Headless-Shop-Architektur, Twint-Integration
E-Commerce-PlattformenShopify, Shopware, WooCommerce, OpenCart, Magento
Headless-FrontendsNext.js, Astro, Nuxt, Vue Storefront
StandorteBasel (HQ), schweizweit remote
Preis Standard-Onlineshopab CHF 12,000 (Shopify/WooCommerce, 20–50 Produkte, Twint)
Preis Custom-Shopab CHF 25,000 (Shopware oder Magento, komplexer Katalog)
Preis Headless E-Commerceab CHF 35,000 (separates Frontend + Backend)
Lieferzeit6–14 Wochen je nach Plattform und Katalog-Grösse
Schweizer ComplianceTwint, MWST 7.7% / 2.5% / 3.8%, FADP, Post CH / DPD
Code-EigentumSie bekommen das Git-Repo. Kein Vendor-Lock-in.
0+
E-Commerce-Plattformen
0
Phasen Implementation
0+
Jahre Erfahrung
0%
Code-Eigentum bei Ihnen

Was Onlineshop- und Web-Entwicklung wirklich umfasst

Onlineshop-Entwicklung ist die technische Umsetzung eines E-Commerce-Projekts: Katalog-Struktur, Checkout, Zahlung, Versand, Steuern, API-Integration und Performance. Sie beginnt mit dem Verstehen der Anforderungen — welche Produkte, welche Zielgruppe, welche Lieferprozesse, welche Anbindungen an Lager, ERP oder CRM — und endet bei einem lauffähigen, wartbaren Shop, der unter realer Last funktioniert.

Web-Entwicklung ist der breitere Begriff für individuelle Implementation jeder digitalen Anwendung: Marketing-Sites, Landing-Pages, Members-Areas, Web-Apps, Booking-Plattformen, Dashboards. Was sie nicht ist: ein gekauftes Theme mit Logo-Tausch, ein reiner Design-Job oder eine einmalige Aufgabe ohne Maintenance-Konzept. Code, der nicht gepflegt wird, veraltet schnell.

Unsere E-Commerce-Plattformen für Schweizer Onlineshops

Shopify E-Commerce Plattform für Schweizer Onlineshops
Shopware als Headless-Onlineshop-Lösung
WooCommerce für WordPress-basierte Onlineshops
OpenCart als Open-Source Webshop-Engine in der Schweiz

Dazu Magento für grosse Kataloge mit komplexen Regeln und Headless-Architekturen mit Commercetools, Saleor oder Shopify Headless als Backend plus Astro oder Next.js als Frontend. Die passende Plattform hängt von Produkt-Anzahl, Redaktions-Workflow, Integrations-Bedarf und Performance-Anspruch ab — das klären wir im Architecture-Workshop, nicht über einen Default.

Welcher Stack zu welchem Anwendungsfall passt

StackBeste fürPreis-RangePflege-Aufwand
ShopifyE-Commerce mit schneller Time-to-Market, Twint via App, 20–500 ProdukteCHF 8,500–32,000Niedrig (gehostet) + Subscription
ShopwareB2B-Onlineshops, Headless-fähig, komplexe Preis- und Lager-RegelnCHF 18,000–60,000Mittel-Hoch (Self-Hosted)
WooCommerceWordPress-basierte Sites mit Shop-Modul, mittlere Produkt-AnzahlCHF 9,000–28,000Mittel (Updates wöchentlich)
OpenCartSchlanke Open-Source-Shops, individuelle Anpassungen, Budget-bewusstCHF 7,500–22,000Mittel (eigene Server)
WordPressContent-heavy Marketing-Sites, redaktioneller Workflow, Multi-AuthorCHF 6,500–22,000Mittel (Updates wöchentlich)
AstroSpeed-First Marketing-Sites, AEO/GEO-optimiert, kleinere ShopsCHF 7,500–35,000Niedrig (statisch + Git)
Next.jsWeb-Apps, dynamische Inhalte, Authentifizierung, Headless-FrontendCHF 18,000–80,000Mittel-Hoch (Dev-Workflow)
Headless (CMS + Astro/Next)Multi-Channel-Output (Site + App + Print), grosse Redaktions-TeamsCHF 25,000–95,000Hoch (Backend + Frontend)

Schweizer Anforderungen: Twint, MWST, DSG, Versand

Twint, Stripe und PayPal für Onlineshops in der Schweiz, mit MWST und Versand

Schweizer Onlineshops haben eigene Anforderungen, die internationale Plattformen nicht out-of-the-box abdecken. Twint integrieren wir über Wallee, Datatrans oder Stripe-Twint — je nach Plattform und Volumen. MWST sauber konfiguriert mit 7.7% Standard und 2.5% reduziert, inklusive korrekter Belegausstellung und Reverse-Charge-Logik bei B2B-EU. Versand über DPD, Swiss Post oder PostFinance, mit Echtzeit-Tarifen und Tracking. Datenschutz nach DSG und parallel DSGVO, inklusive Cookie-Banner und Server-Side-Tracking.

Was wir bei jeder Implementation liefern

Pixel-perfekte Umsetzung

1:1 nach Figma-Spec. Spacing, Typografie, Farben, Animations-Frames — alles exakt wie designed. Änderungen nur nach schriftlicher Freigabe.

Performance-Engineering

Image-Optimierung (AVIF/WebP), Lazy-Loading, Critical-CSS-Inlining, Code-Splitting, CDN-Setup. Zielwert: PageSpeed 95+ und Core Web Vitals „good".

Schema.org-Markup

Organization, LocalBusiness CH (areaServed Kantone), FAQPage, Article, Product. Validiert über Schema.org Validator und Google Rich Results.

FADP-konforme Compliance

Cookie-Banner (Cookiebot, OneTrust, Self-Hosted), Imprint, Datenschutz-Seite, Server-Side-Tracking-Setup, Analytics-Anonymisierung.

E-Commerce mit Twint

Wallee, Datatrans oder Stripe-Twint-Integration. Schweizer MWST-Setup, DPD/Post-Versand, Multi-Currency, Subscription-Billing wo nötig.

Headless-Architektur

Trennung Backend (Sanity, Strapi, Contentful, Shopware) und Frontend (Next.js, Astro). Multi-Channel-Output und Performance über CDN-Layer.

API-Integrationen

CRM (HubSpot, Salesforce, Pipedrive), ERP (SAP, Abacus, Dynamics), Marketing-Tools (Mailchimp, Brevo), Custom-Tools über Make.com oder n8n.

Authentication & Members-Areas

Auth0, Clerk, Supabase Auth, NextAuth. Member-Roles, Subscription-Tiers, gated Content, Paywall, Access-Control.

CI/CD & DevOps

Git-Workflow auf GitHub/GitLab, Preview-Deploys (Cloudflare Pages, Vercel, Netlify), Staging-Umgebung, Automated Tests vor Production-Deploy.

Hosting-Beratung

Wir hosten nicht selbst — beraten zu Cloudflare Pages, Vercel, Netlify, Hostpoint (CH), WP Engine, Kinsta. Sie behalten volle Kontrolle.

SEO-Implementation-Layer

Hreflang, Canonical, robots.txt, llms.txt für AI-Crawler, Sitemap-Generation, Redirects-Map. Bereit für SEO-Retainer ab Tag 1.

Maintenance & Monitoring

Wöchentliche Security-Updates, Uptime-Monitoring, Error-Tracking (Sentry), Performance-Drift-Alerts. Optional als Vertrag ab CHF 250/Monat.

Vier-Phasen Implementation-Prozess

Vier Phasen unserer Onlineshop- und Web-Entwicklung von Architecture-Workshop bis Launch
  1. Phase 1 — Architecture-Workshop (Woche 1). Stack-Entscheidung, Hosting-Empfehlung, Integration-Mapping, Daten-Migration-Plan, Risiken und Abhängigkeiten. 60–120 Min mit Tech-Lead.
  2. Phase 2 — Setup & Build (Wochen 2–9). Repo-Setup, CI/CD, Komponenten-Bibliothek aus Figma, Page-Implementation, Schema, Compliance-Layer, Onlineshop-Katalog. Wöchentliche Demo-Deploys.
  3. Phase 3 — Integration & QA (Wochen 9–11). CRM-/ERP-Integration, Zahlungs-Anbindung mit Twint, Form-Submissions, Analytics-Tracking, Cross-Browser-Tests, Mobile-Real-Device-Tests, Accessibility-Audit, Lighthouse-Performance.
  4. Phase 4 — Launch & Stabilisierung (Woche 12). DNS-Cutover, Cache-Warm-up, 7-Tage-Monitoring-Period, Hot-Fix-Pool. 14-Tage-Garantie auf Bug-Fixes nach Launch.

Onlineshop oder Headless — welcher Ansatz wann Sinn macht

Headless-Architektur trennt Onlineshop-Backend und Frontend für mehr Flexibilität

Ein klassischer Onlineshop auf Shopify, Shopware oder WooCommerce ist die schnellste Lösung für 80% aller Schweizer KMU-Cases: vorhandene Themes, etablierte Plugins, schneller Launch. Headless trennt Shop-Backend und Frontend und bringt deutlich mehr Performance, Multi-Channel-Output und Flexibilität — lohnt sich aber erst ab mittlerer Komplexität: grosse Kataloge, mehrere Verkaufskanäle, eigene Mobile-App oder strenge Performance-Anforderungen. Wir empfehlen die passende Variante ehrlich nach Anforderungen, nicht nach Trends.

Warum Digital Delight als Onlineshop- und Web-Entwicklung-Agentur

Wir sind ein eingespieltes Senior-Team mit Sitz in Basel und schweizweiter Betreuung. Sie sprechen im Architecture-Workshop direkt mit dem Tech-Lead, nicht mit einem Vertriebs-Layer. Wir arbeiten mit transparenten Preisen ab CHF 6,500, klaren Lieferzeiten, ohne Auto-Renewal-Klauseln, und Sie behalten das Git-Repo. Kein Vendor-Lock-in, kein „Sie können nur bei uns weitermachen". Plattform wählen wir nach Anforderungen — wir sind nicht an einen Hersteller gebunden.

Häufig gestellte Fragen zur Onlineshop- und Web-Entwicklung

Was kostet die Entwicklung eines Onlineshops in der Schweiz?

Ein individueller Onlineshop in der Schweiz kostet typisch CHF 12,000–60,000 je nach Plattform, Produkt-Anzahl, Custom-Funktionen und Integrationen. Wir starten Onlineshop-Projekte ab CHF 12,000 für ein sauberes Setup mit Twint, MWST-Konfiguration, Versand-Anbindung und 20–50 Produkten. Headless-Stacks und individuelle Lösungen liegen darüber.

Welche E-Commerce-Plattform passt zu meinem Onlineshop?

Shopify für schnelle Time-to-Market und einfache Bedienung. Shopware für anspruchsvolle B2B-Setups und Headless-Architektur. WooCommerce für WordPress-basierte Inhalte plus Shop. OpenCart als schlanke Open-Source-Lösung. Magento für grosse Kataloge mit komplexen Regeln. Die Entscheidung fällt im Architecture-Workshop nach Anforderungen.

Was ist Onlineshop-Entwicklung — und was ist sie nicht?

Onlineshop-Entwicklung ist die technische Umsetzung eines E-Commerce-Projekts: Katalog-Struktur, Checkout, Zahlung, Versand, Steuern, Integrationen, Performance. Sie ist nicht: ein installiertes Standard-Theme mit Logo-Tausch, eine reine Design-Aufgabe oder ein Marketing-Service. Design und Marketing laufen als separate Disziplinen rund um die Entwicklung.

Was ist der Unterschied zu Webdesign?

Webdesign liefert die Figma-Datei und Spec — Konzept und Visual. Web-Entwicklung baut daraus die fertige, deploybare Website oder den Onlineshop. Beide Services getrennt buchbar oder als Paket mit 15% Rabatt.

Was bedeutet "Headless-Architektur" beim Onlineshop?

Trennung von Shop-Backend (z.B. Shopware, Shopify, Commercetools) und Frontend (z.B. Next.js, Astro). Bringt mehr Flexibilität, deutlich bessere Performance und Multi-Channel-Output — gleicher Katalog für Web, Mobile-App, In-Store-Display. Sinnvoll ab mittlerer Komplexität.

Wie sieht der Implementation-Prozess konkret aus?

Vier Phasen: Architecture-Workshop (1 Wo) → Setup & Build (3–8 Wo) → Integration & QA (1–2 Wo) → Launch & Stabilisierung (1 Wo). Insgesamt 4–12 Wochen je nach Plattform und Umfang.

Wie funktioniert Twint und welche Anbieter unterstützt ihr?

Wir integrieren Twint über Wallee, Datatrans oder Stripe-Twint. Dazu Stripe, PayPal, SEPA, Kreditkarten. Schweizer MWST-Setup (7.7% Standard, 2.5% reduziert) im Checkout. Multi-Currency CHF/EUR. Versand-Logik DPD, Post CH, Swiss Post.

API-Integrationen — was ist möglich?

CRM (HubSpot, Pipedrive, Salesforce), ERP (SAP, Microsoft Dynamics, Abacus), Analytics (GA4, Plausible, Matomo), E-Mail (Mailchimp, Brevo, Klaviyo), Booking (Calendly, Cal.com), Custom-API über Make.com oder n8n. Bei Onlineshops zusätzlich Lagerverwaltung und Warenwirtschaft.

Was passiert bei Updates und Wartung?

Maintenance-Vertrag CHF 250–800/Monat (je nach Volumen und Plattform): Security-Updates, kleine Content-Edits, Bug-Fixes, Performance-Monitoring. Oder ad-hoc CHF 95–150/Stunde. Sie haben volle Eigentümerschaft am Code — kein Vendor-Lock-in.

Architecture-Workshop für Ihren Onlineshop buchen?

60–120 Minuten mit unserem Tech-Lead. Wir gehen durch Anforderungen, empfehlen Plattform und Stack, schätzen den Aufwand ehrlich. Workshop ist kostenlos bis zum signed Quote.