GEMALA.DEV / STUDIO0%
Let’s talk
SOLO RAYA, ID16:20:00GMT+7
Available for Select Collaborations

Crafting digital experiences with clarity, motion & speed.

I’m Zaki Tri Pamungkas — founder of gemala.dev. I bridge the gap between creative visual design, tactile physics-based motion, and robust frontend systems.

Explore Selected Work Let’s Talk Business
3+ Years Crafting Web Products WCAG Accessibility Compliant Sub-Second LCP Performance
3D EYE TRACKING ACTIVE
Next.jsReactTypeScriptCSSFigmaNext.jsReactTypeScriptCSSFigma
Design & Code Philosophy

Good design makes complicated systems feel quiet and effortless.

I believe every digital product should respect the user’s focus and cognitive load. By integrating code, typography, and motion from day one, we eliminate friction and build tools that people actually love using every day.

Read My Journey & Story ↗
flowspace.app / workspace / active-sprint
Task Velocity+38.4%
Interaction Budget60 FPS
StatusProduction
Consolidated Multi-Step Team Action Flow
Selected Case Study · 01FLOWSPACE
Product Design · Frontend System

Flowspace: A high-performance workspace interface designed to make intricate team workflows feel effortless and light.

Busy engineering and design teams were bouncing between scattered views before completing a routine task.

Next.jsReact 19GSAPTypeScriptTailwind CSS
Read Full Case Study →
Capabilities & Services

Disciplined craftsmanship from initial wireframe to final pixel.

G
DEV
01

Digital Product & UI/UX Architecture

Transforming intricate user journeys into calm, intuitive, and high-conversion software interfaces with clear hierarchy.

Design Systems (Figma) Interactive Prototypes WCAG 2.1 AA Audit
↗
02

High-Performance Frontend Systems

Next.js 16 & React 19 builds optimized for sub-second page loads, zero cumulative layout shifts, and clean component APIs.

Full-Stack App Router Server Components (RSC) Strict TypeScript Models
↗
03

Tactile Motion & Creative Engineering

Physics-based interaction design with GSAP and Lenis that communicates state, feedback, and memorable brand identity.

Scroll-Driven Timelines Micro-Interactions Custom Physics Cursors
↗
Studio Index

Explore other dimensions of the workbench.

All Projects (3) ↗

“

Useful before flashy. Accessible by default. Built to endure.
Studio Guiding Principles
Start a Conversation

Have an ambitious project in mind?

Whether you’re launching a new venture, revamping a product UI, or need high-performance frontend development, let’s build something truly memorable.

Start a Project Discussion ↗
GHELLO
@GEMALA.DEV