Zum Inhalt springen
Lebenslauf & Profil

Interfaces als Erzählraum gestalten – mit methodischer Klarheit und narrativer Freiheit

Wir stehen mitten in einer Design‑Revolution, in der KI und neue Interaktionsformen Interfaces in lebendige Erlebnisräume verwandeln. Ich gestalte digitale Lebenswelten, die Vertrauen schaffen und Neugier wecken – vom klaren Fundament bis zum emotionalen Höhepunkt.

Ganzheitlicher UX/UI‑Designer & Entwickler

Meine Designhaltung vereint analytische Präzision und narrativen Forschergeist. Jedes Projekt beginnt bei der Nutzerforschung – Interviews, Personas, Kontextanalyse – und endet in einer Interface‑Erzählung, die Orientierung stiftet und neugierig macht. Ich begleite den gesamten Prozess: von funktionaler Analyse und Wireframes über interaktive Prototypen bis zur pixelgenauen Frontend‑Umsetzung und robusten, skalierbaren Backend‑Integration.

In über 15 Jahren habe ich Interfaces entwickelt, die gleichermaßen verständlich, vertrauenswürdig und inspirierend sind.

↓ CV herunterladen

Meta
Standort: Berlin
Telefon: +49 152 345 24 098
E-Mail: jan-philipp@wittrin.info
Agentur: laikaloveslassie.com

Kommunikation

  • Deutsch (Muttersprache)

  • Englisch (C2)

Stationen & Rollen

01 Laika Loves Lassie — Büro für Webdesign & Entwicklung
  • Inhaber, Lead UX/UI-Design und Entwicklung
  • End-to-End UX/UI-Design
  • Full-Stack-Entwicklung
  • Marken- und Designsysteme
  • Teamführung
  • WordPress-Individualentwicklung (ACF, WPML)
  • 2014 — heute
02 Freelance Webdesigner & Entwickler
  • Gründung Studio Wittrin
  • Responsive Webdesign, HTML/CSS, JavaScript & jQuery, WordPress‑Theming, CMS‑Integration
  • 2010 – 2014
03 Selbständiger Designer, Freelancer, Gründer
  • Ausstellungs- und Messedesign, Animationsfilm, Produktentwicklung — u. a. für Studio Aisslinger, realities:united, Luxoom und Cross Contacts
  • Gründung POG Design
  • Mitgründung Supermarkt 2.0
  • Gründungsmitglied POG Design and Art Group Berlin
  • 2002 – 2010&

Wissen weitergeben

01 Mediadesign Hochschule Berlin
  • Lehrbeauftragter Interaction Design (Bachelor Web Applications and Software Development) — Konzeption und Lehre des Moduls
  • WS 2026/27
02 Schülerzeitungskonferenz, Friedrich-Ebert-Stiftung Berlin
  • Workshop „Grundlagen Webdesign“ für Lehrkräfte aus dem gesamten Bundesgebiet, im Auftrag der Mediadesign Hochschule Berlin
  • 2026
03 Mediadesign Hochschule Berlin
  • Lehrbeauftragter UX/UI-Design (Bachelor), 10 Std./Woche — Curriculum-Entwicklung, Betreuung von 4 Bachelorarbeiten
  • WS 2025/26
04 Mediadesign Hochschule Berlin
  • Dozent UX/UI-Design (Abendkurs), 5 Std./Woche — Human-Centered Design, User Research, Prototyping, HTML/CSS/JS und WordPress; Entwicklung und Administration des Curriculums
  • 2024 – heute
05 Design-Workshops
  • Für Kunden-Teams und interne Mitarbeitende: Re-/Branding, Produktentwicklung, Content Creation, Design Thinking
  • 2015 – heute

Was ich mitbringe

Methoden
  • User Research: Interviews, Personas, Journey Maps, Card Sorting
  • Usability-Tests (Think-Aloud, Guerilla) & heuristische Evaluation
  • Wireframing, Prototyping & Designsysteme
  • Barrierefreiheit nach WCAG
  • Motion & Microinteractions
Technologie
  • HTML, CSS (Flexbox, Grid) & Responsive Layouts
  • JavaScript, jQuery & AJAX
  • PHP & WordPress (ACF, WPML, WooCommerce)
  • Daten- und Formularprozesse, DSGVO-konform
  • Git
Werkzeuge
  • Figma & Miro
  • Claude Design & Paper
  • Claude Code, Codex & Gemini (agentische Entwicklung)
  • Visual Studio Code
  • Photoshop & After Effects
Zusammenarbeit
  • Empathie & didaktische Klarheit
  • Interdisziplinäre Teamführung & Kommunikation
  • Stakeholder‑Management & Mentoring
  • Agile Methoden, Kanban

Studium, Ausbildung & Abschlüsse

  • Diplom Produktdesign – Bauhaus-Universität Weimar, 03.07.2003

  • Gaststudium – The School of the Art Institute of Chicago, 2001 – 2002

  • Studium – Bauhaus-Universität Weimar, Fakultät Gestaltung, Studiengang Produktdesign, 1998 – 2003

  • Fachabitur – Fachoberschule Essen, 1997 – 1998

  • Zivildienst – Heilpädagogischer Kindergarten Osnabrück, 1996 – 1997

  • Ausbildung – Geselle Werbetechnik, Osnabrück, 1993 – 1996

  • Schulabschluss – Ratsgymnasium Osnabrück, 1987 – 1992

Auswahl weiterer Projekte

Animationsfilme für Studio Aisslinger & Nomos

2002 – 2005; 2009, 2021, 2025

Produktion von Animationsfilmen für Studio Aisslinger und Nomos in verschiedenen Projekten.

Design‑Ausstellungen

2003 – 2006; 2008 – 2010; 2009

Designmai, DMY, Möbelmesse Stockholm – Ausstellungsbeiträge und Kurationsbeteiligung.

Supermarkt 2.0 – Kulturzentrum

2006 – 2009

Mitbegründer & organisatorische Leitung eines kulturwirtschaftlichen Zentrums in Berlin‑Kreuzberg.

Antiquitäten Breitenkamp – Freie Mitarbeit

2010

Freie Mitarbeit und Designberatung bei einem traditionsreichen Antiquitätenhändler.

Kontakt

Lassen Sie uns sprechen

Sie möchten mehr über Lehre, Forschung oder laufende Projekte erfahren? Ich freue mich auf Ihre Nachricht oder ein persönliches Gespräch.