Bangkok Marathon

Bangkok Marathon (Bkkmarathon.com)

 

Project Overview: Bkkmarathon.com is the official information and registration platform for the Bangkok Marathon, one of Thailand’s largest running events, hosting over 10,000 participants annually.

The Challenge: The project required a major system overhaul (Redesigned in 2020) to address both user experience (UX) and backend scalability. The critical requirement was to build a system capable of handling high concurrency, ensuring stability when thousands of users access the site and attempt to register/pay simultaneously during the opening launch.

Design Concept & Strategy:

• Immersive Full-Width Design: The site utilizes a Full-Width layout to maximize visual impact and provide a modern user experience across all devices.

• Performance-First Media: Cloud-based video hosting and social media integration were implemented to allow auto-play visuals without consuming local server bandwidth, ensuring fast load times.

• SEO & Structured Data: Beyond basic information, the site structure is optimized for Google Search (SEO friendly), allowing event dates and details to appear directly in search results (Rich Snippets).

Key Features & Technology:

• High-Traffic Infrastructure: Integrated a CDN (Content Delivery Network) to manage massive traffic spikes and concurrent user access during registration periods.

• Registration System: A streamlined interface allowing runners to easily select race categories and distances.

• User Accounts: Supports Social Login (Facebook) and Email login for users to track their application status and verify payment details.

• Payment & Notification: Connected with LINE for instant registration alerts and submission of payment proof.

• Runner Database Management: A robust search system for finding runner details and a backend tool for updating BIB numbers.

• Admin Management:

  • A simplified dashboard for admins to update registration statuses.

  • Drag & Drop Live Editor: A flexible CMS allowing the team to easily manage content and update event details without coding.