Arbeitsplatz mit Monitor, auf dem eine in Framer gebaute Website zu sehen ist
Arbeitsplatz mit Monitor, auf dem eine in Framer gebaute Website zu sehen ist

UI/UX Designer & No-Code-Entwickler

UI/UX Designer &

No-Code-Entwickler

Webdesign aus Balingen.
Für Unternehmen aus der Region.

Websites, die erklären, was Sie tun, und Besucher zur Anfrage führen.
Entworfen in Figma, gebaut in Framer.

  • DESIGN SYSTEM

  • FRAMER ENTWICKLER

  • FIGMA EXPERT

  • NO-CODE

  • LANDING PAGES

  • UI UX DESIGN

  • KONVERSIONSRATE

LEISTUNGEN

Design + Code.
Reibungslos.

Ich begleite Sie von der visuellen Strategie bis zur Veröffentlichung. Jedes Projekt ist darauf ausgelegt, zu konvertieren, zu engagieren und Ihre Positionierung mit maximaler Präzision widerzuspiegeln.

01

Audit & Redesign

Ihre Seite bringt keine Anfragen? Ich analysiere die Reibungspunkte im Nutzerfluss und schlage ein gezieltes Redesign vor: konkret, Abschnitt für Abschnitt.

UX-Audit

Redesign

Figma

01

Audit & Redesign

Ihre Seite bringt keine Anfragen? Ich analysiere die Reibungspunkte im Nutzerfluss und schlage ein gezieltes Redesign vor: konkret, Abschnitt für Abschnitt.

UX-Audit

Redesign

Figma

01

Audit & Redesign

Ihre Seite bringt keine Anfragen? Ich analysiere die Reibungspunkte im Nutzerfluss und schlage ein gezieltes Redesign vor: konkret, Abschnitt für Abschnitt.

UX-Audit

Redesign

Figma

02

No-Code-Entwicklung

Ihre Figma-Mockups werden in wenigen Tagen auf Framer zum Leben erweckt. Marketing-Seiten, Portfolios, Landing Pages.

Framer

Animationen

CMS

02

No-Code-Entwicklung

Ihre Figma-Mockups werden in wenigen Tagen auf Framer zum Leben erweckt. Marketing-Seiten, Portfolios, Landing Pages.

Framer

Figma

CMS

02

No-Code-Entwicklung

Ihre Figma-Mockups werden in wenigen Tagen auf Framer zum Leben erweckt. Marketing-Seiten, Portfolios, Landing Pages.

Framer

Animationen

CMS

03

UI/UX Gestaltung

Auf den Nutzer ausgerichtete Interfaces, designed zum Konvertieren. Wireframes, interaktive Prototypen, vollständiges Design System.

Figma

Prototyping

Design System

03

UI/UX Gestaltung

Auf den Nutzer ausgerichtete Interfaces, designed zum Konvertieren. Wireframes, interaktive Prototypen, vollständiges Design System.

Figma

Prototyping

Design System

03

UI/UX Gestaltung

Auf den Nutzer ausgerichtete Interfaces, designed zum Konvertieren. Wireframes, interaktive Prototypen, vollständiges Design System.

Figma

Prototyping

Design System

04

Visuelle Identität

Logo, Typografie, Farbpalette, Guidelines. Eine kohärente Identität, die Ihre Glaubwürdigkeit auf allen Kanälen stärkt.

Branding

Style Guide

Guidelines

04

Visuelle Identität

Logo, Typografie, Farbpalette, Guidelines. Eine kohärente Identität, die Ihre Glaubwürdigkeit auf allen Kanälen stärkt.

Branding

Style Guide

Guidelines

04

Visuelle Identität

Logo, Typografie, Farbpalette, Guidelines. Eine kohärente Identität, die Ihre Glaubwürdigkeit auf allen Kanälen stärkt.

Branding

Style Guide

Guidelines

PROJEKTE

Echte Probleme.
Konkrete Lösungen.

Jedes Projekt beginnt mit einem echten Problem. So habe ich es gelöst.

„Seit über einem Jahr begleitet er uns in der grafischen Entwicklung, sei es Website oder Social Media. […] Wir sind sehr zufrieden mit der Arbeit!“

Samir Hatchami · 1. Vorstand, Balingen Bucks

WERKZEUGE

Immer dieselben Werkzeuge.
Deshalb sitzt jeder Handgriff.

TÄGLICH IM EINSATZ

Figma

Framer

Claude

ÜBER MICH

Ich baue keine Bilder.
Ich baue Entscheidungen.

Die meisten Websites scheitern nicht am Aussehen. Sie scheitern daran, dass niemand erklären kann, warum sie so aufgebaut sind, wie sie aufgebaut sind.

Ich arbeite umgekehrt: erst die Frage, was der Besucher tun soll, dann die Struktur, dann die Gestaltung. Jeder Abschnitt, jeder Abstand, jede Farbe hat einen Grund. Kann ich den Grund nicht nennen, streiche ich das Element.

Am Ende steht keine Seite, die mir gefällt, sondern eine, die für Sie arbeitet und die Sie ohne mich weiterpflegen können.

Meine Methode

Vom Wireframe bis zur Veröffentlichung.

Vom Wireframe bis zur Veröffentlichung.

01

Briefing & Discovery

Jedes Projekt startet mit einem strukturierten Fragebogen: Ziele, Zielgruppe, bestehende Inhalte, technische Anforderungen. Das schafft von Anfang an Klarheit statt endloser Abstimmungsschleifen.

