HomeConnect – แพลตฟอร์มเช่าอสังหาริมทรัพย์

HomeConnect ติดต่อมาที่มอร์โฟซิสเมื่อต้นปี 2019 เพื่อให้ช่วยออกแบบเว็บไซต์ใหม่ ในขณะที่การแข่งขันในอุตสาหกรรมนี้ค่อนข้างสูงมากโดยเฉพาะที่กรุงเทพฯ พวกเขาจึงอยากทำให้แบรนด์โดดเด่นและเข้าถึงกลุ่มเป้าหมายได้กว้างขึ้น (ส่วนใหญ่แล้วเป็นคนไทย)  HomeConnect จึงมองหาที่ปรึกษาด้านการออกแบบเพื่อยกระดับเว็บไซต์ขึ้นไปอีกขั้น ด้วยการสร้างประสบการณ์การใช้งานที่เป็นเอกลักษณ์ไม่เหมือนใคร

บริการที่เป็นเอกลักษณ์อย่างหนึ่งของ HomeConnect คือ บริการแบบพรีเมียม และ ฟรี โดยพวกเขามีบริการให้ยืมรถพร้อมคนขับฟรีสำหรับผู้เช่าทุกคน บริการนี้จึงเหมาะสำหรับชาวต่างชาติที่ยังไม่คุ้นเคยกับการอยู่อาศัยในกรุงเทพฯ

แนวทางของเรา

สำหรับโปรเจ็กต์นี้ มอร์โฟซิสได้ดีไซน์ HomeConnect ใหม่ตั้งแต่ต้น เราใช้เวลาในช่วงครึ่งแรกเพื่อทำการวิจัย ออกแบบโครงสร้าง และพัฒนาประสบการณ์ผู้ใช้งาน ด้วยการออกแบบที่ทันสมัยและเป็นมืออาชีพ (แบรนด์ดิ้งทั้งหมดถูกสร้างโดย www.mandalastudio.asia) ซึ่งผลลัพธ์ที่ได้ออกมาถือว่าเป็นที่น่าพอใจ เพราะไม่ได้มีเพียงแค่ความสวยงามเท่านั้น แต่ยังสามารถใช้งานได้จริง และตอบโจทย์ตลาดในไทยได้เป็นอย่างดี


ทุกอย่างลงตัวและดูดีอย่างมาก ฉันมีความสุขกับแนวทางการทำงานและผลลัพธ์ที่ทางมอร์โฟซิสมอบให้

Michael Reinsch, CEO ของ HomeConnect และ BangkokCondoFinder

การทำวิจัยผู้ใช้

ก่อนที่จะเริ่มทำการออกแบบ ทีมงานของเราได้ใช้เวลาทำความเข้าใจกับธุรกิจและผู้ใช้ ด้วยการสัมภาษณ์ stakeholder ของธุรกิจ โดยในปัจจุบันเว็บไซต์ได้กำหนดกลุ่มเป้าหมายเป็นชาวต่างชาติในกรุงเทพฯ รวมถึงกลุ่มคนไทยที่มีฐานะปานกลางไปถึงระดับสูง ซึ่งคนแต่ละกลุ่มล้วนมีเป้าหมายที่แตกต่างกันไป จึงทำให้เราต้องคำนึงถึงการออกแบบอยู่เสมอ

นอกจากนี้เรายังวิเคราะห์คู่แข่งหลักในกรุงเทพฯ บางราย เพื่อใช้เป็นเกณฑ์มาตรฐานสำหรับโปรเจ็กต์นี้ โดยเฉลี่ยแล้วเว็บไซต์ในไทยส่วนใหญ่จะมีดีไซน์หน้าเว็บที่มอบ User Experience ที่ยังไม่ดีเท่าไรนัก ดังนั้น เพื่อที่เราจะสามารถการออกแบบเว็บให้ดูทันสมัยยิ่งขึ้น เราจึงต้องมองคู่แข่งที่ไกลกว่าในประเทศไทยเพียงอย่างเดียว

การสร้างโครงร่าง

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

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

