Zum Inhalt springen
Kontakt

Sebastian Nawrot
Dorneystr. 45
44149 Dortmund

UI/UX Design, das begeistert & konvertiert

Webdesign aus Dortmund

Ich gestalte moderne, nutzerfreundliche Websites und Apps. Von der Konzeption über Prototyping bis zum fertigen Design – responsive, barrierefrei und on-brand.

Gutes Webdesign löst Probleme

Design ist mehr als nur schön aussehen

Webdesign ist die Schnittstelle zwischen deinem Unternehmen und deinen Nutzern. Ein gutes Design ist nicht nur ästhetisch – es führt Nutzer intuitiv ans Ziel, stärkt deine Marke und steigert Conversions.

Ich kombiniere UX Design (User Experience – wie sich deine Website anfühlt) mit UI Design (User Interface – wie sie aussieht), um digitale Erlebnisse zu schaffen, die funktionieren.

Dabei arbeite ich nach einem bewährten Prozess: von der Nutzerforschung über Wireframes und Prototypen bis zum finalen Design – immer mit dir im engen Austausch.

88%
verlassen Websites mit schlechter UX sofort
Quelle: Google
200%
höhere Conversion mit gutem UX Design
Quelle: Forrester Research
75%
beurteilen Glaubwürdigkeit nach Design
Quelle: Stanford Web Credibility Research

Von der Idee zum fertigen Design

Meine Leistungen

UX/UI Design

Ich gestalte nutzerfreundliche Interfaces, die intuitiv bedienbar sind und deine Business-Ziele erreichen.

  • User Research & Personas
  • Wireframing & Prototyping (Figma, Adobe XD)
  • High-Fidelity UI Design
  • Interaction Design & Micro-Animations
  • Usability Testing
  • Design Systems & Component Libraries

Responsive Design

Deine Website sieht auf allen Geräten perfekt aus – vom Smartphone bis zum 4K-Monitor.

  • Mobile-First Design
  • Adaptive Layouts für alle Bildschirmgrößen
  • Touch-optimierte Interfaces
  • Performance-optimierte Grafiken
  • Cross-Browser Kompatibilität

Branding & Corporate Design

Ich entwickle visuelle Identitäten, die deine Marke unverwechselbar machen.

  • Logo-Design
  • Farbpaletten & Typografie
  • Brand Guidelines
  • Iconsets & Illustrationen
  • Corporate Design Manuals

Webdesign Redesign

Deine Website ist in die Jahre gekommen? Ich modernisiere Design und UX – ohne Funktionalität zu verlieren.

  • UX/UI Audit deiner aktuellen Site
  • Modernisierung von Design & Layout
  • Verbesserte Navigation & Informationsarchitektur
  • Performance-Optimierung
  • Schrittweise Migration (kein Komplettausfall)

Landing Pages & Conversion Design

Ich gestalte Landing Pages, die verkaufen – mit klarem Fokus auf deine Conversion-Ziele.

  • Conversion-optimierte Layouts
  • Psychologisch wirksame CTAs
  • A/B-Testing-ready Designs
  • Storytelling & Visual Hierarchy
  • Fast Loading Hero Sections

E-Commerce Design

Online-Shops, die Vertrauen schaffen und zum Kauf animieren.

  • Produktseiten mit hoher Conversion
  • Intuitive Checkout-Flows
  • Warenkorboptimierung
  • Filter & Sortierung UX
  • Trust-Building Elemente

In 5 Schritten zum fertigen Design

Mein Design-Prozess

Ich arbeite nach einem strukturierten Prozess, der sicherstellt, dass das Endergebnis deine Erwartungen übertrifft:

01

Discovery & Research

Ich verstehe deine Ziele, Zielgruppe und Wettbewerb.

  • Kickoff-Workshop (remote oder vor Ort)
  • Zielgruppen-Analyse & Personas
  • Competitor Research
  • Content Audit (bei Redesigns)
  • Moodboards & Inspiration
Deliverable: Research-Dokument + Personas
02

Konzept & Informationsarchitektur

