02 — Webdesign

Präzise gebaut. Bis ins letzte Pixel.

Websites, die man versteht — Konzept, Design und Umsetzung aus einer Hand, vom ersten Wireframe bis zu der Seite, die live geht.

Disziplin

Webdesign & Entwicklung

Werkzeuge

Figma · Code

Arbeitsweise

Direkt, ohne Zwischenebene

Verfügbarkeit

Auf Anfrage

Leistungen


Was ich baue.

Eine Website ist kein Bild, sondern ein Weg. Deshalb beginnt jedes Projekt bei der Frage, was jemand wann verstehen muss.

web-01.jpg Drei Websites auf dem Smartphone: Crux Studio, Tierarztpraxis Leuschner und ein Konzept für eine Fußpflegepraxis

Konzept, Design und Umsetzung von Websites — vom Onepager bis zum mehrseitigen Auftritt. Schnell, barrierearm, ohne Baukasten-Kompromisse.

Eine Website ist kein Bild, sondern ein Weg. Ich baue erst die Reihenfolge — was muss jemand wann verstehen — und lege danach das Design darüber. Animationen kommen nur dort zum Einsatz, wo sie etwas erklären.

  • Konzept & Informationsarchitektur
  • Individuelles Design
  • Handgeschriebene Umsetzung
  • Performance & Barrierefreiheit

Worauf es ankommt


Vier Bausteine, ein Ergebnis.

Jeder Baustein wird einzeln abgestimmt — so bleibt nachvollziehbar, wofür eine Entscheidung steht.

bausteine-01-konzept.jpg Seitenstruktur der Crux-Studio-Website als Baumdiagramm, der Bereich Webdesign hervorgehoben

01

Konzept & Informationsarchitektur

Zuerst die Reihenfolge: Was muss jemand wann verstehen? Daraus entstehen Seitenstruktur und Navigation — abgestimmt, bevor gestaltet wird.

bausteine-02-design.jpg Farbpalette und Schriften der Crux-Studio-Website mit Farbwerten

02

Individuelles Design

Kein Template und keine Baukasten-Optik. Typografie, Farben und Bildsprache werden aus deiner Marke abgeleitet.

bausteine-03-umsetzung.jpg Ausschnitt aus dem handgeschriebenen JavaScript der Website in einer Editor-Ansicht

03

Handgeschriebene Umsetzung

Code statt Page-Builder: schlanke Seiten ohne Plugin-Ballast, die schnell laden und genau das tun, was sie sollen.

bausteine-04-barrierefreiheit.jpg Kontrastwerte der Website-Farben, ein sichtbarer Tastaturfokus und eine Liste der Barrierefreiheits-Merkmale

04

Performance & Barrierefreiheit

Kurze Ladezeiten, ausreichende Kontraste, Bedienung per Tastatur und eine saubere Überschriftenstruktur — damit die Seite für alle funktioniert.

Gutes Design fällt nicht auf. Es funktioniert einfach.

Ablauf


Wie ein Webprojekt läuft.

Fünf Schritte, feste Abstimmungspunkte, keine Überraschungen bei der Rechnung.

  1. 01

    Briefing & Ziel

    Was soll die Website auslösen — verkaufen, erklären, überzeugen? Ohne diese Antwort fängt bei mir kein Projekt an.

  2. 02

    Konzept & Struktur

    Seitenstruktur, Navigation und Inhaltsreihenfolge — schriftlich abgestimmt, bevor gestaltet wird.

  3. 03

    Design

    Erste Entwürfe der wichtigsten Seiten. Wir korrigieren früh und günstig, statt spät und teuer.

  4. 04

    Umsetzung

    Handgeschriebener Code, geprüft auf Desktop und Smartphone. Zwischenstände siehst du laufend.

  5. 05

    Launch & Übergabe

    Die Website geht live, inklusive kurzer Einweisung. Alle Quelldateien gehören dir.

Arbeiten


Drei Websites.

Eine eigene, eine für eine Tierarztpraxis im Schwarzwald und eine für eine mobile Fußpflege — alle handgeschrieben, ohne Baukasten.

web-crux.jpg Die Website von Crux Studio auf Desktop und Smartphone

Crux Studio

Eigenes Projekt · 9 Seiten · DE / EN

Die Website, auf der du gerade bist: animierter Einstieg in drei Rubriken, Portfolio mit Großansicht, zweisprachig — ohne Framework gebaut.

web-leuschner.jpg Website der Tierarztpraxis Frauke Leuschner auf Desktop und Smartphone, Kopfbild mit Rindern auf der Weide

Tierarztpraxis Frauke Leuschner

Praxis-Website · 5 Seiten

Groß- und Kleintierpraxis in Furtwangen. Sprechzeiten auf einen Blick, Leistungen für Hof und Haustier getrennt erklärt, Kontakt bewusst nur per Telefon — so, wie die Praxis arbeitet.

web-fusspflege.jpg Website einer mobilen Fußpflege: Leistungsübersicht am Desktop, die drei Schritte zum Termin auf dem Smartphone

Mobile Fußpflege im Schwarzwald

Website · 6 Seiten

Fußpflege, die zu den Kundinnen nach Hause kommt: Leistungen und Preise auf einer eigenen Seite, der erste Termin in drei Schritten erklärt, Anfrage per WhatsApp statt Formular.

Arbeiten im Portfolio ansehen

Häufige Fragen


Bevor du schreibst.

Anfrage

Was soll gebaut werden?

Beschreib in ein paar Sätzen, worum es geht — ich sage dir ehrlich, ob und wie ich helfen kann.