Turned design mockups into polished UI and connected Google Analytics 4 for product measurement.
UI ImplementationGoogle Analytics 4Product UI
ROLEFrontend Developer
FOCUSFrom design direction to measurable product UI
CONTEXTProduct interface · Witsawa Corporation
PROJECT GALLERY
Selected project views.
Selected public-safe interface captures show the Thai Startup landing experience and directory journey. Measurement configuration and other non-public product surfaces are omitted.
3 images · Limited preview
Thai Startup DirectoryPublic directory experience for exploring startups and ecosystem activity.Startup discovery and trendingSearch, filter and trending-startup discovery interface for the directory.Thai Startup landing experiencePublic home-page interface connecting Thailand’s startup ecosystem.
01 / PROJECT BRIEF
The problem and context.
CMDF began with supplied design mockups that needed to become a reliable working interface. The implementation needed to respect the visual direction while translating static designs into components and interaction-ready screens.
In addition to the interface work, Google Analytics 4 was connected so the product could establish a foundation for understanding use over time. This keeps product measurement part of the implementation rather than an afterthought.
02 / MY CONTRIBUTION
What I owned.
Translated supplied mockups into polished UI.
Implemented the product interface for production use.
Connected Google Analytics 4 for product measurement.
03 / WORKFLOW
How the system moves.
01
Interpret the design system
Mockup details are converted into consistent interface patterns rather than treated as isolated screens.
02
Build the working interface
The product UI is implemented so layout, states and interaction can work together in the browser.
03
Create a measurement baseline
GA4 integration provides a starting point for observing how people use the completed experience.
04 / DELIVERED
Concrete outputs.
Polished product UI
Design-to-code implementation
Google Analytics 4 integration
OUTCOME
Implemented the supplied CMDF designs as working interfaces and integrated Google Analytics 4 for product measurement.