Design, das man versteht – bevor es gebaut wird
Wireframes, Screendesign und klickbare Prototypen, gestaltet direkt von mir. Sie sehen und testen Ihre Website, bevor eine Zeile Code entsteht – mobil zuerst, barrierearm und mit einem Design-System, das mit Ihrem Projekt wächst.
- Wireframes · Prototyp
- Mobile first
- Design-System
- Ihre Freigabe vor dem Code
Was Sie bekommen
Nutzerwege & Struktur
Wer besucht Ihre Website, und was soll dort passieren? Daraus entstehen Seitenstruktur und die wichtigsten Wege zur Anfrage oder zum Kauf.
Wireframes
Schlichte Skizzen aller Seiten – hier geht es um Inhalt und Anordnung, noch nicht um Farben.
Visuelles Design
Typografie, Farben, Bildsprache und die Details, die Ihre Marke wiedererkennbar machen.
Klickbarer Prototyp
Sie klicken sich durch Ihre zukünftige Website – auf Desktop und Smartphone –, bevor entwickelt wird.
Design-System
Farben, Schriften, Abstände und Komponenten als wiederverwendbare Bausteine – konsistent und leicht erweiterbar.
Barrierearm
Ausreichende Kontraste, sichtbare Fokuszustände, klare Hierarchie und Rücksicht auf reduzierte Bewegung.
Vom Wireframe zum Prototyp
Gutes Design beginnt nicht mit Farben, sondern mit Fragen: Was muss ein Besucher in den ersten Sekunden verstehen? Welcher Weg führt zur Anfrage? Ich skizziere zuerst Struktur und Abläufe, dann folgt das visuelle Design – und am Ende ein klickbarer Prototyp, den Sie auf Ihrem eigenen Smartphone ausprobieren. Änderungen kosten in dieser Phase Minuten statt Tage.
- Struktur vor Stil: Wireframes zuerst
- Kommentare direkt am Entwurf
- Prototyp auf Desktop und Smartphone
- Entwicklung erst nach Ihrer Freigabe
Ein Design-System, das trägt
Statt jede Seite einzeln zu gestalten, entsteht ein kleines Design-System: definierte Farben, eine Typo-Skala, ein Abstandsraster und Komponenten mit allen Zuständen. Das hält Ihre Website konsistent, macht die Entwicklung schneller und sorgt dafür, dass neue Seiten später aussehen, als wären sie von Anfang an da gewesen. Auch diese Website basiert auf einem solchen System.
- Farb- und Typo-Tokens
- Komponenten mit Hover-, Fokus- und Fehlerzuständen
- Kontraste nach WCAG geprüft
- 1:1 in Code übersetzt, mit Tailwind CSS
Passt das zu Ihrem Projekt?
Schreiben Sie mir, worum es geht. Innerhalb von 24 Stunden bekommen Sie eine Antwort, nach einem kurzen Gespräch ein fixes Angebot.
So läuft es ab
Verstehen
Ziele, Zielgruppe, Inhalte und Vorbilder – was soll Ihre Website leisten, und für wen?
Skizzieren
Wireframes für alle wichtigen Seiten, abgestimmt auf Desktop und Smartphone.
Gestalten
Visuelles Design auf Basis eines kleinen Design-Systems – Sie kommentieren direkt am Entwurf.
Prototyp & Freigabe
Klickbarer Prototyp zum Ausprobieren. Mit Ihrer Freigabe beginnt die Entwicklung.
Technologien
- Wireframes
- Prototyping
- Design Tokens
- Tailwind CSS
- Motion
- WCAG 2.2
Aus der Praxis
- 2026Juwelierfinder.comDie übergreifende Such-Plattform für Juwelier-Services – wie Treatwell für Beauty, nur für die Schmuckbranche.
- 2025Diegoldexperten.comDie Nischen-Seite für den Goldankauf: Live-Edelmetallkurse, Preisrechner und der GEX-Funnel.
- 2026MunchMatch.meTinder fürs Abendessen: gemeinsam Rezepte swipen, bis alle beim selben Gericht „Munch!“ sagen.
- 2026Pike90.appEine private 90-Tage-Fitness-Liga für Freunde: Punkte für Fortschritt, nicht für den Startvorteil.
Häufige Fragen
Brauche ich schon ein Logo oder Corporate Design?
Hilfreich, aber kein Muss. Gibt es bereits Logo und Farben, baut das Design darauf auf. Wenn nicht, legen wir gemeinsam Schriften und Farben fest, die zu Ihrem Unternehmen passen.
Kann ich Änderungen am Design wünschen?
Ja, genau dafür ist die Design-Phase da. Sie kommentieren Entwürfe und Prototyp, ich arbeite das Feedback ein – entwickelt wird erst nach Ihrer Freigabe.
Warum mobile first?
Ein großer Teil der Besucher kommt heute über das Smartphone. Wer zuerst für den kleinen Bildschirm gestaltet, konzentriert sich auf das Wesentliche – davon profitiert auch die Desktop-Version.
Was heißt barrierearm?
Ihre Website soll für möglichst viele Menschen nutzbar sein: ausreichende Kontraste, Bedienung per Tastatur, Alternativtexte für Bilder und eine klare Überschriften-Struktur. Das hilft nebenbei auch der Suchmaschinenoptimierung.
Ihre Frage ist nicht dabei? Schreiben Sie mir – Antwort innerhalb von 24 Stunden
Passt dazu
Lassen Sie uns Ihr Projekt pflanzen
Erzählen Sie mir von Ihrer Idee – ich antworte innerhalb von 24 Stunden.