Chapter 4.1:
Side Story: Design System Under NDA

Alphalitical (Tangerang) - June 2022 - September 2022

TL;DR

While working full time at Bhinneka, I took on a freelance build with Alphalitical. The visible task was frontend delivery, but the real value was design-system work. They needed a component foundation that could support the product instead of a one-off page implementation.

I built a React and TypeScript design system from Figma specifications and turned it into a reusable component library. That kind of work looks slower at first, but it pays off once the product starts expanding and the team needs consistency more than speed on a single screen.

From there I implemented the login and register flows with Next.js and AWS Amplify, then moved into the core product UI. Because the foundation was already componentised, feature work became much less fragile and far easier to reason about.

This project tightened an instinct I still lean on heavily: if the design language is inconsistent, feature delivery stays expensive. Good frontend architecture is often just a good component system with enough discipline behind it.

Next:

Chapter 5: Restaurant Flow, Rebuilt

Prev:

Chapter 4: Enterprise Commerce at Scale

Back to:

Table of content