สาเหตุหลักที่ทำให้เราเลือกออกแบบด้วยวิธีนี้เป็นเพราะ ‘พิกัดที่ตั้ง’ ที่ถูกต้องนั้นส่งผลต่อผู้ใช้อย่างมาก ด้วยสภาพการจราจรในกรุงเทพฯ ที่ติดขัดเกือบตลอดเวลา เชื่อว่าคงไม่มีผู้ใช้คนไหนอยากเสียเวลาไปกับการเดินทางนานๆ และยังต้องไปผิดจุดหมาย

การออกแบบที่มองเห็นได้

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

ผลลัพธ์ที่แสดงในหน้าค้นหา

การออกแบบที่ดีนั้นเกิดจากการที่เราเข้าใจความต้องการและพฤติกรรมของผู้ใช้งาน เพื่อที่จะสามารถตัดสินใจได้ว่า ข้อมูลใดบ้างในหน้าผลการค้นหาที่จะถูกแสดง โดยการวิจัยของเราพบว่าผู้ใช้ต่างมองหาพิกัดที่ตั้ง/จำนวนห้องนอน/ขนาด ราคา และสุดท้ายพวกเขาต้องการทราบว่าที่พักอยู่ใกล้จากสถานีรถไฟใต้ดิน (MRT) หรือสถานีรถไฟฟ้า (BTS) มากแค่ไหน เนื่องจากมีความกังวลเรื่องสภาพการจราจรในกรุงเทพฯ นั่นเอง

เนื่องจาก ชาวต่างชาติ สนใจเรื่องสถานที่ตั้งมากกว่าราคา นี่จึงเป็นหนึ่งในเหตุผลที่เราตัดสินใจให้แผนที่เป็นศูนย์กลางในการออกแบบของเรา และเพื่อให้แผนที่มีประสิทธิภาพมากขึ้น เราได้สร้างหมวดหมู่กับตัวกรองสำหรับย่านหลักในกรุงเทพฯ เพื่อช่วยอำนวยความสะดวกในการค้นหา

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

แผนที่และฟิลเตอร์

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

Search results along with different map zooms and filters.

ผลการค้นหาพร้อมกับการซูมแผนที่และฟิลเตอร์ต่างๆ

การออกแบบฟิลเตอร์สำหรับหน้าฟอร์มการค้นหา

เจ้าของอสังหาริมทรัพย์

หนึ่งใน persona สำคัญสำหรับเว็บไซต์นี้นั่นคือ เจ้าของอสังหาริมทรัพย์ โดย HomeConnect เปิดให้ลงทะเบียนรายชื่อคอนโดรวกับบ้านบนแพลตฟอร์มนี้ได้ ทำให้ผู้ใช้สามารถเข้าถึงฐานข้อมูลขนาดใหญ่ (Data base) ของคอนโดในกรุงเทพฯ อย่างไรก็ตาม แต่ละคอนโดก็จำเป็นต้องได้รับการตรวจสอบโดยตัวแทนของ HomeConnect ก่อนที่จะได้รับการอนุมัติและแสดงผลรายการบนหน้าเว็บไซต์ นอกจากนี้ ยังมีบริการถ่ายภาพระดับมืออาชีพฟรี สำหรับเจ้าของอสังหาริมทรัพย์ทุกราย สิ่งนี้ช่วยให้ HomeConnect แสดงภาพที่สวยและมีคุณภาพบนแพลตฟอร์มของพวกเขา

แอปพลิเคชันสำหรับมือถือ

ขณะที่เรากำลังออกแบบเว็บไซต์สำหรับเดสก์ท็อป ทีมของเราก็ได้พัฒนาเวอร์ชันสำหรับโทรศัพท์มือถือไปพร้อมกัน โดยด้านล่างนี้เป็นภาพจำลองหน้าแอปฯ ที่เราออกแบบเพื่อโปรเจ็กต์นี้

สไตล์ไกด์

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

Morphosis Footer

Let’s work together!

Are you ready for a creative collaboration that will transform your business?