About
Hi! I'm Jan Peiro.
Studied Communications Design in Munich, Germany.
I build immersive interfaces merging design, animation, and code.
Based in Germany.
Core Skills
- Design, Animation, Development, Rapid Prototyping
- React, Next.js, Vue.js, html, css, .js
- Typescript
- Bootstrap, Tailwind, MaterialUI
- Three.js, React 3 Fiber, WebXR
- vite, git, gitlab, npm, yarn
- SQL / Supabase Experience
- GSAP, Framer Motion, CSS Animations, Spring
- SEO
- Cinema4D, Blender, Adobe Suite
- 3D Modeling, Animation, Rendering
- Octane, Corona, RenderFarms, After Effects
Languages
- English (native)
- German (fluent)
- Spanish (fluent)
- French (fluent)
Code
RoadRich App
Client: RoadRich |
Share locations of cool Sperrmüll you encounter on the streets of Berlin. Maybe you don't want it. Maybe someone else will.
Target Audience: Sperrmüll Hunters
Project Type: Neighborhood clean-up App
Role: Design & Development
Tools: Next.js, Typescript, Tailwind, Supabase, Openstreetmap
Features: Photo capture / compression. Geolocation. Supabase. Openstreetmap.
Goal: Make something fun, easy to use and secure in compliance with GDPR.
CityLink Info Page
Client: CityLink |
Target Audience: Municipal officials
Project Type: Infopage about the Neighborhood Clean-up mobile App
Role: Design & Development
Duration: 4 days
Tools: Next.js, react
Bumpi App
Client: Bumpi App |
A GDPR-compliant civics-oriented app designed to help keep local neighborhoods clean. Some features get enabled and disabled based on current development stage.
The app uses geofencing, optional geolocation, text-input, voice-to-text. Hash3 deviceID, -ip address and user-agent scrambling and other security features feeding into a near real-time municipal dashboard.
Target Audience: Municipal Citizens
Project Type: Neighborhood clean-up App
Role: Design & Development
Tools: Next.js, Supabase, Openstreetmap, dompurify
Features: Game Mode, Leaderboard, Score Distribution, manual or automatic Geolocation, Rate Limiting, CSRF Prevention, XSS Prevention, RLS, Optional Analytics, Optional Auth, Hashed IP Geofencing, Comprehensive Crash Guarding, i18n multilanguage support
Goal: Make something fun, easy to use and secure in compliance with GDPR. At the same time making for a more streamlined and efficient process for municipal officials to manage environmental reports.
Airbus Munich Interface
Client: SMMD Team |
A physically interactive showcase of Airbus technology explained on interactive touchscreens
Target Audience: Visitors at Airbus Group Ottobrunn Showroom
Project Type: RFID Driven Interactive Experience
Role: Lead Designer, Lead Dev
Duration: 3 months and years of updates
Airbus Berlin Showroom Interface
Client: SMMD Team |An interactive catalogue of Airbus technology and the company's history made for visiting foreign state officials and clients.
Target Audience: Guests at Airbus Headquarters, Berlin
Project Type: Touchtable Interface
Role: Lead Designer, Lead Developer
Duration: 3 months and years of updates
Spiegel Geschichte TV Website
Client: Autentic GmbH |Conceptual UI/UX
Target Audience: Spiegel Geschichte TV Viewers
Role: Lead Designer / Coder
Duration: 3 months / 6 years of updates
WebGL
Bytes101
Concept Demo
Project Type: Three.js / React Three Fiber
Role: Concept / Animation / Dev
Duration: 1 week
Info:This was a learning project, I would do things differently today.
Motion
Showreel 2025
Description: Concept, 3D Modeling, Motion, VFX, Design, Post-Production
Tools: Cinema4D, After Effects, Duik, Bodymovin, Red Giant, Element3D, Stardust, Corona, Octane, Redshift, Media Encoder
Role: Concept / Animation / Post-Production
More:
Be advised this hasn't been rebranded with my new logo. Still uses the JPL logo instead, hope that doesn't cause any confusion.
