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