0

Ahoi!
Ich bin Robert,
UX | UI Designer
aus Hamburg.

Content | Design | Code

Ich unterstütze und berate Unternehmen bei der Konzeption, Gestaltung und Umsetzung ihrer digitalen Projekte. Als selbstständiger UX | UI Designer erstelle ich Websites und gestalte mobile Interfaces. Kleinere und größere Projekte, ob Web oder App, sind herzlich willkommen!

Wie ich arbeite:

verbessern & lernen TESTING DESIGN & PROTOTYPE KONZEPTION HYPOTHESEN DEFINIEREN ANALYSE

Überwiegend arbeite ich nach dem UX Design Prozess. Er ist nutzerzentriert und daher am besten geeignet eine positive User Experience zu erreichen. Dieser basiert auf den Prinzipien der ISO 9241 zur Gestaltung der Mensch-Computer-Interaktion und der Richtlinien zur Verbesserung der Usability von digitalen Produkten. Zudem ist dieser flexibel, iterativ und eignet sich besonders für die agile Entwicklung.

Ein Auszug: UX | UI Workflow

Analyse von Kontexten, Nutzern. Aufgabe verstehen

Alle greifbaren Daten von dem bestehenden Systemen werden recherchiert, welche mit dem Problem oder der Aufgabenstellung zusammenhängen. Oder ich füge neue Tracking Points hinzu.

Zugleich werden auch die Rahmenbedingungen für die Innovationsphase abgesteckt. Dazu gehört: Das Team, zeitliche Faktoren, Budgets und Verantwortlichkeiten.

Hier ist Intuition und Empathie gefragt.

Definieren und Design-Hypothesen aufstellen

Es wird von mir eine Zielgruppenanalyse erstellt und Personas definiert. Vorstellungen der Kunden und Stakeholder Perspektiven werden zusammen gebracht.

Mit Usertests werden die aufgestellten Thesen verifiziert und Schwächen aufgedeckt. Es gilt das Motto „fail often. fail early“ Je früher man seine Annahmen revidiert, so geringer sind die Reibungsverluste.

Ziel ist es eine möglichst genaue Vorstellungen von den „Needs“ der Zielgruppe zu erhalten.

Ideationsphase mit dem Team und Konzeption

Der Kreativität ist in dieser Phase keine Grenze gesetzt: je mehr Ideen und Impulse desto besser!

Vom Team wird eine Auswahl an Ideen getroffen. Darüber hinaus wird ein klar definiertes und abgegrenztes Verständnis des Innovationsraums geschaffen. Diese werden auf Papier oder in allen gängigen Programmen festgehalten.

Als nächstes erfolgt die Ausarbeitung eines Wireframes. Somit wird eine gute Dialoggrundlage geschaffen, und der erste Schritt zu einem Prototyp.

Erstellung des Visual Design und Prototyping

In diesem Segment erstelle ich User Interfaces auf Basis der Mockups und bestehenden Systemen. Oder ich arbeite eng mit anderen UI-Designern:innen zusammen, um Interface- und Interaction-Design unter Dach und Fach zu bringen.

Im nächsten Schritt werden Prototypes auf Basis von den Mockups oder dem UI Designs etabliert.

Alle nachjustierten Verfeinerungen zwischen Testen und Konzeption, verbessern & lernen, fließen an dieser Stelle immer wieder ein.

Testen der Ideation
mit dem User

Erste Usertests werden vor dem Beginn der eigentlichen Entwicklung durchgeführt. Schlussfolgerungen für Verfeinerungen oder Anpassungen von kritischen Funktionen des Protoype werden gezogen und in diesem Zyklus eingebaut.

Auch hier zählt wieder das Motto „fail often. fail early.“

Diese werden iterativ mit immer feineren und detaillierteren Prototypen wiederholt, bis am Ende der finale Prototyp steht, der unmittelbar die Innovation oder die Lösung darstellt.

Projekte

Webseite, Homepage, Avatar-Fulfillment, Web-Relaunch, Wordpress, Fulfillment

Avatar-Fulfillment

Web-Relaunch Wordpress

  • Tasks:

  • Wordpress Theme aufsetzen
  • Syleguide, S.W.O.T-Analyse
  • HTML, CSS, JS
  • Wordpress Optimierung
  • Foto-shooting
Avatar-Fulfillment
Webseite, Homepage, Avatar-Fulfillment, Web-Relaunch, Wordpress, Fulfillment

Avatar-Fulfillment

Web-Relaunch Wordpress

  • Tasks:

  • Wordpress Theme aufsetzen
  • Syleguide, S.W.O.T-Analyse
  • HTML, CSS, JS
  • Wordpress Optimierung
  • Foto-shooting
Avatar-Fulfillment
Webseite, Anja Steidinger, Blog, Freischaffende Künstlerin, Professorin für Kunstpädagogik HFBK Hamburg

Anja Steidinger

Wordpress Blog Projekt

  • Tasks:

  • Foto-shooting
  • Wordpress Theme aufsetzen
  • Syleguide, Branding
  • HTML, CSS, PHP
  • Wordpress Optimierung
Blog Anja-Steidinger
Webseite, Anja Steidinger, Blog, Freischaffende Künstlerin, Professorin für Kunstpädagogik HFBK Hamburg

Anja Steidinger

Wordpress Blog Projekt

  • Tasks:

  • Foto-shooting
  • Wordpress Theme aufsetzen
  • Syleguide, Branding
  • HTML, CSS, PHP
  • Wordpress Optimierung
