Skip to content

About

I started with visuals. I stayed for systems.

Before code, I was drawn to layout, color, shape, and the feeling of making something look right. Programming came later, when static visuals no longer felt enough — I wanted the surface to respond, carry logic, and become useful.

01

From design to code

Design taught me to see hierarchy. Programming taught me to make that hierarchy work.

01

Visual judgment

Layout, color, shape, and composition became the first way I learned to read structure, weight, and attention.

02

Interaction

Static visuals were not enough. Interfaces had to move, respond, guide people, and stay clear while being used.

03

System thinking

Programming forced the work beyond appearance: break the problem apart, understand the logic, and rebuild it into something stable.

02

Field record

The discipline came before this portfolio: software work, team pressure, and building things that had to function beyond the screen.

01

zi.care

Full Stack Engineer

zi.care / Jakarta / June 2023

Worked inside a healthtech startup context, building product features and learning how interface, logic, team handoff, and operational pressure affect real software.

02

Hacktiv8

Fullstack JavaScript Program

Hacktiv8 / March 2023

Built the technical foundation across JavaScript, backend logic, frontend implementation, project delivery, and short-cycle execution.

Technical base

JavaScriptTypeScriptReactNode.jsExpressPHPMySQLPostgreSQLGitDockerCSSTailwind

03

How it shows up now

That background changed how I see websites. A site is not only a visual surface. It has to guide attention, handle real inputs, launch cleanly, and stay maintainable after release.

01

Visual

Hierarchy, layout, motion, and atmosphere help people understand what the business is and where to move next.

02

Function

Inquiry paths, forms, ecommerce journeys, and content structure turn attention into usable business action.

03

Production

SEO setup, deployment, email delivery, responsive behavior, and support keep the website usable after launch.

Next step

See the work behind the approach.

I now apply this background to business websites, frontend implementation, inquiry flows, ecommerce support, SEO setup, deployment, and production support.