Web-Entwicklung · Implementation in Code
Web-Entwicklung Agentur in der Schweiz — Implementation in WordPress, Astro, Headless
Wir sind eine Schweizer Web-Entwicklung Agentur in Basel — fokussiert auf Code und Infrastruktur. Wir nehmen ein bestehendes Webdesign (von Ihnen oder unserem Design-Team) und implementieren es als deploybare, performance-optimierte und wartbare Website. Tech-Stack wird im Architecture-Workshop gewählt — nicht per Default.
Schnellfakten
| Parameter | Value |
|---|---|
| Standorte | Basel (HQ), schweizweit remote |
| Tech-Stacks | WordPress, Webflow, Astro, Next.js, Shopify, Laravel |
| Standard-Preis 10-Seiten Implementation | ab CHF 6,500 (One-Time) |
| Standard-Preis Headless / Custom | ab CHF 18,000 (One-Time) |
| Lieferzeit Standard | 4–10 Wochen je nach Komplexität |
| Performance-Garantie | Core Web Vitals "good" — sonst Nachbesserung gratis |
| Code-Eigentum | Sie bekommen Git-Repo. Keine Vendor-Lock-in. |
| Maintenance-Optionen | CHF 250–800/Monat oder ad-hoc CHF 95–150/h |
Welcher Tech-Stack zu welchem Anwendungsfall passt
| Stack | Beste für | Preis-Range | Pflege-Aufwand |
|---|---|---|---|
| WordPress | Content-heavy Sites, redaktioneller Workflow, Multi-Author, Marketing-Sites | CHF 6,500–22,000 | Mittel (Updates wöchentlich) |
| Webflow | Marken-Sites, Designer-driven Updates, kein Plugin-Stack nötig | CHF 8,500–28,000 | Niedrig (gehostet, kein DevOps) |
| Astro | Speed-First, Marketing-Sites, AEO/GEO-optimiert, kleinere e-Commerce | CHF 7,500–35,000 | Niedrig (statisch + Git-Workflow) |
| Next.js | Komplexe Web-Apps, dynamische Inhalte, Authentifizierung, Headless-Architektur | CHF 18,000–80,000 | Mittel-Hoch (Dev-Workflow nötig) |
| Shopify | e-Commerce mit schneller Time-to-Market, Twint-Integration via App | CHF 8,500–32,000 | Niedrig (gehostet) + Subscription |
| Headless (Sanity / Strapi + Next/Astro) | Multi-Channel-Content (Site + App + Print), grosse Redaktions-Teams | CHF 25,000–95,000 | Hoch (Backend + Frontend separat) |
Was wir bei der Implementation liefern
Pixel-perfekte Implementation
1:1 nach Figma-Spec. Spacing, Typografie, Farben, Animations-Frames — alles exakt wie designed. Differences nur nach schriftlicher Freigabe.
Performance-Engineering
Image-Optimierung (AVIF/WebP), Lazy-Loading, Critical-CSS-Inlining, Code-Splitting, CDN-Setup. Zielwert: PageSpeed 95+/100.
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) und Frontend (Next.js, Astro). Multi-Channel-Output, Performance-Optimierung über CDN-Layer.
API-Integrationen
CRM (HubSpot, Salesforce, Pipedrive), ERP (SAP, Microsoft 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 CHF 250–800/Monat.
Vier-Phasen Implementation-Prozess
- Architecture-Workshop (Woche 1). Stack-Entscheidung, Hosting-Empfehlung, Integration-Mapping, Daten-Migration-Plan, Risiken & Abhängigkeiten. 60–120 Min mit Tech-Lead.
- Setup & Build (Wochen 2–7). Repo-Setup, CI/CD, Komponenten-Bibliothek aus Figma, Page-Implementation, Schema, Compliance-Layer. Wöchentliche Demo-Deploys.
- Integration & QA (Wochen 7–9). CRM-/ERP-Integration, Form-Submissions, Analytics-Tracking, Cross-Browser-Tests, Mobile-Real-Device-Tests, Accessibility-Audit, Lighthouse-Performance.
- Launch & Stabilisierung (Woche 10). DNS-Cutover, Cache-Warm-up, 7-Tage-Monitoring-Period, Hot-Fix-Pool. 14-Tage-Garantie auf Bug-Fixes nach Launch.
Häufig gestellte Fragen
Was ist der Unterschied zu Webdesign?
Webdesign liefert die Figma-Datei und Spec — Konzept und Visual. Web-Entwicklung baut daraus die fertige, deploybare Website. Beide Services getrennt buchbar oder als Paket mit 15% Rabatt.
Welcher Tech-Stack passt zu meinem Projekt?
WordPress für Content-heavy mit Redaktions-Workflow. Webflow für Marken-Sites mit visueller Anspruchstiefe. Astro für Performance-First-Sites. Next.js für komplexe Web-Apps. Shopify für e-Commerce. Wir empfehlen im Architecture-Workshop, nicht als Default.
Was bedeutet "Headless-Architektur"?
Trennung von Content-Backend (z.B. Sanity, Contentful, Strapi) und Frontend (z.B. Next.js, Astro). Bringt mehr Flexibilität, Performance und Multi-Channel-Output. Sinnvoll ab mittlerer Komplexität — kleine Sites kommen ohne aus.
Wie sieht der Entwicklungs-Prozess aus?
Vier Phasen: Architecture-Workshop (1 Wo) → Setup & Build (2–6 Wo) → Integration & QA (1–2 Wo) → Launch & Stabilisierung (1 Wo). Insgesamt 4–10 Wochen je nach Umfang.
Implementiert ihr fremde Designs?
Ja. Wir nehmen Ihre vorhandene Figma-Datei (oder Sketch / Adobe XD) und implementieren sie in den gewählten Stack. Erste Phase ist Design-Audit: was funktioniert technisch sauber, wo gibt es Lücken im Design.
Was ist mit e-Commerce in der Schweiz?
Wir integrieren Twint (über Wallee, Datatrans oder Stripe-Twint), Stripe, PayPal, SEPA. 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), Analytics (GA4, Plausible, Matomo), Email (Mailchimp, Brevo, Klaviyo), Booking (Calendly, Cal.com), Custom-API über Make.com oder n8n.
Was passiert bei Site-Updates und Wartung?
Maintenance-Vertrag CHF 250–800/Monat (je nach Volumen): 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.
Architektur-Workshop buchen?
60–120 Minuten mit unserem Tech-Lead. Wir gehen durch Anforderungen, empfehlen Stack, schätzen Aufwand. Workshop ist kostenlos bis zum signed Quote — danach 1.5h × CHF 150 = CHF 225 verrechnet (verfällt mit dem Quote).