What I Do
Selected work, with the story behind it
These are a few projects I’ve spent time untangling, designing, and building. Here’s what needed attention, what I changed, and what I’m still figuring out.
A closer look · Indopaket WebIndopaket Web Platform Redesign
UX Engineer · Product Team LeadA closer look at finding a store, sending a parcel, and tracking it home. I redesigned nine flows across the Indopaket website.
The tricky part: Unlabeled shipping actions, map-blocking store details, and dead-end feedback made core tasks hard to follow.
What I built: Nine redesigned flows with clearer actions, compact store cards, recovery states, and focused account pages.
- 9 core flows redesigned across 6 customer journeys — homepage, store locator, shipping, tracking, registration, and OTP
- Redesign decisions informed by Hotjar behavioral analysis and heuristic evaluation
- Restructured navigation to reduce fragmented entry points across core shipping tasks
Indopaket Product Ecosystem
A look inside my work at Indopaket, part of Indomaret Group: shipping, rewards, referrals, and the tools behind the scenes.
Indopaket Affiliator Web
AFFILIATE PRODUCT · WEBUI design · Frontend implementationA place for creators to share referral codes, check their earnings, and follow a payout along the way.The tricky part: Creators need to distinguish referral codes, earnings, and payout stages in one experience.
What I built: Registration, referral sharing, earnings history, and payout interfaces; launch planned for late September 2026.
Launch: late Sept 2026
ReactViteAPI IntegrationRead the story → Indopaket Affiliator WebIndopaket Affiliator App
AFFILIATE PRODUCT · MOBILEMobile UI designStill writing this story · A short overview for nowMaking referral sharing straightforward and commission earnings easy to follow.Launch: late Sept 2026
Visual HierarchyInteraction StatesSee the overview → Indopaket Affiliator AppIndopaket Core Mobile App
CORE CUSTOMER PRODUCTHeuristic evaluation · Navigation redesignStill writing this story · A short overview for nowImproving tracking clarity and making navigation icons easier to understand.In Progress
Information ArchitectureSee the overview → Indopaket Core Mobile AppIndopaket 3PL Operations Platform
INTERNAL OPERATIONS PLATFORMFrontend architecture · Operational UI systemsLand and air shipments take different paths. I built the frontend that helps operations teams work through both.The tricky part: Land and air shipments need different sequences, while operators need actions relevant to their role and the current stage.
What I built: Separate shipment workflows, role-aware navigation, shared validation, and loading, empty, and error states.
Production
ReactTypeScriptRead the story → Indopaket 3PL Operations PlatformDashboard Member Plus
SUPPORTING SELLER PLATFORMFrontend architecture · Auth integrationA home for sellers to check referrals, review transactions, and manage their account, connected to the existing Laravel login.The tricky part: Sellers need an account overview without crowding it with detailed records.
What I built: An account dashboard, transaction and profile views, and authentication integration.
Next.jsReactRead the story → Dashboard Member PlusMember+ Reward Draw CMS
INTERNAL CMS MODULEInteraction design · Frontend implementationSingle Feature
One live reward draw, two very different views: the controls for the operator and the reveal for everyone watching.The tricky part: Campaign operators and event audiences need different views of the same live reward draw.
What I built: Separate operator controls and audience-facing reward draw interfaces.
LaravelJavaScriptjQueryRead the story → Member+ Reward Draw CMSMember+ Tiering & Loyalty
CORE WEB & MOBILE FEATUREUI design-to-code · Frontend implementationSingle Feature
Helping Member+ customers see where they stand, what comes next, and which benefits they can use.The tricky part: Customers need to understand their current tier, remaining progress, and available benefits.
What I built: A tier overview, progression states, benefit details, and history, developed from a Laravel prototype into Next.js.
Next.jsReactLaravelRead the story → Member+ Tiering & Loyalty
Freelance & Independent Work
A project I’ve stayed with, from its first release through the fixes and changes that followed.
Perkantas Yogyakarta
Frontend engineering · API migration · Database · DeploymentThe tricky part: An active community platform needed maintenance and modernization while supporting everyday tasks.
What I built: Refactored interfaces, API-ready components, database work, and deployment across the 2026 maintenance phase.
Read the story →Additional Work
Earlier builds, a hackathon sprint, and a few things I learned by making them.
A few more projects, from train tickets to the tools people use at work.
Enterprise & Client Work
Some details need to stay private, so I’ve kept these introductions brief. Here’s where I helped and what I worked on.
- Desktop · Identity · Enterprise
e-KTP Identity Management System
I designed the desktop screens for entering, checking, and managing e-KTP identity data. Lots of forms, and plenty of details to get right.
Role: UX Design · UI Design
Focus: Complex forms · Validation · Desktop workflows
- Web · Transportation · Operations
LRT Jakarta — Ticketing & Operations Dashboard
I worked on LRT Jakarta 1B web ticketing and an operations dashboard, designing interfaces and building the frontend.
Role: UI Design · Frontend Implementation
Focus: Web ticketing · Operational dashboard · Monitoring UI
- Web · Reporting · Enterprise
Telkomsel Perso Reporting Platform
I designed Telkomsel Perso reporting screens, working through how to organize operational data so people could read it.
Role: UI Design
Focus: Reporting · Data-heavy UI · Information hierarchy
- Web & Desktop · Operations
Airline Catering Operations Management System
I designed web and desktop dashboards for airline catering teams, showing the work and the steps it moves through.
Role: UI Design
Focus: Dashboard UI · Workflow visualization
- Web · Marketplace · Multi-role
Event Ticketing Marketplace Platform
I designed the buying flow, seller dashboards, and internal tools. Each side of a ticket sale needed its own view.
Role: UI Design
Focus: Multi-role interface design
- Web · Real-time · On-site
Race Event Ticketing & Validation System
I designed ticket access, organizer screens, and on-site scanning flows for race events.
Role: UI Design
Focus: Real-time interface design