ทำเว็บไซต์ใหม่ ออกแบบเว็บอย่างไรให้เหมาะสมกับผู้ใช้งาน

ทำเว็บไซต์ใหม่

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

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

  • ภาพไม่สวย
  • ไม่เป็น Responsive
  • การจัดวางข้อมูลยังเป็นแบบเก่า
  • หาสินค้าที่ต้องการยาก

ทำเว็บไซต์ใหม่ ออกแบบเว็บ

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

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

ตัวอย่าง เว็บไซต์ที่มีการออกแบบใหม่

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

1. เว็บขายแพลนเนอร์

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

ปัญหาของเว็บเดิม

  • หาข้อมูลยาก
  • รูปภาพไม่ครบ
  • การแสดงผลยังไม่สมบูรณ์
  • Layout แบบเดิมจะเหมาะกับการอ่านเนื้อหาอย่างเดียว ยังไม่เหมาะกับการขายสินค้า

แนวทางการปรับเว็บใหม่

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

ผลตอบรับ

  • ยอดวิวต่อเดือนเพิ่มจาก 5,000 เป็น 50,000 View ต่อเดือน
  • ยอดขายเพิ่มขึ้น
  • ลูกค้าซื้อสินค้าง่ายขึ้น
  • อันดับการแสดงผลบน Google ดีขึ้น

 

2.เว็บขายเสื้อโปโล

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

ปัญหาของเว็บเดิม

  • ไม่เป็น Responsive
  • หน้าตาเว็บไซต์ยังไม่น่าดึงดูดลูกค้า
  • อ่านยาก

แนวทางการปรับเว็บใหม่

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

ผลตอบรับ

  • ยอดขายเพิ่มขึ้น
  • ลูกค้าหาสินค้า และสั่งซื้อสินค้าได้ง่ายขึ้น
  • มีลูกค้าที่มาจากการเสิร์ชหาผ่านโทรศัพท์มือถือมากขึ้น

 

3.เว็บขายอุปกรณ์ผู้ป่วย

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

ปัญหาของเว็บเดิม

  • มีข้อมูลของสินค้าเยอะเกินไป
  • รูปสินค้ายังไม่ไปในทางเดียวกัน
  • การจัดวางข้อมูลดูไม่น่าอ่าน

แนวทางการปรับเว็บใหม่

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

ผลตอบรับ

  • สินค้าน่าซื้อมากขึ้น
  • ลูกค้าที่ผ่านเข้ามาในเว็บ อยู่ที่เว็บได้นานขึ้น
  • ยอดขายเพิ่มขึ้น

 

4.เว็บคลีนิกศัลยกรรมหน้าอกและกล้ามเนื้อตา

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

ปัญหาของเว็บเดิม

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

แนวทางการปรับเว็บใหม่

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

ผลตอบรับ

  • ลูกค้าหาข้อมูลและอ่านรีวิวได้ง่ายขึ้น
  • ลูกค้าที่ผ่านเข้ามาในเว็บ อยู่ที่เว็บได้นานขึ้น
  • ลูกค้าตัดสินใจจองคิวทำศัลยกรรมเพิ่มขึ้น
  • อันดับแสดงผลบน Google ดีขึ้น

 

สรุป

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

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

 

สนใจออกแบบเว็บไซต์ใหม่ ที่ใช้งานง่าย เพิ่มยอดขาย ยอดวิว คลิกที่นี่