Year : 2020
Client : Bangkok Marathon

Project Overview

The Bangkok Marathon, officially known as the BDMS Bangkok Marathon, is an annual event held in Bangkok, Thailand. It is recognized by the Association of International Marathons and Distance Races (AIMS) and has been a staple in the city since 1987. The marathon attracts over 30,000 participants, including a significant number of international runners, making it the largest marathon in Thailand17.The race typically takes place in the second half of November and features a course that passes many of Bangkok’s historical and cultural landmarks. The start and finish are located at Sanam Chai, in front of The Royal Grand Palace. The event includes multiple race categories: the full marathon (42.195 km), half marathon (21.1 km), and shorter races such as a 10 km and a mini-marathon1617

Project Description : Bangkok Marathon

เกี่ยวกับ Bangkok Marathon หรือ Bangkok Marathon (กรุงเทพมาราธอน) เว็บไซต์สำหรับการให้ข้อมูลและระบบการรับสมัคร สำหรับกิจกรรม หนึ่งใจงานวิ่งมาราธอนที่ใหญ่ที่สุด ในไทย ซึ่งมีผู้สมัครและผู้เข้าแข่งกว่า หมื่นคน โดยต้องการการแก้ไขระบบที่สามารถใช้งานได้อย่างสะดวกสำหรับผู้ดูแลเว็บไซต์ โดย ได้มีการ ออกแบบใหม่ในปี 2020 โดยเป็นการออกแบบเว็บไซต์เพื่อให้ตอบโจทย์ ทั้งด้านการประสบการณ์การออกแบบ การใช้งานที่สะดวก รวมถึงระบบการสมัคร และเข้าร่วมการแข่งขัน ซึ่งเชื่อมโยงระบบการชำระเงินและเทคโนโลยี อื่นๆ ที่สามารถรองรับคนจำนวนมาก ที่เข้าพร้อมกันและทำทำรายการพร้อมกันทีละมากๆ

แนวคิดการ ออกแบบเว็บไซต์ ของ Bangkok Marathon

การออกแบบเว็บไซต์ ของ Bangkok Marathon โดยเป็นแนวคิดในการเน้นเว็บไซต์ให้เป็นแบบ FullWidth Design หรือการออกแบบเว็บไซต์ ที่เติมเต็มด้านช้ายและด้านขวาของเว็บไซต์ โดยได้เชื่อมโยงระบบ Video จาก Cloud และ Social Media เพื่อให้สามารถเล่นวีดีโอได้อย่างอัตโนมัติและใช้พื้นที่ของเว็บไซต์น้อยที่สุดเพื่อประสิทธิภาพเว็บไซต์ ที่สะดวกที่สุดสำหรับทุกๆอุปกรณ์ และเพิ่มประสบการณ์ที่ดียิ่งขึ้น

โดยไม่ใช่แค่การออกแบบเว็บไชต์ เพื่อการให้ข้อมูล แต่จะมีการมุ่งเน้นการเชื่อมข้อมูลที่ เป็นมิตรกับทุกๆแพลตฟอร์ม รวมทั้งการสร้างเว็บไซต์ที่เป็นมิตรกับ Google เพื่อสามารถรู้ข้อมูลวันเวลา ที่จัดการแข่งขันได้ผ่าน Google Search ได้เลยทันที

โดยมีภาพรวมเทคโนโลยี และคุณสมบัติในเว็บไซต์ดังนี้

  • ระบบการเลือกประเภทและระยะทางสำหรับนักวิ่ง
  • Login เข้าสู่ระบบด้วย Social Media (Facebook) และ Email สำหรับตรวจสอบรายการสมัคร และแจ้งชำระเงิน
  • เชื่อมโยงระบบ LINE สำหรับการแจ้งการสมัคร และรวมถึงหลักฐานการชำระเงิน
  • ระบบแจ้งและเปลี่ยนสถานะการสมัคร ที่สะดวกสำหรับผู้ดูแล
  • ระบบการค้นหาข้อมูลนักวิ่ง ผ่านระบบการค้นหา รวมถึงการอัพเดทเลข BIB
  • ระบบ CDN (Content Delivery Network) สำหรับการรองรับการเข้าเว็บไซต์ หรือใช้งานเว็บไชต์จำนวนมากพร้อมๆกัน
  • ระบบ Drag and Drop สำหรับการจัดการและอัพเดทข้อมูลสำหรับ Bangkok Marathon ในเว็บไซต์ ที่สะดวกมากย่ิงขึ้นในการอัพเดทข้อมูล


Search Google



bkk Marathon


Bangklok Marathon

Bkk Marathon Bangkok Marathon Bangkok Marathon Bangkok Marathon

Work Processes

nConnect Redesign for Bangkok Marathon Website

The nConnect redesign of the Bangkok Marathon website aims to enhance user experience and streamline the process of event registration and information dissemination. Here’s a step-by-step guide on how the website is structured:

1. Homepage and Navigation

  • Visual Appeal: The homepage features dynamic images from previous marathons, capturing the energy and diversity of the participants.
  • Easy Navigation: A top navigation bar includes links to essential sections such as Race Information, Registration, FAQs, and Contact Information.

2. Race Information

  • Detailed Descriptions: This section provides comprehensive details about each race category, including the marathon, half marathon, and shorter races.
  • Route Maps: Interactive maps show the course for each race, highlighting major landmarks and aid stations.

3. Registration Portal

  • Simplified Process: Users can register for their chosen race category through a streamlined form that minimizes the number of steps and required information.
  • Payment Integration: The site supports secure payment options, including credit and debit cards, specifically tailored for both local and international participants19.

4. Participant Services

  • Training Tips: A dedicated section offers training schedules and advice from seasoned runners and coaches.
  • Accommodation Links: Partnerships with local hotels provide participants with options for accommodations, complete with special rates for event dates.

5. Interactive Features

  • Live Tracking: On race day, spectators can track runners in real-time through the website, enhancing the experience for friends and family watching from afar.
  • Social Integration: Participants can connect their social media accounts to share their progress and photos directly through the website.

6. Post-Race Engagement

  • Results and Certificates: After the race, participants can easily access their results and download official certificates.
  • Photo Gallery: A gallery featuring photos from the race allows participants to relive the experience and locate pictures of themselves and their friends.

7. Support and Accessibility

  • Multi-language Support: The website offers versions in both Thai and English to accommodate both local and international participants.
  • FAQs and Live Support: A comprehensive FAQ section addresses common concerns, and a live chat feature provides immediate assistance for more complex queries.

This redesign aims to not only enhance the functionality and aesthetic appeal of the Bangkok Marathon website but also to foster a more engaging and user-friendly experience for all participants and visitors.


Service Types and Technology of Bangkok Marathon

Business Type Bangkok Marathon