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.
HOW I WORK✦
WORKFLOW LIFECYCLE

I start with the problem, not the technology.

A disciplined, thoughtful loop to turn ambiguous ideas into resilient, production-ready software.

Understand

Observe users, workflows, and requirements directly in their operating environment.

Analyze

Identify underlying problems, operational constraints, and high-impact opportunities.

Design

Shape the interaction architecture, information structure, and visual clarity.

Build

Translate the design into a maintainable, high-performance functional product.

Improve

Evaluate real-world user metrics and continuously refine the system based on actual needs.

CAPABILITIES & CRAFT✦
SKILLS & SUPERPOWERS

Skills & Superpowers

Explore my core craft and mindset. Feel free to drag, play, and toss the skill badges around!

Engineering & Design

Hard Skills

Technical tools, libraries, and frameworks I use to engineer intuitive digital experiences.

Interactive • Drag anywhere
Mindset & Strategy

Soft Skills

Human-centered empathy, proactive problem-solving, and cross-functional leadership.

Interactive • Drag anywhere
Experience Timeline • Academic Education • Social Profiles
EXPERIENCE✦
5 ROLES RECORDED

Where I’ve contributed and built.

Real-world projects, student leadership, and production software serving active users.

Academic Research Platform

Project Coordinator & Software Developer

UKK Layanan Sains & Laboratorium UNHAS

Coordinated development of an integrated laboratory & research vessel service platform.

2026
↳Outcome:2,166 users served & 2,631 service orders processed
Key Deliverables & Responsibilities:
  • •Coordinated development of an integrated laboratory and research vessel service platform
  • •Analyzed existing workflows and operational requirements across multiple stakeholder roles
  • •Implemented role-based access control and approval workflows for research instruments
  • •Contributed to an active production platform serving 2,166 users and processing 2,631 orders
Technologies & Tools:
Next.jsPostgreSQLSystem AnalysisRole-based Workflows
Public Sector Web Platform

Web Developer & UI/UX Designer

Desa Sapanang

Designed and developed a village information and management platform.

2026
↳Outcome:Full public portal & admin system deployed on VPS
Key Deliverables & Responsibilities:
  • •Designed and developed a complete village information and administrative management platform
  • •Translated discussions and observations with village officials into precise system requirements
  • •Built public-facing information portals and secure administrative dashboards
  • •Deployed, configured, and maintained the production system on a Linux VPS
Technologies & Tools:
Web DevelopmentUI/UXLinux VPSAdministrative CMS
Tech Community Platform

UI/UX & Web Development

Makassar Remote Club

Redesigned website interface and built administrative content panel.

2026
↳Outcome:Enhanced community information architecture & admin CMS
Key Deliverables & Responsibilities:
  • •Redesigned the community website interface for improved readability and brand presence
  • •Restructured information architecture to highlight community events and opportunities
  • •Developed a custom administrative content management panel for community managers
Technologies & Tools:
FigmaReactCMS ArchitectureInformation Structure
National Tech Event

Website Division Staff

Recursion 1.0

Designed registration flows and developed reusable UI components.

2024 – 2025
↳Outcome:1,000+ registered event participants accommodated
Key Deliverables & Responsibilities:
  • •Designed accessible, frictionless multi-step registration flows
  • •Created a reusable Figma component kit to accelerate front-end development
  • •Collaborated tightly with Front-End and Back-End engineering teammates
  • •Supported an event platform that accommodated 1,000+ registered participants
Technologies & Tools:
FigmaNext.jsTailwind CSSCollaboration
Student Organization

UI/UX Division Coordinator

Coder Institute

Led the UI/UX design team and established consistent design standards.

2025 – 2026
↳Outcome:Led division team & established unified design specs
Key Deliverables & Responsibilities:
  • •Led the UI/UX design team and established consistent visual design standards
  • •Applied user-centered design principles across organizational projects
  • •Coordinated handoff workflows directly with Front-End Developers
  • •Mentored division members through hands-on technical UI/UX sessions
Technologies & Tools:
FigmaDesign SystemsUser ResearchComponent Libraries
ACADEMIC FOUNDATION✦
FORMAL EDUCATION

Informatics Engineering

Hasanuddin University

Focus: Software Engineering, Human-Computer Interaction, Algorithms, and Distributed Web Systems.

Key Relevant Coursework:
Web ProgrammingDatabase ManagementSoftware EngineeringInformation SystemsDigital SecurityHuman-Computer Interaction
— combining computer science fundamentals with pragmatic product building ✦

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
Nov2024•Product & 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
Nov2024•AI 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
Jun2024•Web & 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
Jan2024•Design 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
Aug2024•Full-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.

Recommendations and reviews from engineering leads, founders, and designers I've collaborated with.

Memuat testimoni...