Blog Anja-Steidinger
Webseite, Anja Steidinger, Homepage, Kunst + kritische Bildung, Freischaffende Künstlerin

Anja Steidinger

Wordpress Blog Projekt

  • Tasks:

  • Foto-shooting
  • Wordpress Theme aufsetzen
  • Syleguide, Branding
  • HTML, CSS, PHP
  • Wordpress Optimierung
Blog Anja-Steidinger
Webseite, Webasto-Group, E-Mobility, Wallbox-Konfigurator, Individuell konfigurierbare Ladestation, Mobile Ladelösung, Wallbox AC, Wallbox DC

Webasto E-Mobility

UX | UI Design

  • Tasks:

  • Konzept, Wireframes
  • CI Anpassung
  • Design Ausarbeitung
  • Responsive
  • Prototyp & Optimierung
Wallbox-Konfigurator
Webseite, Webasto-Group, E-Mobility, Wallbox-Konfigurator, Individuell konfigurierbare Ladestation, Mobile Ladelösung, Wallbox AC, Wallbox DC

Webasto E-Mobility

UX | UI Design

  • Tasks:

  • Konzept, Wireframes
  • CI Anpassung
  • Design Ausarbeitung
  • Responsive
  • Prototyp & Optimierung
Wallbox-Konfigurator
Webseite, Webasto-Group, E-Mobility, Wallbox-Konfigurator, Individuell konfigurierbare Ladestation, Mobile Ladelösung, Wallbox AC, Wallbox DC

Webasto E-Mobility

UX | UI Design

  • Tasks:

  • Konzept, Wireframes
  • CI Anpassung
  • Design Ausarbeitung
  • Responsive
  • Prototyp & Optimierung
Wallbox-Konfigurator
Webseite, Webasto-Group, E-Mobility, Wallbox-Konfigurator, Individuell konfigurierbare Ladestation, Mobile Ladelösung, Wallbox AC, Wallbox DC

Tam Fashion

Shop Optimierung & UX | UI Design

  • Tasks:

  • Review, Analyse
  • Konzept, Wireframes
  • Design Ausarbeitung
  • Prototyp & Testing
  • HTML, CSS, JS
TAM FASHION
Webseite, Webasto-Group, E-Mobility, Wallbox-Konfigurator, Individuell konfigurierbare Ladestation, Mobile Ladelösung, Wallbox AC, Wallbox DC

Tam Fashion

Shop Optimierung & UX | UI Design

  • Tasks:

  • Review, Analyse
  • Konzept, Wireframes
  • Design Ausarbeitung
  • Prototyp & Testing
  • HTML, CSS, JS
TAM FASHION
Webseite, Webasto-Group, E-Mobility, Wallbox-Konfigurator, Individuell konfigurierbare Ladestation, Mobile Ladelösung, Wallbox AC, Wallbox DC

Tam Fashion

Shop Optimierung & UX | UI Design

  • Tasks:

  • Review, Analyse
  • Konzept, Wireframes
  • Design Ausarbeitung
  • Prototyp & Testing
  • HTML, CSS, JS
TAM FASHION
Webseite, Webasto-Group, E-Mobility, Wallbox-Konfigurator, Individuell konfigurierbare Ladestation, Mobile Ladelösung, Wallbox AC, Wallbox DC

Anna Dittrich

Portfolio & CI

  • Tasks:

  • Konzept
  • Design Ausarbeitung
  • CI, Geschäftsausstattung
  • HTML, CSS
Anna Dittrich
Webseite, Webasto-Group, E-Mobility, Wallbox-Konfigurator, Individuell konfigurierbare Ladestation, Mobile Ladelösung, Wallbox AC, Wallbox DC

Anna Dittrich

Portfolio & CI

  • Tasks:

  • Konzept
  • Design Ausarbeitung
  • CI, Geschäftsausstattung
  • HTML, CSS
Anna Dittrich
Webseite, LimeSurvey, surveys, market research

LimeSurvey

UX | UI Design

  • Tasks:

  • Analysis, user personas
  • Konzept, Styleguide
  • Navigation architecture
  • Wireframes, Content creation
  • Prototyp & Testing
Webseite, LimeSurvey, surveys, pricing

LimeSurvey

UX | UI Design

  • Tasks:

  • Analysis, user personas
  • Konzept, Styleguide
  • Navigation architecture
  • Wireframes, Content creation
  • Prototyp & Testing
Webseite, LimeSurvey, surveys, checkout,

LimeSurvey

UX | UI Design

  • Tasks:

  • Analysis, user personas
  • Konzept, Styleguide
  • Navigation architecture
  • Wireframes, Content creation
  • Prototyp & Testing

Skills

1.

UX

  • User-centered design
  • Problem statement
  • Research & analysis
  • Competitive analysis
  • User personas
  • User journeys
  • User flows
  • Information architecture
  • Card sorting
  • Usability testing
  • A/B testing

2.

UI

  • Styleguide
  • Design pattern library
  • Design documentation
  • LoFi & HiFi wireframes
  • Prototyping
  • Atomic Design
  • Gamification
  • Material Design
  • Content creation
  • Fotos & Video

3.

Tools

  • Adobe Xd
  • Adobe Ps
  • Adobe LrC
  • Adobe Ai
  • Adobe Ae
  • Adobe Etc...
  • Figma
  • Capture One
  • Unity
  • 3DS Max
  • Wordpress

4.

Code

  • HTML 5
  • CSS
  • basic JS
  • some PHP

Ich freue mich auf den Erstkontakt!