Hi there, I am

PutriFajar

|
CONTACT ME OPEN FOR COLLABORATION
Putri Fajar

Combining thoughtful design, clean development, and AI to create digital experiences that are intuitive, functional, and meaningful.

Empathetic Architect
Intuitive Designer & Developer
Proactive Craftsman
Empathetic Architect
Intuitive Designer & Developer
Proactive Craftsman
Empathetic Architect
Intuitive Designer & Developer
Proactive Craftsman
WORKSTATION & AMBIENCE

Daily Rhythm & Focus Flow

Live pulse from my workstation in Makassar, paired with an ambient generative sound synth engineered for deep work.

Local Time
Daytime
00:00:00
WITA • GMT+8Makassar, Indonesia
Makassar, South Sulawesi, ID
Focus Flow SynthWeb Audio API • Zero Latency
Paused
110 Hz Deep DroneAlpha Waves

Grounding low-frequency hum for deep engineering & uninterrupted focus.

ABOUT ME

Designing ideas.Engineering possibilities.

I'm Putri Fajar, a
Web Designer
,
Web Developer
, and
AI Product Engineer
who bridges design, technology, and AI to create meaningful digital products.
From intuitive interfaces and web applications to cloud-enabled systems and AI-powered experiences, I approach each project with a balance of creative thinking, technical problem-solving, and user-centered design.
THE INTERSECTION PHILOSOPHY

“I believe great products are built at the intersection of what people need, what technology enables, and what creates real value.”

✦ grounded in empathy & engineering— Putri F.

Social Media

Feel free to connect, collaborate, or say hello!

CASE ARCHIVE & PROJECTS

Curated works, systems & code.

CASE-01
RESEARCH
KYC Redesign
Instant Biometric Flow
SOURCE 01● READY
FLUTTER
Virtual Cards
Dynamic CVV Security
SOURCE 02● VERIFIED
preview.snapshot
IOS & ANDROID
Zapp Account Wallet
Reimagined Mobile Banking
Sub-60s Verification
PROJECT ARTIFACTINDEX #01
CASE-01
Nov2024Product & UX Design

Zapp Account

ROLE:UX Designer II
FlutterUX Research+3
PROJECT OVERVIEW
Case Study ↗
ROLE:UX Designer II

HDFC Bank's reimagined digital wallet rebuilt from scratch in partnership with Zeta.

FlutterUX ResearchDesign SystemFintechMobile
CASE-02
LLM INGEST
Prompt Ingest
temp: 0.2 • top_p: 0.9
SOURCE 01● READY
200 OK
Stream Output
1,840 tokens / sec
SOURCE 02● VERIFIED
preview.snapshot
ACTIVE PIPELINE
NeuroFlow DAG Canvas
Autonomous Multi-Agent Graph
82ms Latency
PROJECT ARTIFACTINDEX #01
CASE-02
Nov2024AI Engineering

NeuroFlow AI

ROLE:Lead Frontend & AI Engineer
Next.js 15React Flow+3
PROJECT OVERVIEW
Case Study ↗
ROLE:Lead Frontend & AI Engineer

Autonomous multi-agent DAG pipeline builder with real-time streaming state & token latency inspection.

Next.js 15React FlowTypeScriptLangChainWebSockets
CASE-03
SHADERS
WebGL Shader
VertexDisplacement
SOURCE 01● READY
GSAP 3
Pin Timeline
Scrub: 1.2s • Pin: true
SOURCE 02● VERIFIED
preview.snapshot
60.0 FPS
Aetheria 3D Showcase
Kinetic Scroll Experience
Physics Engine
PROJECT ARTIFACTINDEX #01
CASE-03
Jun2024Web & Motion

Aetheria Studio

ROLE:Creative Technologist & UI Engineer
ReactGSAP 3+3
PROJECT OVERVIEW
Case Study ↗
ROLE:Creative Technologist & UI Engineer

High-framerate digital web experience powered by custom GSAP physics and WebGL shaders.

ReactGSAP 3Three.js / WebGLTailwind CSSGLSL
CASE-04
FIGMA SYNC
Token Pipeline
148 Figma Variables
SOURCE 01● READY
STORYBOOK
Theme Engine
Dark / Light Tokens
SOURCE 02● VERIFIED
preview.snapshot
WCAG AAA
Synthetix UI Primitives
Accessible Design Architecture
45+ Primitives
PROJECT ARTIFACTINDEX #01
CASE-04
Jan2024Design System

Synthetix Design System

ROLE:UI/UX Designer & Systems Architect
Figma TokensReact Aria+3
PROJECT OVERVIEW
Case Study ↗
ROLE:UI/UX Designer & Systems Architect

Cross-platform design token architecture with automated Figma pipeline & WCAG AAA compliance.

Figma TokensReact AriaTailwind CSSStorybookTypeScript
CASE-05
REALTIME
WebSocket Trace
Sub-millisecond Edge
SOURCE 01● READY
100% UPTIME
Health Monitor
Anomaly Detection
SOURCE 02● VERIFIED
preview.snapshot
50K REQ/S
Vortex Live Dashboard
High-Throughput Analytics
1.14ms Latency
PROJECT ARTIFACTINDEX #01
CASE-05
Aug2024Full-Stack Web

Vortex Telemetry

ROLE:Full-Stack Developer
Next.jsPostgreSQL+3
PROJECT OVERVIEW
Case Study ↗
ROLE:Full-Stack Developer

Live telemetry dashboard handling 50k+ websocket events/sec with sub-millisecond query traces.

Next.jsPostgreSQLTailwind CSSWebSocketsPrisma
TESTIMONIALS

Words from collaborators & peers.

Feedback and recommendations from engineering leads, founders, and designers I've worked with.

Putri bridged the hardest gap in our architecture: transforming messy asynchronous agent graphs into a streaming UI that engineers actually love using. She doesn't just build components—she thinks deeply about token state, latency, and developer ergonomics.

Alex Morgan
Alex MorganVP of Engineering·Synergize AI
Collaborated on: NeuroFlow AI Engine

Most frontend engineers treat animations as an afterthought. Putri engineers physics-driven WebGL and GSAP scenes that hit 60fps on mobile without breaking a sweat. Her eye for pacing, kinetic weight, and tactile feel is truly world-class.

Marcus Vance
Marcus VanceCreative Director·Studio Aether
Collaborated on: Aetheria Kinetic Experience

Our design token migration was stalling across three separate teams until Putri stepped in. She built an automated Figma-to-code pipeline with bulletproof keyboard navigation and zero accessibility regressions across 45+ primitives.

Elena Rostova
Elena RostovaPrincipal Systems Architect·Pulse Global
Collaborated on: Synthetix Design Tokens

Handling 50,000 live WebSocket events per second without dropping frames is no joke. Putri designed a high-throughput edge telemetry monitor that cut our real-time query latency down to sub-milliseconds. Unmatched execution speed.

D
David ChenCo-Founder & CTO·Vortex Stream
Collaborated on: Vortex Telemetry Dashboard

Working with Putri was one of the smoothest experiences in my career. Proactive communication, pixel-perfect execution, and clean TypeScript code that our backend team had zero complaints maintaining. Highly recommended.

Sarah Jenkins
Sarah JenkinsSenior Product Manager·NeuralEdge Labs
Collaborated on: Multi-Agent Orchestrator