Jan-Philipp Wittrin

Jan‑Philipp Wittrin

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.

UX/UI Designer  ·  Entwickler  ·  Dozent

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 – etwa bei Projekten wie Compliance Center oder Zehlendorf Mittendrin.

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

↓ CV herunterladen

Kommunikation

  • Deutsch (Muttersprache)
  • Englisch (C2)

Stationen & Rollen

01 Laika Loves Lassie – Büro für Webdesign & Entwicklung
  • Rolle: Geschäftsführer & Lead UX/UI‑Designer & Entwickler
  • Zeitraum: 2014 – heute
  • Schwerpunkte: End-to-End UX/UI‑Design, Full‑Stack‑Entwicklung, Marken‑ & Designsysteme, Teamführung, WordPress‑Admin‑Customization (ACF)
02 Freelance Webdesigner & Entwickler
  • Rolle: Freelance Webdesigner & Entwickler
  • Zeitraum: 2010 – 2014
  • Schwerpunkte: Responsive Webdesign, HTML/CSS, JavaScript & jQuery, WordPress‑Theming, CMS‑Integration
03 Selbständiger Designer & Entwickler / Frühphase
  • Rolle: Selbständiger Designer, Freelancer & Gründer
  • Zeitraum: 2002 – 2010
  • Felder: Ausstellungs‑ & Messedesign, Animationsfilm, Produktentwicklung
  • Agenturen: Studio Aisslinger, realities united, luxoom, Cross Contacts und weitere
  • Highlights: Gründung POG. Design and Art Group Berlin & Studio Wittrin; Mitgründung Supermarkt 2.0

Wissen weitergeben

D1 Mediadesign Hochschule Berlin
  • Rolle: Dozent UX/UI-Design (Abendkurs)
  • Zeitraum: 2024 – heute
  • Umfang: 5 Std./Woche
  • Inhalte: Human-Centered Design, Usability, User Research, Wireframing, Prototyping, Animationen, HTML/CSS/JS & WordPress; Entwicklung & Administration des Curriculums
D2 Design-Workshops (diverse Kunden)
  • Zeitraum: 2015 – heute
  • Themen: Re-/Branding, Produktentwicklung, Content Creation, Design Thinking
  • Zielgruppen: Kunden-Teams & interne Mitarbeitende
D3 Freie Waldorfschule Kreuzberg e. V.
  • Rolle: Externer Designlehrer (10. Klasse)
  • Zeitraum: 2009 (6 Monate)
  • Projekt: Interiordesign einer Schulcafeteria
D4 Bauhaus-Universität Weimar
  • Rolle: Studentische Lehre 3D-Software
  • Zeitraum: 1999 – 2001

Was ich mitbringe

UX/UI & Methodik
  • Wissenschaftliche Recherche & Evidence‑Gathering
  • User Research & Testing
  • Wireframing & Prototyping
  • Usability‑Heuristiken & Design Thinking
  • Accessibility & WCAG‑Checks
Frontend & Backend
  • HTML5, CSS3, Flexbox & Responsive Layouts
  • JavaScript, jQuery & AJAX‑Interaktivität
  • PHP & WordPress (Multisite, ACF)
  • Daten‑ & Formularprozesse (DSGVO‑konform)
Tools & Motion
  • Figma, Sketch, Miro & Maze
  • Photoshop, After Effects & Microinteractions
  • Design‑Systeme & Komponentenbibliotheken
  • Visual Studio Code & Git‑Workflows
  • KI‑Prompting (ChatGPT, Codex, CoPilot)
Soft Skills
  • Empathie & didaktische Klarheit
  • Interdisziplinäre Teamführung & Kommunikation
  • Stakeholder‑Management & Mentoring
  • Agile Methoden & Kanban‑Erfahrung

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

2007 – 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.

E‑Mail senden → Anrufen →