Premiro — Insurance Landing Page & Booking Flow (Frontend)

A multi-language insurance landing page and booking flow built with a reusable form architecture, optimized for SEO and user experience through server-rendered pages.

I helped our team build the frontend implementation of Premiro, an insurance landing page and booking platform designed to support multiple insurance products, each with its own form structure and validation rules.

The Challenge

Premiro needed to support:

• Multiple insurance products, each requiring different form fields and validation logic
• A multi-step booking experience that remained clear and easy to use
• Multi-language support for both Indonesian (ID) and English (EN)
• Strong SEO requirements for landing pages while maintaining a smooth user experience

Managing complex, product-specific forms while ensuring good SEO and UX was the main challenge.

The Solution

I designed and implemented the frontend architecture using Next.js, enabling pages to be rendered as HTML for better search engine visibility and faster initial loads.

A reusable form logic and component system was created to handle different insurance products while keeping form behavior, validation, and layout consistent.

Internationalization was integrated so content, form labels, and validation messages could be translated cleanly for both ID and EN, without compromising SEO.

The Result

• SEO-friendly landing pages with fast initial page loads
• Improved user experience during form navigation and submission
• Reduced duplication through shared form logic and components
• Consistent experience across multiple insurance products and languages

My Contribution

I was the only frontend developer on the project, working closely with the tech lead. I handled day-to-day frontend implementation and architecture, built reusable form logic and components, implemented SEO and UX improvements with Next.js, integrated multi-language support, and collaborated with the tech lead on technical direction and reviews.