Das – เครื่องปรับอากาศและระบบรักษาความปลอดภัย

การออกแบบ UX / UI, ปรับเปลี่ยนหน้าแสดงผลยืดหยุ่นตามอุปกรณ์

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

เมื่อไม่นานมานี้ DAS ตัดสินใจรวมธุรกิจทั้งสองนี้ไว้ในแพลตฟอร์มเดียวกัน และเพิ่มธุรกิจใหม่ๆ ในด้านระบบเสียงและโทรศัพท์

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

ผลงานของเรา

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

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

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

Purich Visesthanakorn – CEO ของ Dasintergroup

การวิจัยและการค้นพบ

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

แผนผังเว็บไซต์และผังผู้ใช้งาน

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

การออกแบบโครงร่างเว็บไซต์

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

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

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

การสร้างแบรนด์และโลโก้

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

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

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

การออกแบบทัศนศิลป์

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

ภาพด้านล่างนี้ เป็นการเปรียบเทียบดีไซน์เวอร์ชันเดิมของ CCTVCheck24.com และดีไซน์ใหม่ของ DASที่ออกแบบโดยมอร์โฟซิส

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

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

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

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

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

สไตล์ไกด์

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

สรุป

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

หากคุณสนใจ สามารถเข้าชมเว็บไซต์ใหม่ได้ที่ www.dasintergroup.com และสามารถส่งข้อความถึงเราได้ ที่นี่ to let us know what you think about it.

Morphosis Footer

Let’s work together!

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