Frame
Turn an open brief into a clear problem definition, constraint set, priority, and decision path.
Problem framing / priorities / trade-offs
Loading the next record
Studiert / UI/UX case studyProduct thinking / UI/UX / Front-end
I design systems, shape interfaces, and build digital products from problems that are still unclear.
Positioning / product and design
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
Frame
Turn an open brief into a clear problem definition, constraint set, priority, and decision path.
Problem framing / priorities / trade-offs
Understand
Use research and flow thinking to connect real friction with the structure of the product.
Research / synthesis / user flow
Shape
Build visual hierarchy, interaction states, and reusable interface rules that hold together.
Information design / UI systems / accessibility
Build
Translate intent into responsive front-end architecture without making motion the only way to understand it.
Next.js / TypeScript / GSAP
Refine
Test the behavior, refine the details, and leave a system that can continue to evolve.
Validation / reflection / next decisions
Selected work / six projects
Explore work across education, family learning, personal finance, UI/UX, sustainability, and travel.
Dedicated application feature
A family-learning application concept centered on child profiles, daily journals, fitrah categories, progress views, and monthly reflection.
A guided sequence through child profiles, daily journals, learning categories, progress, and monthly reflection.
Organizes each child's learning context in one place.
Captures daily observations and meaningful learning moments.
Groups journal entries around the product's family-learning framework.
Turns recorded activity into an easier-to-read progress view.
Brings a month of notes together for review and reflection.
Public UI/UX case study / 2022
A collaborative educational challenge documented from research and problem framing through interface design, prototype, testing, and reflection.


ContextSecond-Half UX Challenge from Skilvul, produced for education and not as official work for a challenge partner.
RoleAdit states UI/UX Designer responsibilities across brand design, research, interface design, and prototyping.
CollaborationResearch synthesis, flows, interface outputs, and conclusions are presented as team work.
A quieter reading surface
Design
I turn research and product requirements into clear flows, structured content, reusable interface patterns, and responsive interactions.
Development
I translate interface decisions into typed components, responsive layouts, accessible states, and motion that supports the content.
Systems
I connect content rules, edge cases, and reusable patterns so the product stays coherent as it grows and changes.
Background / learning / practice
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