Simas Merchant Landing Page.
Bank Sinarmas' merchant website: explains QRIS, EDC, and Payment Gateway services, walks businesses through registration, and lists every branch office.
About the project.
The public website for Bank Sinarmas Merchant, built with Next.js. It introduces the bank's payment services for businesses of every size (QRIS, EDC, Payment Gateway, and the merchant dashboard and app), guides prospects through a four-step registration, and helps them find the nearest branch, in Indonesian and English.
Challenges & decisions.
The front door
merchant.banksinarmas.com is where businesses discover Bank Sinarmas' merchant services and sign up. It is the front door to the Simas Merchant app and dashboard, written for owners of micro businesses up to enterprises.
Built to grow
The site is built with Next.js and React, with localized Indonesian and English routes. Content is organised into reusable sections so new services and campaigns can be added without redesigning pages.
What's inside
Landing page with merchant benefits and clear Join Now and Explore More calls to action.
Service pages for QRIS, EDC, Payment Gateway, and the interactive merchant dashboard.
A step-by-step guide to becoming a Bank Sinarmas Merchant.
Branch office finder with search, region and branch filters, and pagination.
A section placing the merchant business within the wider Sinar Mas ecosystem.
Indonesian and English versions with a language switcher.
The hard parts
Explaining several payment products clearly to non-technical business owners.
Keeping a large branch directory fast to search and filter.
Keeping both languages consistent across every page.
What I built
I built the frontend in Next.js: page layouts, the reusable section components, the branch office finder, and localization.
Built with.
A look inside.
