01Product Thinking
Frame
I turn an open brief into a clear problem definition, constraint set, priority, and decision path.
Problem framing / priorities / trade-offs
Studiert / UI/UX case study
Jurnal Fitrah Anak / applicationProduct thinking / UI/UX / Front-end
Adidtiya PutraCaniago
I design systems, shape interfaces, and build digital products from problems that are still unclear.
Pekanbaru, IndonesiaScroll to enter
Positioning / product and design
I begin useful digital work before the interface and continue after the build.
My practice moves through research, systems, visual direction, and front-end implementation, connecting the decisions behind a product with the details people experience on screen.
Working surfaces / 01-05
I see a product as a sequence of decisions, not a single screen.
02UX and Research
Understand
I use research and flow thinking to connect real friction with the structure of the product.
Research / synthesis / user flow
03Interface Systems
Shape
I build visual hierarchy, interaction states, and reusable interface rules that hold together.
Information design / UI systems / accessibility
04Development
Build
I translate intent into responsive front-end architecture without making motion the only way to understand it.
Next.js / TypeScript / GSAP
05Delivery and Learning
Refine
I test the behavior, refine the details, and leave a system that can continue to evolve.
Validation / reflection / next decisions
My selected work begins here
Selected work / seven projects
Different products, connected by how I work.
I work across education, family learning, mobile tools, personal finance, UI/UX, sustainability, and travel.
Selected projects / 01-07
Projects I selected to show my practice
I selected seven projects across education, family learning, mobile tools, personal finance, UI/UX, sustainability, and travel.
In developmentNamil Edufitrah
I am building Namil Edufitrah as a connected education platform for families and learning communities, spanning learning content, guidance, and supporting resources.
Jurnal Fitrah Anak App
I am shaping this family-learning application concept around child profiles, daily journals, fitrah categories, progress views, and monthly reflection.
CatatYuk
I designed this personal-finance product direction to make spending, obligations, and day-to-day money flow easier to understand.
Studiert
We created this educational-application case study for Skilvul's Second-Half UX Challenge, moving from research and problem framing into a tested prototype.
Upcycler
I created this sustainability-focused website experience to make reuse and responsible consumption easier to understand through digital storytelling.
Sabilina Tour
I designed this travel website direction around clear information hierarchy, inviting visual rhythm, and an easy path through the experience.
TweakKit
I built TweakKit as an offline-first Android toolkit for transparent network diagnostics, compatible system shortcuts, and local Markdown, SVG, and JSON workspaces.
Dedicated application feature
Jurnal Fitrah Anak App
I am shaping this family-learning application concept around child profiles, daily journals, fitrah categories, progress views, and monthly reflection.
This home-screen capture shows my Indonesian-language interface.
- 01
Child profile
On the documented home screen, I begin with a named child profile selector so each child's context is clear before anything is recorded.
- 02
Daily journal
I use a dated greeting and a primary record action to lead directly into capturing the day's moment.
- 03
Progress visualization
I use a progress card to turn recorded activity into a growth stage and a completion bar.
- 04
Fitrah categories
I am framing journal entries around the product's family-learning categories.
I will add a dedicated capture for this step as the flow develops.
- 05
Monthly evaluation
I am bringing a month of notes together for review and reflection.
I will add a dedicated capture for this step as the flow develops.
Public UI/UX case study / 2022
Studiert
I documented how our educational-challenge team moved from research and problem framing through interface design, prototype, testing, and reflection.
ContextWe created this for Skilvul's Second-Half UX Challenge as educational work, not as official work for a challenge partner.
My roleI contributed brand design, UX research, interface design, prototyping, and research synthesis.
CollaborationWe worked as a four-person team, so the research synthesis, flows, interface outputs, and conclusions are shared work.
A quieter side of my practice
I connect interface craft with the system behind it.
Design
From an open question to a clear interface system.
I turn research and product requirements into clear flows, structured content, reusable interface patterns, and responsive interactions.
Development
From interface intent to maintainable front-end behavior.
I translate interface decisions into typed components, responsive layouts, accessible states, and motion that supports the content.
Systems
From one screen to the rules behind the product.
I connect content rules, edge cases, and reusable patterns so the product stays coherent as it grows and changes.
Background / learning / practice
Software engineering taught me structure. Information Systems widened the view. UI/UX made the decisions visible.
I work across product thinking, interface systems, front-end development, and visual communication, with a focus on clarity, structure, and useful interaction.
About the pathNext conversation