Hero Background

Code, das
Eindruck macht

Moderne, performante Websites mit einem eigenen Anspruch an Design und Technik – individuell entwickelt statt von der Stange. Ein Überblick über bisherige Projekte und meine Arbeitsweise.

Moderne Web-Technologien

Mein Ansatz

Ich entwickle mit Next.js 15 und React, dazu ein eigenes Payload-CMS mit flexiblem Block-System für einfache Inhaltspflege. Der Workflow führt vom Figma-Entwurf direkt in den Code, immer mit Fokus auf Performance, Zugänglichkeit und SEO – unabhängig davon, ob am Ende eine vollständig individuelle Website oder eine schnelle Landingpage steht.

Mein Ansatz

Tech-Stack

Frontend

Next.js, React, Tailwind

  • Next.js 15
  • React
  • Tailwind CSS

CMS

Eigenes Payload-CMS mit Block-Builder-System

  • Payload CMS
  • JSON-Block-Builder
  • Einfache Content-Pflege

Design-Workflow

Figma zu Code, KI-gestützte Bildgenerierung im Workflow

  • Figma
  • KI-Bildgenerierung
  • Performance & SEO

Hosting & Performance

Schnell, sicher und wartungsarm gehostet

  • Vercel / Cloudflare Hosting
  • Optimierte Core Web Vitals
  • SSL & automatische Backups
Auch ohne volles Webprojekt

Schnelle Websites mit eigenem Baukasten-System

Du brauchst keine komplette Individualentwicklung, sondern einfach eine schnelle, gut aussehende Website? Dafür nutze ich ein eigenes, schlankes Baukasten-System – eine deutlich abgespeckte Alternative zu klassischen Systemen wie WordPress, mit der sich Landingpages und kleine Websites in kurzer Zeit umsetzen lassen. Inhalte kannst du danach jederzeit selbst pflegen.

Mehr zum System erfahren
Schnelle Websites mit eigenem Baukasten-System
Das System im Überblick

Was das System kann

Große Block-Auswahl

  • Über 20 Block-Typen (Hero, Galerie, Preise, FAQ, Kontakt u.v.m.)
  • Beliebig kombinierbar je Seite

Individuelles Design

  • Eigene Farben & Schriftarten
  • Eckenradien & Stil einstellbar
  • Hell- & Dunkelmodus

Selbst pflegbar

  • Texte & Bilder jederzeit selbst ändern
  • Keine Code-Kenntnisse nötig

Schnelle Umsetzung

  • Landingpages oft in wenigen Tagen
  • Ideal für Mini-Websites & Aktionsseiten
So läuft ein Projekt ab

Ablauf eines Webprojekts

Egal ob individuelle Website oder schnelle Landingpage – der Ablauf bleibt übersichtlich.

chat

Erstgespräch

Wir klären Ziel, Umfang und Budget deines Projekts.

design_services

Design

Entwurf des Layouts in Figma, abgestimmt auf deine Marke.

code

Entwicklung

Umsetzung im Frontend und Einrichtung des CMS bzw. Block-Systems.

rocket_launch

Launch & Übergabe

Go-live sowie kurze Einweisung, damit du Inhalte selbst pflegen kannst.

Stimmen aus Web-Projekten

Das sagen Kund:innen

"Die neue Website lädt spürbar schneller als unsere alte Seite – und sieht dabei auch noch besser aus."

N

Nina K.

Kundin Website-Relaunch

"Ich konnte nach einer kurzen Einweisung sofort selbst Inhalte ändern, ganz ohne Rückfrage beim Entwickler."

D

Daniel W.

Kunde Mini-Website

"Klare Kommunikation während der ganzen Entwicklung – ich wusste immer, wo das Projekt steht."

C

Christina P.

Kundin Landingpage

Eigenes Website-System gesucht?

Projekt anfragen