Spürbar schnell
Wer warten muss, ist weg. Deine Seite lädt schnell, auch unterwegs im Mobilfunknetz.
- Webdesign
- Webentwicklung
- Relaunch
Düsseldorf
Ortszeit
Deine Website sollte so gut sein
wie dein Unternehmen.
Wir gestalten und entwickeln Websites, die aus Besuchern Anfragen machen. Vom ersten Entwurf bis zum Livegang, ohne dass du mehrere Dienstleister abstimmen musst.
Projekt anfragenGute Unternehmen haben nicht automatisch gute Websites.
Das Unternehmen wächst.Die Website bleibt stehen.
Und wer dich noch nicht kennt, beurteilt dich nach ihr.
Angebot
Leistungen
Du musst nicht wissen, welche Leistung du brauchst. Das klären wir gemeinsam im ersten Gespräch.
Webdesign
Wer nicht sofort versteht, was du anbietest, fragt woanders an.
Ein klares Design zeigt auf den ersten Blick, wer du bist, was du anbietest und warum man sich bei dir melden sollte. Entworfen für dein Unternehmen, nicht aus einer Vorlage, die dein Wettbewerber auch benutzt.
Du bekommstEin eigenes Design, an dem man dich wiedererkennt.
Webentwicklung
Viele Websites sehen im Entwurf besser aus als im Browser.
Wir setzen das Design selbst um, ohne Baukasten und ohne Abstriche. Was dich im Entwurf überzeugt hat, sehen deine Besucher genauso, auch auf dem Smartphone.
Du bekommstEine Website, die so gut funktioniert, wie sie aussieht.
Relaunch
Eine neue Website darf nicht kosten, was die alte schon erreicht hat.
Wir ordnen Struktur, Inhalte und Nutzerführung neu und behalten, was schon funktioniert. Bisherige Adressen leiten wir weiter, damit deine Kunden und Google dich weiter finden.
Du bekommstEin Auftritt, der wieder zu deinem Unternehmen passt.
Ablauf
Prozess
Du weißt immer, woran wir arbeiten. Nach jedem Schritt siehst du ein Ergebnis und entscheidest mit, bevor es weitergeht.
01 Verstehen
Was soll deine Website erreichen?
Wir hören zu, bevor wir etwas vorschlagen. Danach weißt du, was du bekommst und was es kostet.
Ergebnis
- Ziele und Zielgruppe
- Einschätzung der bestehenden Website
- Umfang und Preis
Deine Freigabe
02 Strukturieren
Was müssen Besucher sofort finden?
Wir ordnen die Inhalte so, dass Besucher schnell finden, was sie suchen, und wissen, wie sie dich erreichen.
Ergebnis
- Seitenstruktur
- Inhaltsplan
- Nutzerführung
Deine Freigabe
03 Gestalten
Wie soll dein Unternehmen wirken?
Du siehst das Design, bevor entwickelt wird, und sagst, was noch nicht passt. Gebaut wird, was dich überzeugt.
Ergebnis
- Designentwurf
- Mobile Ansicht
- Feedbackrunde
Deine Freigabe
04 Entwickeln
Wie wird aus dem Entwurf eine echte Website?
Wir setzen das Design mit deinen echten Inhalten um, nicht mit Platzhaltern. So siehst du vor dem Start, wie die fertige Seite aussieht.
Ergebnis
- Umsetzung
- Inhalte einpflegen
- Tests auf allen Geräten
Deine Freigabe
05 Veröffentlichen
Was passiert nach dem Livegang?
Die Seite geht erst live, wenn alles funktioniert. Danach weißt du, wie du mit ihr arbeitest.
Ergebnis
- Letzte Prüfung
- Livegang
- Einweisung
Live
Haltung. Design und Technik. Ohne Technik bleibt Design ein Bild. Ohne Design bleibt Technik Code.
Werkzeuge
Technik
Nicht nach Trend gewählt, sondern nach dem, was deine Website leisten muss.
Sauber auffindbar
Wer nach dir sucht, soll dich finden und nicht deinen Wettbewerber. Deine Seiten sind so aufgebaut, dass Suchmaschinen sie verstehen.
Selbst pflegbar
Texte und Bilder änderst du selbst. Für jede Kleinigkeit eine Rechnung zu bekommen, gehört nicht dazu.
Langfristig belastbar
Neue Seiten, Angebote oder Sprachen kommen einfach dazu. In zwei Jahren fängst du nicht wieder bei null an.
00/46 Auf dieser Website im Einsatz
- 19Auf dieser Website im Einsatz
- 46Für dein Projekt verfügbar
Welche davon zum Einsatz kommen, entscheidet dein Projekt.
Bewege die Maus über ein Werkzeug oder tippe es an, um mehr zu erfahren.
Interface
Wireframes, Komponenten und Layouts, bevor eine Zeile Code entsteht.
- Wireframes, Prototypen und User Flows, getestet vor der Umsetzung.Auf dieser Website im Einsatz
- Entwürfe, Prototypen und Designsysteme an einem Ort, jederzeit für dich einsehbar.
- Jede Komponente einzeln dokumentiert und getestet, bevor sie auf eine Seite kommt.
- Fluide Layouts mit Breakpoints und Container Queries.Auf dieser Website im Einsatz
- Design Tokens und Komponenten als gemeinsame Basis von Design und Code.Auf dieser Website im Einsatz
Frontend
Markup, Styling und Interaktion, gerendert im Browser.
- Semantisches Markup und ARIA als Basis für Zugänglichkeit und SEO.Auf dieser Website im Einsatz
- Grid, Flexbox, Custom Properties und native Animationen.Auf dieser Website im Einsatz
- ES-Module für Interaktion und Logik im Browser.Auf dieser Website im Einsatz
- Statische Typen, die Fehler schon beim Build abfangen.
- Komponenten und Server Components, Basis von Next.js.Auf dieser Website im Einsatz
- Reaktive Komponenten mit Composition API, Basis von Nuxt.
- Kompiliert zu schlankem JavaScript ohne Laufzeit im Browser, Basis von SvelteKit.
- Build-Werkzeug mit sofortigem Neuladen in der Entwicklung, Basis vieler Frameworks.
- Utility-first CSS, gekoppelt an die Design Tokens.Auf dieser Website im Einsatz
- Zugängliche Komponenten als Quellcode im Projekt, frei an das eigene Design angepasst.Auf dieser Website im Einsatz
- Animationen für React, gesteuert über Scrollen und Interaktion.Auf dieser Website im Einsatz
- Timeline-Animationen und scrollgesteuerte Effekte.
- 3D und WebGL im Browser, für Szenen, die sich mit Scrollen und Maus bewegen.
Framework / CMS
Rendering, Routing und Content-Verwaltung. Pro Projekt genau einer dieser Wege.
- React-Framework mit SSR, statischer Generierung und Edge-Auslieferung.Auf dieser Website im Einsatz
- Vue-Framework mit SSR und hybridem Rendering.
- Islands-Architektur, standardmäßig ohne JavaScript im Client.
- Svelte-Framework mit SSR, Routing und statischer Generierung.
- Full-Stack-Framework für React mit typsicherem Routing.
- Individuelles Theme mit Custom Blocks statt Page Builder.
- Liquid-Themes oder headless über die Storefront API.
Backend & Daten
Datenbanken, Inhaltsverwaltung, Zahlungen und APIs hinter der Oberfläche.
- Server-Laufzeit für API-Routen, Formulare und Webhooks.
- Relationale Datenbank mit Transaktionen und JSON-Feldern.
- Postgres mit Auth, Storage und Row Level Security.
- Headless CMS mit frei gestaltbarer Oberfläche zum Pflegen der Inhalte.
- Headless CMS auf Next.js-Basis, läuft im selben Projekt wie die Website.
- Anbindung externer Dienste wie Zahlung, Buchung oder CRM.Auf dieser Website im Einsatz
- Zahlungen, Abonnements und Checkout direkt in der eigenen Seite.
- Zahlungsabwicklung als Händler, inklusive Umsatzsteuer und Rechnungen.Auf dieser Website im Einsatz
- Versand von Systemmails wie Bestätigungen und Downloads per API.Auf dieser Website im Einsatz
DevOps
Versionierung, Container, Hosting und Deployment bis zum Livegang.
- Versionskontrolle mit Branches und Code Review für jede Änderung.
- Code, Reviews und automatische Abläufe mit GitHub Actions.
- Container, damit Entwicklung und Server identisch laufen.
- Hosting, CDN und Server-Funktionen nah an jedem Besucher, mit Schutz vor Angriffen.Auf dieser Website im Einsatz
- CI/CD mit Preview-Deployments und globalem Edge-Netzwerk.
- Hosting mit Vorschau für jede Änderung und Funktionen am Rand des Netzes.
Performance & Standards
Messbare Kriterien und Tests, gegen die jede Ebene geprüft wird.
- LCP, INP und CLS, gemessen im Lab und im Feld.Auf dieser Website im Einsatz
- Strukturierte Daten, Sitemaps und saubere Metadaten.Auf dieser Website im Einsatz
- Tastaturbedienung, Kontraste und Screenreader-Tests.Auf dieser Website im Einsatz
- Privacy by Design, ohne unnötige Drittanbieter und Cookies.Auf dieser Website im Einsatz
- Automatische Tests in echten Browsern, bevor eine Änderung live geht.
- Besucherstatistik ohne Cookies und ohne Einwilligungsbanner.
Anfrage