Client
Phuket Graceland Resort & Spa
Year
2026
Role
Lead UX/UI Designer
Phuket Graceland: Redesigning Eco-Luxury Experiences
ออกแบบและพัฒนาประสบการณ์ดิจิทัลและระบบสมาชิกโฉมใหม่ ให้กับรีสอร์ทหรูระดับ 5 ดาว "Phuket Graceland Resort & Spa" โดยมีวัตถุประสงค์เพื่อเปลี่ยนภาพจำการเข้าถึงแพลตฟอร์มโรงแรมแบบเดิม ๆ ที่เน้นการนำเสนอสิ่งปลูกสร้าง ให้กลายเป็นการส่งมอบประสบการณ์การพักผ่อนที่ดื่มด่ำ และเป็นผู้ช่วยส่วนตัวดิจิทัลที่ทันสมัย คลีนตา และไร้รอยต่อ ตอบโจทย์กลุ่มนักท่องเที่ยวรุ่นใหม่ กลุ่มครอบครัว และผู้เข้าพักที่ใส่ใจสิ่งแวดล้อมจากทั่วโลกได้อย่างตรงจุด
ในฐานะผู้รับผิดชอบหลัก (Lead Full-Stack Developer & UX/UI Designer) ผมดูแลและขับเคลื่อนกระบวนการตั้งแต่การทำ UX Research และการเรียบเรียงภาษา (UX Writing) เพื่อแปลงแบบฟอร์มกระดาษและข้อมูลบริการหลังบ้านที่มีความซับซ้อน ให้กลายเป็นการเล่าเรื่องระบบนิเวศ "Graceful Additions" ที่หรูหรา น่าหลงใหล และคุมโทนระบบแบรนด์สไตล์ Modern Minimalist เพื่อสร้างจิตวิทยาการตอบสนองที่ลื่นไหล ซึ่งช่วยลดแรงต้านในการใช้งาน กระตุ้นยอดสมัครสมาชิก และเพิ่มโอกาสการสร้างรายได้เสริมทางธุรกิจได้อย่างมีประสิทธิภาพ
The Challenge
เว็บไซต์และระบบเดิมมุ่งเน้นการขายโครงสร้างตึกและสระว่ายน้ำผ่านภาพถ่ายมุมสูง ทำให้อินเทอร์เฟซดูแข็งกระด้างเหมือนเว็บขายอสังหาริมทรัพย์ ขาดการดึงดูดทางอารมณ์และไม่สะท้อนประสบการณ์การพักผ่อนระดับ 5 ดาว
ช่องทางเพิ่มรายได้เสริมของโรงแรม (การขายเค้ก ดอกไม้ รถรับส่ง สปา) ขาดการจัดหมวดหมู่ และใช้อินเทอร์เฟซแบบ E-commerce ทั่วไปที่ดูยัดเยียด รวมถึงแบบฟอร์มเก็บข้อมูลความชอบยังเป็นรูปแบบกระดาษที่กรอกยาก ส่งผลให้อัตรา Conversion และการสมัครสมาชิกต่ำ
ระบบโครงสร้างข้อมูลเดิมแออัดเกินไป แถบเมนูด้านบนบรรจุลิงก์หลักสิบหัวข้อ ข้อมูลสำคัญด้านบริการอาหาร สเปกห้องพัก และโครงการสิ่งแวดล้อมถูกซ่อนอยู่ลึก ส่งผลให้เกิดแรงต้านในการใช้งาน และผู้ใช้เกิดอาการเลือกยาก
The Solution
พลิกโฉมอินเทอร์เฟซสู่ Modern Minimalist คลีนตา และเปิดพื้นที่การมองเห็นหลักให้โชว์ภาพถ่ายสไตล์ไลฟ์สไตล์ เพื่อขายประสบการณ์ที่ดื่มด่ำ ไร้รอยต่อ
เปลี่ยนหน้าบริการเสริมทั่วไปให้กลายเป็นการ์ดผลิตภัณฑ์สไตล์นิตยสารหรู จัดหมวดหมู่ด้วยระบบแท็บคัดกรอง ร่วมกับการเขียนคำบรรยายสั้นกระชับไม่เกิน 18 คำเพื่อกระตุ้นยอดขาย
เปลี่ยนฟอร์มสมัครสมาชิกแบบเดิมให้เป็นแดชบอร์ดส่วนตัว ใช้ระบบกรอกข้อมูลความชอบและประวัติการแพ้อาหารแบบไฮบริด (Chips + TextField) พร้อมนำจิตวิทยา "บัตรสมาชิกขอบเส้นประ" มาใช้เพื่อกระตุ้นให้ผู้ใช้งานอยากกรอกข้อมูลโปรไฟล์ให้ครบถ้วนเพื่อเปิดใช้งานบัตรจริงในการสะสมคะแนน
พลิกมุมมองข้อมูลการจัดการสิ่งแวดล้อมเชิงปฏิบัติการหลังบ้าน (เช่น ระบบบดเศษอาหาร หรือน้ำหมักชีวภาพ) ให้กลายเป็นการเล่าเรื่องราวที่น่าหลงใหล ช่วยยกระดับใบประกาศนียบัตรกรีนโฮเทลให้กลายเป็น Trust Signals ที่ทรงพลัง
Target Audience
1.
Couples & Independent Travelers
กลุ่มนักท่องเที่ยวรุ่นใหม่ คู่รัก หรือผู้เข้าพักที่มองหาความเงียบสงบ ความเป็นส่วนตัว และประสบการณ์แบบเฉพาะบุคคล คาดหวังอินเทอร์เฟซที่สะอาดตา ทันสมัย และใช้งานง่ายสไตล์โมเดิร์น
2.
Multi-Generational Families
กลุ่มครอบครัวขนาดใหญ่ที่เดินทางพร้อมเด็กหรือผู้สูงอายุ มองหาความสะดวกสบาย ความชัดเจนของข้อมูลห้องพัก และบริการเสริมที่จะมาช่วยเติมเต็มทริปสำหรับทุกคน (เช่น เตียงเสริม หรือเค้กและดอกไม้สำหรับฉลองวันพิเศษ)
3.
Eco-Conscious Travelers
กลุ่มนักท่องเที่ยวชาวต่างชาติที่ใส่ใจสิ่งแวดล้อมและวัฒนธรรมท้องถิ่น เลือกพักเฉพาะกับโรงแรมที่มีแนวคิดความยั่งยืน (Sustainability) และมองหาคุณค่าเชิงนามธรรมนอกเหนือจากการพักผ่อนทั่วไป
UX Redesign & Friction Elimination
Homepage Redesign
Problem
1.
ดีไซน์เดิมใช้ภาพถ่ายมุมสูง (Drone Shot) ที่เน้นโชว์แผนผังตึกรีสอร์ทและสระว่ายน้ำ ภาพประเภทนี้ให้ความรู้สึกเหมือนเว็บขายอสังหาริมทรัพย์ มากกว่าการมาพักผ่อนในรีสอร์ทหรู 5 ดาว
2.
แถบเมนูด้านบน เป็นกล่องสีขาวทึบและอัดแน่นไปด้วยลิงก์ถึง 10–11 หัวข้อ ทำให้ตัวอักษรเบียดแน่น ขาดความหรูหรา และสร้างความเหนื่อยล้าในการมองเห็น (Cognitive Overload) จนลูกค้าเกิดอาการเลือกไม่ถูก
3.
โครงสร้างเมนูแนวนอนแบบเดิมไม่รองรับการทำเมนูย่อย ทำให้บริการเสริมที่เป็นจุดขายของโรงแรม เช่น Kid’s Club, Fitness หรือ Massage & Spa ถูกซ่อนอยู่ลึก ลูกค้าต่างชาติหาไม่เจอ
4.
ปุ่ม Book Now แยกไปอยู่มุมขวาบน แถบค้นหาห้องพักไม่เด่นชัด ขาดลำดับความสำคัญขององค์ประกอบ ทำให้เสียโอกาสในการเปลี่ยนผู้เข้าชมเว็บให้เป็นยอดจอง
Solution
1.
เปลี่ยนภาพหน้าโฮมใหม่ทั้งหมด โดยใช้วีดิโอผู้ชายหันหลังทอดสายตามองโค้งอ่าวป่าตอง เพื่อให้เกิด First-Person Perspective ช่วยดึงสายตาผู้ใช้งานให้มองตาม ดื่มด่ำกับความสงบ
2.
ย้ายเมนูหลักทั้งหมดไปไว้ฝั่งซ้ายในรูปแบบโปร่งแสง รองรับระบบเปิด-ปิดเมนูย่อย ช่วยให้สามารถใส่ลิงก์สำคัญได้ครบถ้วน เช่น หมวด Wellness & Recreation โดยที่หน้าเว็บยังคงคลีน ดูแพง และเปิดพื้นที่ว่าง ให้ภาพเล่าเรื่องได้อย่างเต็มที่
3.
ออกแบบแถบค้นหาและปุ่มจองห้องพักใหม่ให้ลอยอยู่กึ่งกลางด้านล่างในลักษณะเนื้อกระจกโปร่งแสง ช่วยลดขั้นตอนและแรงต้านในการจองห้องพัก โดยไม่ทำลายมู้ดโทนของภาพหลัก
4.
เอาแถบสีขาวหนาๆ ด้านบนออกเพื่อให้เว็บดูเป็นผืนเดียวกัน พร้อมกระจายหน้าที่ของปุ่มอย่างสมดุล: ฝั่งซ้ายค้นหาข้อมูล ตรงกลางสำหรับจองห้องพัก และมุมขวาบนแยกไว้สำหรับปุ่มระบบสมาชิก Member+ Login สี Deep Teal เพื่อกระตุ้นยอดสมัครใช้งาน และระบบนี้ยังพร้อมเปลี่ยนเป็นปุ่ม Hamburger บนหน้าจอมือถือได้ทันที
Accommodations
Problem
1.
ใช้ฟอนต์ลายมือ ตัวหนาสีขาวพาดทับบนแถบสี Teal ด้านล่างของภาพห้องพัก (เช่นคำว่า Basic, Pool Access) ซึ่งนอกจากจะดูเก่า ไม่เป็นสากลแล้ว ยังทำให้อ่านยากและลดทอนคุณค่าความพรีเมียมของรีสอร์ท
2.
ปุ่มเปลี่ยนประเภทห้องพักด้านบนดีไซน์เป็นกล่องสี่เหลี่ยมเรียงติดกันอย่างอึดอัด ขาดการเว้นสเปซ (White Space) ที่เหมาะสม ทำให้ดูเหมือนปุ่มบนเว็บไซต์ยุคเก่ามากกว่าจะเป็นรีสอร์ทระดับหรู
3.
หน้าแสดงผลแบบเก่าโชว์เฉพาะรูปภาพและชื่อประเภทห้องพักแบบกว้างๆ โดยไม่มีรายละเอียดพื้นฐาน (เช่น ขนาดห้อง, ประเภทเตียง, วิว) ปรากฏบนตัวการ์ด ทำให้ผู้ใช้งานต้องคลิกเข้าไปลึกซึ้งทีละห้อง เกิดแรงต้านในการเปรียบเทียบข้อมูล
Solution
1.
จัดเรียงการ์ดห้องพักใหม่ด้วยสัดส่วนที่สมดุล เปิดพื้นที่ Padding & Margins ให้กว้างขึ้น ช่วยให้ผู้ใช้งานสามารถเลื่อนสกรอลล์อ่านข้อมูลได้อย่างเพลิดเพลินและลื่นไหล
2.
อัปเกรดปุ่มฟิลเตอร์ด้านบนให้เป็นแบบตัวอักษรเรียบหรู มีแยกประเภทห้องหลัก และแยกคุณสมบัติเพิ่มเติมที่ลูกค้าต้องการให้ Filter อีกทีด้านล่าง เช่น วิวทะเลหรือเข้าสระน้ำได้ทันที
3.
เพิ่มข้อมูลสำคัญที่นักท่องเที่ยวต้องการรู้ลงไปในการ์ดแต่ละใบโดยตรง ทั้งขนาดตารางเมตร (sqm) และประเภทของเตียง (Twin/King) ช่วยให้ผู้ใช้งานสามารถเปรียบเทียบและเลือกห้องที่เหมาะกับจำนวนผู้เข้าพักได้ทันทีโดยไม่ต้องกดสลับหน้าไปมา
Our story
Problem
1.
ดีไซน์เดิมใช้ภาพถ่ายขั้นตอนการทำงานหลังบ้านที่ดูดิบและตรงไปตรงมาเกินไป เช่น ภาพคนเทเศษอาหารลงเครื่องบด แกลลอนน้ำหมักชีวภาพสีน้ำตาล หรือกรงดักขยะพลาสติก ซึ่งภาพเหล่านี้ในเชิง UX ทำให้ลูกค้ารู้สึกถึงความไม่น่าดู ขาดสุขอนามัย และทำลายมู้ดความหรูหราของรีสอร์ทโดยสิ้นเชิง
2.
งานเขียนอธิบายใช้ศัพท์เทคนิคระดับปฏิบัติการของพนักงาน (เช่น "เศษอาหารที่ผ่านการบดแล้วรอเวลาให้เกิดก๊าซ", "ใช้ทำความสะอาดท่อหรือล้างพื้น") ซึ่งไม่ใช่ภาษาที่สื่อสารกับนักท่องเที่ยวต่างชาติ แขกไม่ต้องการอ่านรายงานการจัดการขยะ แต่ต้องการซึมซับปรัชญาของโรงแรม
3.
การจัดวางเนื้อหาใช้การสลับข้อความยาวๆ คู่กับรูปภาพสไตล์บทความในอดีต ขาดการทำระบบ Visual Hierarchy (ลำดับการมองเห็น)
4.
ส่วนท้ายของหน้าเว็บเขียนเพียงตัวอักษรธรรมดาว่าโรงแรมได้รับรางวัลมากมาย แต่กลับไม่มีการโชว์โลโก้สถาบันหรือใบประกาศนียบัตรอย่างเป็นรูปธรรม ทำให้ขาดความน่าเชื่อถือ (Social Proof) ที่จะส่งไปถึงกลุ่มนักท่องเที่ยวสายอนุรักษ์ธรรมชาติ
Solution
1.
เปลี่ยนมู้ดแอนด์โทนใหม่ทั้งหมดโดยเอาภาพหลังบ้านที่ดูไม่สวยงามออก แล้วแทนที่ด้วยภาพระดับพรีเมียมที่สื่อถึงความกลมกลืนระหว่างรีสอร์ท ธรรมชาติ และชุมชนท้องถิ่น (เช่น ภาพมุมสูงของรีสอร์ทสีเขียว, การตักบาตรตอนเช้า, และวัฒนธรรมท้องถิ่น) สื่อสารความรู้สึกอบอุ่นและยกระดับคุณค่าของแบรนด์
2.
รื้อการจัดวางข้อความแบบเดิมทิ้ง แล้วเปลี่ยนมาใช้โครงสร้างแบบกริด (Grid Layout) แบ่งเป็นคอลัมน์ที่ชัดเจน มีการใช้พื้นที่ว่าง (White Space) เพื่อให้สายตาได้พัก
3.
เปลี่ยนงานเขียนภาษาอังกฤษทั้งหมดให้สละสลวยและทรงพลังในความยาวไม่เกินหัวข้อละ 18 คำ โดยเปลี่ยนเรื่องน่าเบื่อให้กลายเป็นความใส่ใจ เช่น เปลี่ยนเครื่องบดเศษอาหารเป็น "The Circular Kitchen" และเปลี่ยนน้ำหมักล้างท่อเป็น "Nature’s Own Cleansing Power"
4.
ออกแบบเซกชันด้านล่างใหม่ให้เป็นพื้นที่สีขาวสะอาดตา เพื่อจัดวางโลโก้รางวัลการันตีระดับชาติและระดับนานาชาติอย่างเป็นระบบ (เช่น Green Hotel ระดับทอง, ASEAN Green Hotel Standard) ช่วยสร้างความมั่นใจและดึงดูดกลุ่มลูกค้าองค์กร (Corporate) และนักท่องเที่ยวรุ่นใหม่ที่มองหาโรงแรมที่เป็นมิตรต่อสิ่งแวดล้อมอย่างแท้จริง
Restaurants & Bars
Problem
1.
ดีไซน์เดิมนำเสนอห้องอาหารด้วยกล่องสี่เหลี่ยมจัตุรัสแบบตารางธรรมดา (Standard Grid) หน้าตาเหมือนเว็บสั่งอาหารทั่วไป ขาดศิลปะการจัดวางที่สะท้อนถึงประสบการณ์ดินเนอร์ระดับ 5 ดาว
2.
การใช้ Top Navbar สีขาวหนาแบบเดิมตัดขาดส่วนหัวของหน้าเว็บ ทำให้เสียพื้นที่ในการโชว์ภาพบรรยากาศและเมนูอาหารอันน่าดึงดูด
Solution
1.
เปลี่ยนเลย์เอาต์การ์ดห้องอาหารใหม่ทั้งหมดให้มีความโปร่ง คลีน และหรูหรา จัดระบบสเปซ (White Space) รอบๆ รูปภาพให้กว้างขึ้น เพื่อขับเน้นภาพถ่ายอาหารและบรรยากาศภายในร้านให้ดูโดดเด่น สะกดสายตา และกระตุ้นความอยากอาหารของนักท่องเที่ยวได้ดียิ่งขึ้น
2.
รักษาความต่อเนื่องของโครงสร้างเว็บไซต์ ด้วยการใช้ Side Navigation Bar ฝั่งซ้าย ช่วยให้แบนเนอร์ด้านบนไหลลื่นกว้างขวางเป็นผืนเดียวกันอย่างไร้รอยต่อ และโชว์ความหรูหราของครัว
Restaurants & Bars details
Problem
1.
ดีไซน์เดิมไม่มีการคัดเลือกหรือแนะนำเมนูจานโปรดหรือจานขายดี (Best-Sellers) ให้ลูกค้าเห็นล่วงหน้า แขกที่เข้ามาดูจำเป็นต้องเปิดดูไฟล์เมนูเล่มเต็มเอาเอง ทำให้ขาดการกระตุ้นความน่าสนใจในเชิงศิลปะอาหาร (Gastronomy) และทำให้โรงแรมพลาดโอกาสสำคัญในการทำ Upselling หรือแนะนำเมนูซิกเนเจอร์ที่เป็นความภาคภูมิใจของเชฟ
2.
โครงสร้างหน้าเว็บจัดวางเป็นแถวตรงกึ่งกลางเรียงกันลงมาธรรมดา (Centered Single-Column Layout) สลับกับบล็อกข้อความยาวๆ หน้าตาดูธรรมดาคล้ายบล็อกรีวิวอาหารทั่วไป ไม่สะท้อนถึงประสบการณ์อันน่าตื่นตาตื่นใจของห้องอาหารในโรงแรม 5 ดาว
3.
ข้อมูลสำคัญที่นักท่องเที่ยวต้องการทราบทันที เช่น เวลาเปิด-ปิด (Opening Hours) หรือประเภทอาหาร (Cuisine) ถูกเขียนรวมอยู่ในพารากราฟเนื้อหา ทำให้ผู้ใช้งานต้องเสียเวลาไล่อ่านทีละบรรทัดแทนที่จะสแกนเจอได้ทันที
Solution
1.
ออกแบบเซกชันพิเศษเพิ่มเติมเพื่อดึงเอาเมนูจานเด็ดที่ขายดีที่สุดมาจัดแสดงไว้ในจุดที่เห็นง่ายที่สุด พร้อมภาพถ่าย Close-up ที่เน้นหน้าตาอาหารอย่างชัดเจน การทำแบบนี้นอกจากจะสร้าง Visual Hook ที่ชวนรับประทานทันทีที่เปิดหน้าเว็บแล้ว ยังช่วยลดความลังเลในการเลือกสั่งอาหารของนักท่องเที่ยวต่างชาติ
2.
พลิกโฉมการจัดวางใหม่ทั้งหมดเป็นแบบอสมมาตร (Asymmetrical Grid) ขยับข้อความไปฝั่งหนึ่งและเปิดพื้นที่ให้อีกฝั่งโชว์ภาพอาหารขนาดใหญ่ที่สวยงาม การเว้นระยะช่องไฟอย่างประณีตช่วยสร้างมู้ดที่หรูหรา น่าค้นหา และน่าลิ้มลอง
3.
แยกข้อมูลจำเพาะที่จำเป็นออกมาจัดหมวดหมู่ไว้อย่างชัดเจน ช่วยให้นักท่องเที่ยวสแกนอ่านและเข้าใจเงื่อนไขของห้องอาหารได้ภายใน 3 วินาที
Graceful Additions
Problem
1.
ดีไซน์เดิมใช้คำเรียกทั่วไปเช่น "Extra Services" หรือ "Add-ons" ซึ่งในเชิง UX ทำให้นักท่องเที่ยวรู้สึกเหมือนเป็นการโดนเรียกเก็บค่าธรรมเนียมแฝง (Hidden Fees) หรือบิลค่าใช้จ่ายทั่วไป แทนที่จะรู้สึกตื่นเต้นไปกับการเตรียมตัวท่องเที่ยวในรีสอร์ทหรู 5 ดาว
2.
สินค้าและบริการเสริมที่มีความหลากหลายมาก ตั้งแต่รถรับส่งสนามบิน, แพ็กเกจสปา, เค้กวันเกิด, ไปจนถึงเตียงเสริม ถูกนำมารวมกันในหน้าเดียวโดยไม่มีระบบคัดกรอง (Filtering System) ที่มีประสิทธิภาพ ทำให้หน้าเว็บดูรุงรังและสร้างความเหนื่อยล้าในการค้นหา
Solution
1.
รีแบรนด์เซกชันนี้ใหม่ทั้งหมดเป็น "Graceful Additions" เพื่อสร้างมู้ดของการมอบสิ่งดีๆ ให้กับชีวิต ควบคู่กับการเขียน Micro-copy บรรยายสินค้าสั้นกระชับไม่เกิน 18 คำที่หรูหราและทรงพลัง
2.
รื้อโครงสร้างเดิมแล้วจัดระเบียบสินค้าใหม่ด้วยระบบการ์ด วางรูปภาพขนม เค้ก รถหรู และดอกไม้ในสัดส่วนที่เท่ากันอย่างสวยงาม พร้อมทั้งเพิ่มระบบแท็บตัวกรองด้านบน ช่วยให้ผู้ใช้งานเลือกสลับดูเฉพาะกลุ่มสินค้าที่สนใจได้อย่างราบรื่น
Product details
Problem
1.
รายละเอียดสำคัญที่จำเป็นต้องแจ้งให้ลูกค้าทราบก่อนตัดสินใจซื้อ เช่น ขนาดและรสชาติของเค้ก, ระยะเวลาที่ต้องสั่งล่วงหน้า (Lead Time), หรือเงื่อนไขของรถรับส่งสนามบิน ถูกเขียนรวมเป็นพารากราฟหนาทึบหรือไม่มีระบุไว้เลย ทำให้ลูกค้าต้องเดาและเกิดความลังเลใจในการกดสั่งซื้อ
2.
รูปแบบการแสดงราคา ฟอร์มกรอกตัวเลือก และปุ่มกดซื้อ มีหน้าตาเหมือนเว็บขายของออนไลน์ทั่วไป (Generic E-commerce) ที่เน้นการปิดการขายเป็นตัวเงินอย่างแข็งกรด้าง ไม่ได้ให้ความรู้สึกผ่อนคลายหรือเป็นส่วนหนึ่งของการบริการดูแลเอาใจใส่จากโรงแรมระดับ 5 ดาว
Solution
1.
พลิกโฉมหน้าแสดงรายละเอียดสินค้าใหม่ทั้งหมดให้คงโครงสร้างแถบเมนูด้านข้าง (Side Navigation) เอาไว้ เพื่อรักษาความต่อเนื่องของระบบดีไซน์ (Design System Integrity) โดยเปิดพื้นที่ฝั่งขวาให้เป็นพื้นที่แสดงรายละเอียดที่สะอาดตา และหรูหราสไตล์นิตยสารพรีเมียม
2.
แยกเนื้อหาและข้อมูลจำเพาะออกมาเป็นการ์ดสรุปข้อมูลที่ชัดเจน คำบรรยายที่สั้นกระชับ (คุมความยาวไม่เกิน 18 คำ) ช่วยให้แขกชาวต่างชาติสแกนอ่านและเข้าใจข้อมูลได้ทันที
