I'm Alfan Pratama, a multidisciplinary designer & creative technologist based in Surabaya.
"I operate at the intersection of design, technology, and product strategy. I believe digital products should be crafted with the same artistic integrity as physical instruments—sophisticated, human, and built to last."
With five years of professional experience, I combine UX prototyping with hardware engineering to create balanced digital ecosystems. A multidisciplinary digital designer & creative technologist bridging the gap between Figma design systems, hardware IoT interfaces, and product strategy.
05+
Years Exp
12K+
Active Users
UI/UX & Design Systems
Translating complex user journeys into structured layouts. I design scalable design systems in Figma, ensuring design consistency and clean developer handoffs.
CompetenciesCreative Technology
Developing front-end logic and prototyping IoT architectures. I integrate physical microcontrollers (Arduino, ESP8266) with cloud databases to build real-time monitoring solutions.
TechnologiesProduct Management
Planning roadmap execution with a focus on metrics. I apply game design elements and behavioral psychology models to drive long-term user retention.
MethodologiesWork
SAMPAPP
Product & UI/UXIndonesia's first gamified environmental education platform, scaling to 12K+ users globally with streaking systems and achievement mechanics.
02.AFTER SHIFT
Sound & NarrativeInteractive ambient audio storytelling platform merging custom soundscapes, jingles, and micro-animations.
03.VELO TELEMATICS
IoT & DashboardSmart E-Bike monitoring application dashboard utilizing real-time sensor mapping and battery life telemetry logs.
04.NAMMA IDENTITY
Brand IdentitySleek, minimalist branding guidelines, curating responsive typographic grids and structural marketing assets.
05.MORA CONTROLS
Industrial HMIIndustrial PLC and human-machine interface configuration mapping, optimizing mechanical control room panels.
The Audio
Matrix
Sound engineering is my creative relief. This arpeggiator is built on the Web Audio API, combining custom oscillator nodes with a real-time vector oscilloscope drawing loop.
Directions: Turn on the power switch, select a waveform type, and glide your cursor over the key arpeggiators to synthesize analog synth chords.