Designing
Digital
Experiences.
Senior Software Engineer & Product Designer. Crafting interactive digital architecture worthy of museum exhibition. Nothing decorative. Every transition has physical weight.
// ROOM 02: CURATED ART PIECES
Selected Works
& Systems Architecture.
NO CARDS. EVERY SYSTEM IS TREATED AS A SPATIAL INSTALLATION WITH CUSTOM SHADER REFRACTION.
EverySwap Protocol
An ultra-low latency decentralized financial engine wrapped in a monolithic glassmorphic interface. Engineered custom screen-space refraction shaders to visualize real-time liquidity pools.
Monolog Studio
Digital architecture platform for high-end Swiss interior design studios. Features procedural 3D lighting simulation and physics-based spatial transitions.
VectrFL Engine
High-performance vector flow simulation library for browser-based computational biology and aerodynamics. Capable of computing 1.2M fluid particles at 60 FPS.
Ten Studio & Monolith
Architectural e-commerce system inspired by Dieter Rams and MUJI physical showrooms. Eliminates decorative visual noise in favor of pure typographical clarity.
Chronos Neural Lattice
Multidimensional neural network topology explorer. Translates complex high-dimensional embeddings into physical 3D crystal lattice clusters with immediate magnetic hover interaction.
// ROOM 03: ARCHITECTURAL PHILOSOPHY
Silence is luxury.
Whitespace is content.
// SWISS GRAPHIC DESIGN
// DIETER RAMS RESTRAINT
// TADAO ANDO LIGHTING
“When an object is stripped of every unnecessary line, all that remains is pure architectural resonance.”
Not a developer portfolio.
An industrial installation.
I am a Senior Software Engineer and Product Designer whose work sits at the intersection of high-frequency distributed engineering, custom WebGL shader architecture, and uncompromised Swiss graphic design.
Drawing inspiration from James Turrell's light fields, MUJI's functional minimalism, and Tadao Ando's concrete geometry, every application is built to deliver a 60 FPS cinematic journey where every animation is governed by physical mass and inertia.
“Everything exists because of purpose. Every animation has physics. Every spacing feels intentional.”
// Core Philosophy 01“Silence is luxury. Whitespace is content. Motion is communication.”
// Core Philosophy 02Engineering & Design Timeline
// HORIZONTAL EXHIBITION STRIP (DRAG OR USE ARROWS)
// ROOM 04: METALLIC ENGRAVINGS
Physical Plates
& Core Mastery.
INSTEAD OF GENERIC ICONS, TECHNOLOGIES ARE REPRESENTED AS PHYSICAL ENGRAVED PLATES WITH WEIGHT AND RESISTANCE.
FRONTEND ARCHITECTURE
// React • Next.js App Router • TypeScript • Tailwind CSS v4
Architectural Capability Overview
Engineering monolithic, zero-latency client and server-rendered web applications with robust type safety, micro-bundle optimization, and clean component isolation.
- Next.js 15 App Router
- React Server Components
- TypeScript 5.x Strict
- State Architecture (Zustand)
- Tailwind CSS v4 System Tokens
WEBGL & GLSL SHADER ENGINEERING
// Three.js • React Three Fiber • Drei • Postprocessing Pipeline
Architectural Capability Overview
Crafting bespoke procedural shaders, mathematical noise functions, custom lighting studios, and physically accurate material refractions directly on the GPU.
- Custom GLSL Vertex & Fragment
- Screen Space Refraction & Bloom
- Procedural Geometry Morphing
- Instanced Mesh Matrix Math
- GPU Memory Management
PHYSICS MOTION & UX SYSTEMS
// GSAP ScrollTrigger • Lenis • Easing Physics • Magnetic Fields
Architectural Capability Overview
Implementing weight, mass, inertia, overshoot, and spring mechanics across every interaction. Nothing default. Nothing linear. Total synchronization between scroll and GPU.
- GSAP Timeline & ScrollTrigger
- Lenis Smooth Scroll Physics
- 2D/3D Magnetic Vector Fields
- Typography Layout Distortion
- Lighthouse 95+ Sustained
SYSTEMS & CLOUD INFRASTRUCTURE
// Node.js • Go • Edge Workers • Distributed Caching • GraphQL
Architectural Capability Overview
Designing high-throughput backend APIs, real-time WebSocket telemetry, and resilient cloud edge workers that power interactive frontend data structures seamlessly.
- Go & Node.js Microservices
- Cloudflare Edge Workers
- PostgreSQL & Redis Caching
- Real-time Telemetry Engine
- CI/CD Deployment Pipelines
CREATIVE & INDUSTRIAL DESIGN
// Swiss Typography • Dieter Rams Principles • Architectural Grid
Architectural Capability Overview
Applying uncompromising minimalism, strict 12-column Swiss typographic grid hierarchies, and luxurious editorial restraint to transform digital products into timeless art.
- Swiss 12-Column Grid Systems
- Editorial Typography Styling
- Minimalist Spatial Layout
- Luxury Color Theory & Contrast
- Interactive Museum Storytelling
Let's build
unforgettable
architecture.
AVAILABLE FOR PRINCIPAL ARCHITECT ROLES, HIGH-END WEBGL EXHIBITIONS, AND CUSTOM AI VISUALIZATION PLATFORMS.