01

Briefing & Discovery

Jedes Projekt startet mit einem strukturierten Fragebogen: Ziele, Zielgruppe, bestehende Inhalte, technische Anforderungen. Das schafft von Anfang an Klarheit statt endloser Abstimmungsschleifen.

01

Briefing & Discovery

Jedes Projekt startet mit einem strukturierten Fragebogen: Ziele, Zielgruppe, bestehende Inhalte, technische Anforderungen. Das schafft von Anfang an Klarheit statt endloser Abstimmungsschleifen.

02

Architektur & Struktur

Nach dem Briefing steht die Struktur: Seiten, Navigation, URL-Hierarchie. Die Seite wird als Weg gedacht, den Besucher gehen, nicht als Sammlung einzelner Screens.

02

Architektur & Struktur

Nach dem Briefing steht die Struktur: Seiten, Navigation, URL-Hierarchie. Die Seite wird als Weg gedacht, den Besucher gehen, nicht als Sammlung einzelner Screens.

02

Architektur & Struktur

Nach dem Briefing steht die Struktur: Seiten, Navigation, URL-Hierarchie. Die Seite wird als Weg gedacht, den Besucher gehen, nicht als Sammlung einzelner Screens.

03

Design-System (Figma)

Ich baue die visuelle Identität und die Komponenten in Figma auf (Farben, Typografie, Abstände), orientiert an Referenzen auf Behance-Niveau.

03

Design-System (Figma)

Ich baue die visuelle Identität und die Komponenten in Figma auf (Farben, Typografie, Abstände), orientiert an Referenzen auf Behance-Niveau.

03

Design-System (Figma)

Ich baue die visuelle Identität und die Komponenten in Figma auf (Farben, Typografie, Abstände), orientiert an Referenzen auf Behance-Niveau.

04

Entwicklung in Framer

Die Seite entsteht direkt in Framer, nativ und ohne Umwege über Code. Interaktionen sind nativ umgesetzt: schnell, sauber, und Sie können die Inhalte danach selbst pflegen.

04

Entwicklung in Framer

Die Seite entsteht direkt in Framer, nativ und ohne Umwege über Code. Interaktionen sind nativ umgesetzt: schnell, sauber, und Sie können die Inhalte danach selbst pflegen.

04

Entwicklung in Framer

Die Seite entsteht direkt in Framer, nativ und ohne Umwege über Code. Interaktionen sind nativ umgesetzt: schnell, sauber, und Sie können die Inhalte danach selbst pflegen.

05

Texte & SEO

Die finalen Texte werden auf Deutsch verfasst und lokal optimiert: Keywords, Metadaten, strukturierte Daten. Das ist besonders wichtig für lokale Unternehmen und Vereine.

05

Texte & SEO

Die finalen Texte werden auf Deutsch verfasst und lokal optimiert: Keywords, Metadaten, strukturierte Daten. Das ist besonders wichtig für lokale Unternehmen und Vereine.

05

Texte & SEO

Die finalen Texte werden auf Deutsch verfasst und lokal optimiert: Keywords, Metadaten, strukturierte Daten. Das ist besonders wichtig für lokale Unternehmen und Vereine.

06

Launch & Optimierung

Ich baue die visuelle Identität und die Komponenten in Figma auf (Farben, Typografie, Abstände), orientiert an Referenzen auf Behance-Niveau.

06

Launch & Optimierung

Ich baue die visuelle Identität und die Komponenten in Figma auf (Farben, Typografie, Abstände), orientiert an Referenzen auf Behance-Niveau.

06

Launch & Optimierung

Ich baue die visuelle Identität und die Komponenten in Figma auf (Farben, Typografie, Abstände), orientiert an Referenzen auf Behance-Niveau.

Skizzenbuch mit Wireframes und Notizen zum Projektablauf, daneben ein Monitor mit dem fertigen Website-Design

FAQ

Ihre Fragen.
Meine Antworten.

Kann ich die Website nach Lieferung selbst bearbeiten?

Was passiert, wenn das Ergebnis nicht meinen Vorstellungen entspricht?

Warum Framer statt Wordpress?

Wie lange dauert ein Projekt durchschnittlich?

PREISE

Transparent.
Von Anfang an.

Feste Einstiegspreise. Den genauen Umfang klären wir in wenigen Minuten.

Starter

ab 900 €

Landing Page, 1 Seite

Design in Figma

Umsetzung in Framer

Responsive

Empfohlen

Business

ab 2.900 €

Bis zu 5 Seiten

Lokales SEO

Strukturierte Daten

2 Revisionsrunden

Premium

ab 3.900 €

+ 200 €/Monat

Alles aus Business

Laufende Betreuung

Anpassungen im Abo

SEO-Nachjustierung

Alle Preise sind Endpreise. Gemäß § 19 UStG wird keine Umsatzsteuer berechnet. Jeder Preis hängt vom genauen Umfang ab. Die Zahl oben ist der Einstiegspunkt.

Projektablauf in vier Schritten: Idee, Strategie, Design und Ergebnisse

KONTAKT

Starten wir. Ihr Projekt. Gemeinsam.

Ob Verein, Praxis oder kleines Unternehmen: Schreiben Sie mir, worum es geht.

Ob Verein, Praxis oder kleines Unternehmen, schreiben Sie mir, worum es geht.
Sie bekommen eine ehrliche Einschätzung, ob und wie ich helfen kann.