​ w █​ e █ 0 1 l █ 0 1 2 3 4 5 6 7 8 9 0 c █ 0 1 2 3 4 5 6 7 8 9 0 1 2 3 4 5 6 7 8 9 0 1 2 3 4 5 6 7 8 9 0 1 2 3 4 5 6 7 8 9 0 1 2 3 4 5 6 7 8 9 0 1 2 3 4 5 6 7 8 9 0 1 2 3 4 5 6 7 8 9 0 1 2 3 4 5 6 7 8 9 0 1 2 3 4 5 6 7 8 9 0 1 2 3 4 5 6 7 8 9 0 o █ ​ m █​ e █

FULLSTACKDEVELOPER

Karakter Fullstack DeveloperKarakter Fullstack Developer (hover)

Non-Linear Cracktivity.

Web Design · Web Developer · UI / UX Designer — i build tiny, sharp, slightly weird things for the web.

Available for

Freelance Work

About Me

I'm a non-linear developer — half engineer, half designer, all chaos. I turn messy ideas into websites that feel weirdly personal.

5+years coding
42projects shipped
∞cups of coffee
3ambest ideas at

what i do

  • — design ui/ux, branding
  • — develop web apps, landing
  • — ship fast, weekly
Karakter About Me

Selected work 2024 — 2025

Nine web builds shaped from interface decisions through production code. Visit the live websites now; detailed case studies will follow.

Stack & tools.

The tools I use to move a project from interface concept to a maintainable production build.

  1. 01ReactInterface
  2. 02Next.jsApplication
  3. 03TypeScriptLanguage
  4. 04TailwindStyling
  5. 05FigmaDesign
  6. 06FramerPrototype
  7. 07Node.jsRuntime
  8. 08Nuxt.jsApplication

Experience, without the straight line.

Operations built discipline. Data built systems thinking. The web brought both into one practice.

View LinkedIn ↗
  1. 2015 — 2020

    Learning how systems behave.

    JNE · OVO · Telkomsel · Bank Muamalat

    Roles across operations, data analysis, databases, and finance formed the practical foundation behind the work I build today.

  2. 2021 — 2022

    Moving from systems into interfaces.

    Gifu Studio · MIA Company

    WordPress and front-end agency work became the bridge between visual decisions, code, deadlines, and real client needs.

  3. 2022 — Present

    Designing and building as one discipline.

    PT vOffice · Senior Web Developer since 2024

    Today the work spans web design, UI/UX, and development—from shaping the interface to shipping the production build.

How the work moves.

  1. 01

    Frame

    Clarify the audience, constraints, content, and the real job the page needs to do.

  2. 02

    Design & build

    Develop the visual system and working interface together instead of treating them as separate hand-offs.

  3. 03

    Refine & ship

    Test the responsive experience, tighten the details, and prepare the build for release.