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.
Auf dieser Seite: Profil, Berufserfahrung,
Lehre & Workshops und weitere Bereiche.
Profil
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.
- Standort
- Berlin
- Telefon
- +49 152 345 24 098
- E-Mail
- jan-philipp@wittrin.info
- Website
- jan-philipp.wittrin.info
- Agentur
- laikaloveslassie.com
↓ CV herunterladen
Sprachen
Kommunikation
- Deutsch (Muttersprache)
- Englisch (C2)
Berufserfahrung
Stationen & Rollen
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) |
|---|
Freelance Webdesigner & Entwickler
| Rolle | Freelance Webdesigner & Entwickler |
|---|
| Zeitraum | 2010 – 2014 |
|---|
| Schwerpunkte | Responsive Webdesign, HTML/CSS, JavaScript & jQuery, WordPress‑Theming, CMS‑Integration |
|---|
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 |
|---|
Lehre & Workshops
Wissen weitergeben
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 |
|---|
Design-Workshops (diverse Kunden)
| Zeitraum | 2015 – heute |
|---|
| Themen | Re-/Branding, Produktentwicklung, Content Creation, Design Thinking |
|---|
| Zielgruppen | Kunden-Teams & interne Mitarbeitende |
|---|
Freie Waldorfschule Kreuzberg e. V.
| Rolle | Externer Designlehrer (10. Klasse) |
|---|
| Zeitraum | 2009 (6 Monate) |
|---|
| Projekt | Interiordesign einer Schulcafeteria |
|---|
Bauhaus-Universität Weimar
| Rolle | Studentische Lehre 3D-Software |
|---|
| Zeitraum | 1999 – 2001 |
|---|
Fähigkeiten
Was ich mitbringe
UX/UI & Methodik
- Wissenschaftliche Recherche & Evidence‑Gathering
- User Research & Testing (Interviews, A/B‑Tests, Eye‑Tracking)
- Wireframing & Prototyping (Figma, HTML‑Prototypen)
- Usability‑Heuristiken & Design Thinking
- Accessibility & WCAG‑Checks
Frontend & Backend
- HTML5, CSS3, Flexbox & Responsive Layouts
- JavaScript, jQuery & AJAX‑Interaktivität
- PHP & WordPress (Multisite, ACF‑Customs)
- Daten‑ & Formularprozesse (DSGVO‑konform)
Tools & Motion
- Figma, Sketch, Miro & Maze
- Photoshop, After Effects & Microinteractions
- Design‑Systeme & Komponentenbibliotheken
- Visual Studio Code & Git‑Workflows
- KI‑Prompting & LLM‑Integration (ChatGPT, Codex, CoPilot)
Soft Skills
- Empathie & didaktische Klarheit
- Interdisziplinäre Teamführung & Kommunikation
- Stakeholder‑Management & Mentoring
- Agile Methoden & Kanban‑Erfahrung
Ausbildung
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 |
|---|
Weitere Projekte & Engagement
Auswahl
Animationsfilme für Studio Aisslinger & Nomos
| Zeitraum |
2002 – 2005; 2009, 2021, 2025 |
| Details |
Produktion von Animationsfilmen für Studio Aisslinger und Nomos in verschiedenen Projekten. |
Design‑Ausstellungen
| Zeitraum |
2003 – 2006; 2008 – 2010; 2009 |
| Veranstaltungen |
Designmai, DMY, Möbelmesse Stockholm – Ausstellungsbeiträge und Kurationsbeteiligung. |
Supermarkt 2.0 – Kulturzentrum
| Zeitraum |
2007 – 2009 |
| Rolle |
Mitbegründer & organisatorische Leitung eines kulturwirtschaftlichen Zentrums in Berlin‑Kreuzberg. |
Antiquitäten Breitenkamp – Freie Mitarbeit
| Zeitraum |
2010 |
| Details |
Freie Mitarbeit und Designberatung bei einem traditionsreichen Antiquitätenhändler. |