← ผลงานทั้งหมด← All work

CASE STUDY / หาดใหญ่ต้องรอด

เปิดเว็บไซต์จริง ↗Visit the website ↗

หาดใหญ่ต้องรอด — เว็บแอปที่รองรับผู้ใช้พร้อมกันสูงสุด 1 ล้านคนHatyaiTongrod — a web app supporting up to 1 million concurrent users

จากความต้องการช่วยคนในช่วงน้ำท่วม สู่แพลตฟอร์มปักหมุดและประสานความช่วยเหลือแบบเรียลไทม์ รองรับผู้ใช้งานพร้อมกันสูงสุด 1 ล้านคนโดยระบบไม่ล่มA flood-relief platform connecting location-based requests with real-time coordination, supporting a reported peak of 1 million concurrent users without downtime.

เว็บแอปปักหมุดขอความช่วยเหลือLocation-based relief web appข้อมูลและแผนที่แบบเรียลไทม์Real-time information & mapsรองรับผู้ใช้พร้อมกันสูงสุด 1 ล้านคนUp to 1 million concurrent users
KLUAYTECHSELECTED WORK / 07
kaitodhatyaii.vercel.app↗
HatyaiTongrod — desktop website
HatyaiTongrod — mobile website
1Mผู้ใช้พร้อมกันสูงสุดPEAK CONCURRENT USERSโดยระบบไม่ล่มWITHOUT DOWNTIME
Web applicationDESKTOP + MOBILE ✳
เปิดเว็บไซต์จริง ↗Visit the website ↗

01 / THE BRIEF

เราได้รับโจทย์แบบไหนWhat the website needed to do

ในช่วงน้ำท่วม ผู้ประสบภัยต้องบอกพิกัดและความต้องการให้ผู้ช่วยเหลือรู้ได้เร็ว โจทย์จึงเป็นเว็บแอปที่เข้าได้ทันทีโดยไม่ต้องติดตั้ง และยังต้องรองรับคนเข้ามาใช้งานจำนวนมากพร้อมกันDuring the floods, people needed a quick way to share their location and needs. The platform had to work without an app installation and stay available as large numbers of people accessed it at once.

02 / OUR APPROACH

เราเปลี่ยนโจทย์ให้เป็นเว็บไซต์อย่างไรHow we shaped the experience

เราออกแบบเส้นทางให้ปักหมุดและแจ้งความต้องการได้จากเว็บ เชื่อมข้อมูลเข้ากับแผนที่เพื่อให้อาสาสมัครและหน่วยงานเห็นพื้นที่ที่ต้องการความช่วยเหลือ ควบคู่กับการปรับประสิทธิภาพระบบและการสนับสนุนด้านเซิร์ฟเวอร์จากจุฬาฯ และทีมที่เข้ามาช่วยWe connected location-based requests to a shared map for volunteers and agencies, alongside performance optimisation and server support from Chulalongkorn University and the supporting team.

  • เว็บแอปปักหมุดขอความช่วยเหลือLocation-based relief web app
  • ข้อมูลและแผนที่แบบเรียลไทม์Real-time information & maps
  • รองรับผู้ใช้พร้อมกันสูงสุด 1 ล้านคนUp to 1 million concurrent users

03 / IN ACTION

ภาพจริงจากฟีเจอร์ที่เราทำThe experience, screen by screen

01

เปิดเว็บ ปักหมุด บอกความต้องการOpen the web app, share a location, request help

หน้าระบบเดิมให้ผู้ประสบภัยเริ่มแจ้งขอความช่วยเหลือ และให้อาสาสมัครเข้าสู่หน้าค้นหาหมุด ภาพนี้เผยแพร่ในบทความจุฬาลงกรณ์มหาวิทยาลัยThe original interface provides entry points for requesting help and searching location pins. This archived image was published by Chulalongkorn University.

HatyaiTongrod — เปิดเว็บ ปักหมุด บอกความต้องการ
HatyaiTongrod / 01ภาพระบบเดิมจากจุฬาฯ ↗Archived interface · Chulalongkorn University ↗
02

เข้าถึงความช่วยเหลือได้จากมือถือAccess the platform on a phone

ภาพหน้าจอมือถือของระบบในช่วงที่เปิดใช้งาน แสดงเส้นทางเข้าระบบโดยไม่ต้องดาวน์โหลดแอป ภาพและตัวเลขบนหน้าจอเป็นข้อมูล ณ วันที่บทความเผยแพร่An archived mobile interface from the active relief period, accessible without downloading an app. The counts in this image reflect the publication period.

HatyaiTongrod — เข้าถึงความช่วยเหลือได้จากมือถือ
HatyaiTongrod / 02ภาพระบบเดิมจากจุฬาฯ ↗Archived interface · Chulalongkorn University ↗

04 / THE OUTCOME

สิ่งที่เว็บไซต์ทำให้ผู้ใช้ได้What visitors can now do

รองรับผู้ใช้งานพร้อมกันสูงสุด 1 ล้านคนโดยระบบไม่ล่ม ตามข้อมูลการใช้งานที่ผู้พัฒนาให้ไว้ โครงการนี้แสดงประสบการณ์การพัฒนาเว็บแอปที่ต้องทำงานต่อเนื่องในภาวะวิกฤต และเชื่อมข้อมูลระหว่างผู้ต้องการความช่วยเหลือกับผู้ที่พร้อมเข้าไปช่วยThe developer reports a peak of 1 million concurrent users without downtime. The project demonstrates experience keeping a crisis-response web app available and connecting people who need help with those ready to provide it.

เปิดเว็บไซต์จริง ↗Visit the website ↗

YOUR NEXT PROJECT

มีโจทย์คล้ายกัน ให้เราช่วยทำHave a similar challenge? Let’s build it.

คุยกับ KluayTech เรื่องเว็บไซต์ ซอฟต์แวร์ หรือระบบ Automation สำหรับธุรกิจของคุณTalk to KluayTech about a website, software, or automation for your business.

ปรึกษาโปรเจกต์ฟรี ↗Discuss your project for free ↗
อ่าน Case Study ถัดไป ↗Read the next case study ↗

Grand Colline

KLUAYTECHSELECTED WORK / 08
www.grandcollinekhaoyai.com↗
Grand Colline — desktop website
Grand Colline — mobile website
Hotel websiteDESKTOP + MOBILE ✳