Ich strukturiere Inhalte und entwickle die Sitemap.

  • Sitemap-Erstellung
  • User Flows & User Journeys
  • Content-Strategie
  • Navigationshierarchie
  • SEO-Grundlagen integrieren
Deliverable: Sitemap + User Flows
03

Wireframing & Prototyping

Low-Fidelity Entwürfe zeigen die Struktur ohne Ablenkung durch Design.

  • Lo-Fi Wireframes (schwarz/weiß)
  • Layout-Varianten testen
  • Interaktive Prototypen (Figma)
  • Erstes Nutzer-Feedback einholen
  • Mobile & Desktop Wireframes
Deliverable: Klickbarer Prototyp in Figma
04

UI Design & Styling

Jetzt kommt Farbe ins Spiel – ich gestalte das finale Design.

  • High-Fidelity UI Design (Pixel-perfect)
  • Farbschema & Typografie definieren
  • Responsive Breakpoints gestalten
  • Micro-Interactions & Animationen
  • Design System aufbauen (Components)
  • Accessibility-Check (Kontraste, Lesbarkeit)
Deliverable: Finales UI Design (Figma/Adobe XD) + Design System
05

Handoff & Support

Ich übergebe das Design an die Entwicklung – inklusive Dokumentation.

  • Developer Handoff (Figma Inspect, Zeplin)
  • Design Specs & Style Guide
  • Asset Export (SVGs, PNGs, Fonts)
  • Design-Review während Entwicklung
  • Launch-Support & Feedback-Integration
Deliverable: Design Handoff Package + Style Guide

Womit ich arbeite

Tools & Technologien

Ich nutze moderne Design-Tools für effiziente Workflows und nahtlose Zusammenarbeit:

Design Tools

Figma

Haupttool für UI/UX Design, Prototyping und Kollaboration

Adobe XD

Prototyping und Design für komplexe Interaktionen

Adobe Photoshop

Bildbearbeitung und Mockups

Adobe Illustrator

Vektorgrafiken, Icons und Logos

Prototyping & Testing

Figma Prototyping

Interaktive Prototypen mit Transitions

Hotjar / Clarity

Heatmaps & Session Recordings für UX-Optimierung

Maze / UsabilityHub

Remote Usability Testing

Design Systems & Handoff

Figma Design Systems

Component Libraries für konsistente Designs

Zeplin

Developer Handoff mit Design Specs

Storybook

UI Component Explorer für Entwicklung

Was gutes Webdesign ausmacht

Meine Design-Prinzipien

📐

Nutzerzentriert

Design beginnt mit dem Verständnis der Nutzer – ihre Ziele, Probleme und Verhaltensweisen. Ich gestalte für Menschen, nicht für Trends.

📐

Funktional vor dekorativ

Schönheit ohne Funktion ist nutzlos. Jedes Design-Element muss einen Zweck erfüllen und die User Experience verbessern.

📐

Konsistenz & Klarheit

Konsistente Patterns schaffen Vertrauen. Klare Hierarchien führen Nutzer intuitiv ans Ziel.

📐

Performance First

Schöne Designs sind wertlos, wenn sie langsam laden. Ich optimiere für schnelle Ladezeiten (Core Web Vitals).

📐

Barrierefreiheit

Gutes Design ist inklusiv. WCAG-Konformität ist Standard, nicht optional.

📐

Mobile First

Über 60% der Nutzer sind mobil unterwegs. Ich gestalte zuerst für kleine Bildschirme, dann skaliere ich hoch.

Der ROI von gutem Design

Warum professionelles Webdesign?

Webdesign ist eine Investition, die sich auszahlt:

+200%
Conversion Rate

Höhere Conversions

Gut gestaltete Websites konvertieren bis zu 200% besser. Klarere CTAs, optimierte User Flows und vertrauensbildendes Design führen zu mehr Leads und Verkäufen.

75%
beurteilen Vertrauen nach Design

Stärkere Markenidentität

Konsistentes, professionelles Design macht deine Marke unverwechselbar und steigert die Wiedererkennung.

-50%
Absprungrate

