MoneySpace – Vue.js front end for an online payment gateway

Summary: Pixel-accurate Vue.js UI components, built from Figma designs, for the website of a Thai online payment provider.

Context / client: MoneySpace, an online payment gateway for merchants in Thailand.

Problem: Payment services are hard to explain and depend on trust. The client needed a clear, consistent and conversion-focused website that follows its Figma designs exactly, so merchants understand the offer quickly and get in touch.

My role: Front-end developer. I turned the Figma designs into reusable UI components in Vue.js.

Stack: Vue.js · JavaScript · HTML & CSS · Figma-to-code · responsive design

What was built: • A library of reusable Vue.js UI components that faithfully implement the Figma designs • Responsive layouts for desktop and mobile • A clear information hierarchy for a complex financial offer • Conversion-oriented contact paths that guide merchants towards enquiries

Outcome: The site is live at moneyspace.net as a Vue.js single-page application. It presents the payment gateway with a consistent, design-faithful interface.