Wir setzen das Design als responsive, wartbare Website um. Die technischen Entscheidungen hängen davon ab, wie viel Sie publizieren, wer die Inhalte pflegt und mit welchen Systemen die Website verbunden werden soll.
Die Technologie richtet sich nach dem Projekt. Unsere jüngsten individuellen Websites, diese eingeschlossen, sind mit Next.js, React und TypeScript gebaut. Passt eine Plattform besser, etwa WooCommerce für einen Shop oder Webflow für eine Marketing-Website, die Ihr Team selbst pflegt, ist sie die richtige Wahl; Code um seiner selbst willen hilft niemandem.
Was wir liefern
- Frontend-Entwicklung nach dem freigegebenen Design
- Einrichtung des CMS mit Inhaltsmodellen und Redaktionsrollen
- Responsive Umsetzung und Tests in allen gängigen Browsern
- Formulare mit Validierung, Spamschutz und E-Mail-Versand
- Barrierefreiheit im Aufbau: semantisches Markup, Tastaturbedienung, Kontraste
- Optimierung von Bildern, Video und Schriften
- Metadaten, Sitemap und strukturierte Daten
- Hosting, Launch und Weiterleitungen
Technologie & Umsetzung
Ein individueller Aufbau mit Next.js lohnt sich, wenn das Design präzise Layouts, Animation oder interaktive Elemente verlangt oder wenn die Website Funktionen einer Anwendung braucht, etwa Konten, einen Konfigurator oder Integrationen. Je nach Projekt setzen wir auf serverseitiges Rendering oder statisch generierte Seiten. Performance, Barrierefreiheit und technische Auffindbarkeit müssen unabhängig davon berücksichtigt und geprüft werden.
Die Inhalte kommen meist aus einem Headless CMS. Die Redaktion arbeitet in einer vertrauten Oberfläche, und das Frontend bleibt davon unabhängig. Welches CMS passt, hängt von Ihrem Team und der Menge an Inhalten ab; eine kleine Website kann ihre Inhalte auch direkt im Code-Repository halten.
Das Hosting hängt vom Stack ab. Eine Next.js-Website kann auf einer Plattform wie Vercel laufen, mit einer Vorschau für jede Änderung. So prüfen Sie genau den Stand, der live geht. Formulare, Analytics und Cookie-Einwilligung werden datenschutzbewusst eingerichtet, und die Einstellung für reduzierte Bewegung wird überall respektiert.
Ablauf
Technisches Konzept
Plattform, CMS, Hosting und Integrationen, abgestimmt auf Ihre Inhalte und Ihr Team.
Umsetzung in Vorschauen
Jeder Bereich wird auf einem Live-Vorschaulink gebaut und abgenommen, nicht auf Screenshots.
Inhalte und Tests
Echte Inhalte eingepflegt, dann Tests auf Smartphones, in Browsern, mit Tastatur und Screenreader.
Launch und Übergabe
Domain, Weiterleitungen und Analytics eingerichtet, danach eine Einführung für Ihre Redaktion.
Anwendungsbeispiel
Ein illustratives Szenario, keine Beschreibung eines abgeschlossenen Projekts.
Ein Designstudio übergibt fertige Layouts für eine mehrsprachige Website mit Produktkatalog und Anfrageformular. Wir bauen das Frontend, binden das Content-System an, richten sprachspezifische Adressen und Metadaten ein und übergeben der Redaktion eine Website, die sie selbst pflegen kann.