Bessere Nutzerbindung

Nutzerfreundliche Websites reduzieren Absprungraten und erhöhen die Verweildauer. Zufriedene Nutzer kommen zurück.

94%
First Impressions sind design-basiert

Wettbewerbsvorteil

In gesättigten Märkten ist Design oft das Unterscheidungsmerkmal. Hochwertiges Design hebt dich von Mitbewerbern ab.

-30%
Support-Kosten

Langfristige Kostenersparnis

Durchdachtes Design reduziert Support-Anfragen, erleichtert Wartung und macht künftige Updates einfacher.

Top 3
Google Ranking Faktoren sind UX-related

SEO-Vorteile

Google belohnt gute UX: schnelle Ladezeiten, Mobile-Optimierung und niedrige Absprungraten verbessern dein Ranking.

FAQ zu Webdesign

Häufig gestellte Fragen

Die Kosten hängen vom Umfang ab. Eine einfache Website (5-10 Seiten) startet bei ca. 3.000-6.000€. Komplexere Projekte (E-Commerce, Custom CMS, 20+ Seiten) liegen bei 8.000-20.000€. Ich erstelle dir nach einem kostenlosen Erstgespräch ein individuelles Angebot.
Ein typisches Projekt dauert 4-8 Wochen: 1 Woche Research & Konzept, 1-2 Wochen Wireframing, 2-3 Wochen UI Design, 1-2 Wochen Revisions & Handoff. Größere Projekte können 3-6 Monate dauern. Ich gebe dir nach dem Briefing eine genaue Timeline.
Ich biete beides: Reines Design (Figma-Dateien für deine Entwickler) oder Full-Service (Design + Entwicklung in React, Next.js, WordPress). Du entscheidest, was du brauchst. Viele Kunden buchen beides – das verkürzt die Abstimmungswege.
Ja! Nach Projektabschluss erhältst du alle Quelldateien (Figma/Adobe XD), exportierte Assets (SVG, PNG), Fonts und einen Style Guide. Die Dateien gehören dir – du kannst sie jederzeit weiternutzen oder anpassen (lassen).
Standard sind 2-3 Revision-Runden pro Phase (Wireframes, UI Design). Kleinere Anpassungen (Farben, Abstände) mache ich flexibel. Größere Änderungen (komplettes Redesign einer Seite) besprechen wir separat. Mein Ziel: Du bist 100% zufrieden.
Ich arbeite hauptsächlich remote (Tools: Figma, Zoom, Slack), komme aber gerne zu Kickoff-Workshops nach Dortmund und Umgebung (NRW). Remote-Projekte funktionieren erfahrungsgemäß sehr gut – die meisten Kunden schätzen die Zeitersparnis.
Ja – wenn du ein CMS nutzt (WordPress, Webflow, Framer). Ich trainiere dich im Umgang mit dem System. Für größere Design-Änderungen biete ich laufende Support-Pakete an (ab 500€/Monat für 5h).
Absolut! Ich gestalte mobile-first – also zuerst für Smartphones, dann für Tablets und Desktop. Alle Designs sind fully responsive und auf Touch-Eingaben optimiert. Mobile macht heute 60%+ des Traffics aus – das ignoriere ich nicht.
Im Discovery-Workshop analysiere ich deine Marke, Zielgruppe und Wettbewerber. Ich erstelle Moodboards und Design-Konzepte zur Abstimmung, bevor ich ins finale Design gehe. Du bist in jeden Schritt eingebunden – es gibt keine Überraschungen.
Ja, ich biete Branding-Pakete an (Logo, Farbpalette, Typografie, Brand Guidelines). Logodesign startet bei ca. 1.500€ (3 Konzepte, 2 Revision-Runden). Für Full Branding (inkl. Geschäftsausstattung, Social Media Templates) kalkuliere ich 3.000-6.000€.

Bereit für ein Design, das begeistert?

Lass uns gemeinsam eine Website gestalten, die deine Nutzer lieben werden.

Unverbindliches Kennenlernen
Individuelle Beratung
Transparente Preise
Kostenloses Erstgespräch