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.

Responsive Webdesign Mockup auf Desktop, Tablet und Smartphone

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