การที่เรามีเว็บไซต์เดิมอยู่แล้ว แต่อยาก ทำเว็บไซต์ใหม่ เราต้องมองย้อนกลับมาดูก่อนว่าที่เว็บเดิมเรานั้นมีปัญหาอะไรอยู่บ้าง ไม่สวย ไม่เป็น Responsive ภาพไม่สวย ตัวหนังสืออ่านยาก การกดสั่งซื้อยากเกินไปลูกค้าไม่เข้าใจ และอีกหลากหลายปัญหาที่ได้เจอ ปลาจะมายกตัวอย่างงานที่เคยทำให้ลูกค้านะคะ เปรียบเทียบกันว่าเว็บเก่ากับเว็บใหม่ มีความต่างกันอย่างไรบ้าง มาดูกันค่ะ
เวลาได้โจทย์มาว่าให้ทำเว็บใหม่ให้ลูกค้า เราก็ต้องเข้าไปดูเว็บเดิมก่อนว่ามีปัญหาอะไรบ้าง ส่วนใหญ่ที่เจอจะเป็น
- ภาพไม่สวย
- ไม่เป็น Responsive
- การจัดวางข้อมูลยังเป็นแบบเก่า
- หาสินค้าที่ต้องการยาก
สารบัญเนื้อหา
ทำเว็บไซต์ใหม่ ออกแบบเว็บ
เวลาเริ่มทำงานก็ต้องดูก่อนว่า สินค้าและบริการของลูกค้า ต้องการฟังก์ชั่นอะไรบ้าง เป็นเว็บบล็อก เว็บองค์กร หรือเว็บขายสินค้า ซึ่งเราก็จะใช้เทมเพลทที่เคยทำไว้แล้ว และมีการพัฒนาเรื่อยมาจากคอมเม้นของลูกค้าเนี่ยแหละ จนเป็นเวอร์ชั่นที่ดีที่สุดในตอนนี้
พอสรุปได้ว่าจะทำเว็บไซต์สำหรับการใช้งานประเภทไหน เราก็มาคิดว่าลูกค้าของเรา เค้าอยากจะเสนอขายอะไร เราก็ดึงเรื่องเหล่านั้นมาไว้เด่นๆ ที่หน้าแรก เช่น สินค้าขายดี สินค้ายอดฮิต บล็อกที่คนอ่านเยอะๆ ข้อมูลที่อยากให้ลูกค้าของทางร้านเห็น เช่น เบอร์ติดต่อ ไลน์ เป็นต้น
ตัวอย่าง เว็บไซต์ที่มีการออกแบบใหม่
เว็บขายแพลนเนอร์
ตัวเว็บขายแพลนเนอร์นี้เจ้าของเว็บเป็นบล็อกเกอร์ที่ทำคอนเทนต์เกี่ยวกับเครื่องเขียน การเรียน มีข้อมูลบทความที่มีประโยชน์และน่าสนใจอยู่หลายชิ้น คุณเจ้าของบอกว่าอยากจะขายสินค้าแพลนเนอร์บนเว็บไซต์ด้วย เราก็ต้องทำการบ้านแล้วว่าทำอย่างไรเว็บไซต์ใหม่ของเค้าถึงจะน่าสนใจ และสามารถขายของได้ด้วย ปลาก็จะเริ่มจากการวิเคราะห์เว็บไซต์เดิมที่มี ว่ามีปัญหาในการใช้งานอย่างไรบ้าง นำมาพัฒนาปรับแก้ให้เว็บใหม่ใช้งานง่าย และมีประสิทธิภาพมากขึ้น
ปัญหาของเว็บเดิม
- หาข้อมูลยาก
- รูปภาพไม่ครบ
- การแสดงผลยังไม่สมบูรณ์
- Layout แบบเดิมจะเหมาะกับการอ่านเนื้อหาอย่างเดียว ยังไม่เหมาะกับการขายสินค้า
แนวทางการปรับเว็บใหม่
- กำหนด Theme สีและแนวทางของเว็บไซต์ก่อน ซึ่งก็ได้ข้อสรุปมาว่าขอสีหลักเป็นสีฟ้า และความสดใส
- กลุ่มลูกค้าส่วนใหญ่จะเป็นเด็กมหาวิทยาลัย และวัยเพิ่งเริ่มทำงานค่ะ
- หาจุดขายของร้านมาใส่ ว่าทำไมต้องสั่งซื้อสินค้ากับร้านนี้ แล้วก็ใส่เป็นไอคอนให้เข้าใจง่าย
- นำสินค้ามาแสดงผลที่หน้าแรก
- ทำปุ่มสั่งซื้อให้ชัดเจน
- ใส่เนื้อหาเกี่ยวกับการใช้แพลนเนอร์
- เพิ่มข้อมูลรีวิวจากผู้ซื้อสินค้า
ผลตอบรับ
- ยอดวิวต่อเดือนเพิ่มจาก 5,000 เป็น 50,000 View ต่อเดือน
- ยอดขายเพิ่มขึ้น
- ลูกค้าซื้อสินค้าง่ายขึ้น
- อันดับการแสดงผลบน Google ดีขึ้น
เว็บขายเสื้อโปโล
เว็บขายเสื้อโปโลนี้ยังเป็นเว็บไซต์แบบเก่าไม่เป็น Responsive หรือยังไม่สามารถปรับการแสดงผลหน้าเว็บให้เข้ากับอุปกรณ์สื่อสาร เช่น โทรศัพท์มือถือ แท็บเล็ทได้ อันจะมีผลทำให้ Google ปรับลดอันดับการแสดงผลการค้นหา
ปัญหาของเว็บเดิม
- ไม่เป็น Responsive
- หน้าตาเว็บไซต์ยังไม่น่าดึงดูดลูกค้า
- อ่านยาก
แนวทางการปรับเว็บใหม่
- ปรับโครงสร้างการจัดวางสินค้าใหม่
- ทำรูปแบนเนอร์แรกให้ดูน่าสนใจขึ้น
- บอกเหตุผลว่าทำไมต้องซื้อสินค้าจากร้านนี้
- รูปสินค้าไดคัทพื้นหลังออกเหลือเป็นสีขาว ให้ดูเป็นไปในทิศทางเดียวกันทั้งหมดและไม่รกตา
- ทำหน้าวิธีการสั่งซื้อให้อ่านง่ายขึ้น
ผลตอบรับ
- ยอดขายเพิ่มขึ้น
- ลูกค้าหาสินค้า และสั่งซื้อสินค้าได้ง่ายขึ้น
- มีลูกค้าที่มาจากการเสิร์ชหาผ่านโทรศัพท์มือถือมากขึ้น
เว็บขายอุปกรณ์ผู้ป่วย
เว็บขายอุปกรณ์ผู้ป่วยนี้ เจ้าของอยากให้ตัวเว็บใช้งานง่ายขึ้น หาสินค้าที่ต้องการได้ง่ายขึ้น และอยากได้ผลการแสดงอันดับบน Google ให้ผลดีขึ้น เพื่อให้คนเข้ามาที่เว็บเยอะขึ้นโดยไม่ต้องเสียค่าโฆษณา ตัวเว็บใหม่ต้องมีการจัดวางสินค้าให้ดีกว่าเดิม และสามารถปิดการขายลูกค้าได้ง่ายขึ้น
ปัญหาของเว็บเดิม
- มีข้อมูลของสินค้าเยอะเกินไป
- รูปสินค้ายังไม่ไปในทางเดียวกัน
- การจัดวางข้อมูลดูไม่น่าอ่าน
แนวทางการปรับเว็บใหม่
- เปลี่ยนโทนสีให้ดูเกี่ยวกับทางการแพทย์ขึ้น เป็นสีเขียวมิ้นท์ให้ความรู้สึกสะอาด ปลอดภัย
- ปรับแถบเมนูให้หาประเภทสินค้าง่ายขึ้น
- ทำแบนเนอร์แรกให้ดูน่าสนใจขึ้น
- จัดข้อมูลคอนเซ็ปต์ของร้านใหม่ ให้คนอยากมาซื้อสินค้าจากร้านนี้มากขึ้น
- ไดคัทพื้นหลังของสินค้าออก ทำให้สินค้าดูเด่นขึ้นและเป็นไปในทิศทางเดียวกัน
- ใส่ข้อมูลการติดต่อไว้ที่แถบเมนู และ Footer เพื่อให้ลูกค้าติดต่อมาง่ายขึ้น
ผลตอบรับ
- สินค้าน่าซื้อมากขึ้น
- ลูกค้าที่ผ่านเข้ามาในเว็บ อยู่ที่เว็บได้นานขึ้น
- ยอดขายเพิ่มขึ้น
เว็บคลีนิคศัลยกรรมหน้าอกและกล้ามเนื้อตา
เว็บคลีนิคศัลยกรรมเสริมหน้าอกและศัลยกรรมกล้ามเนื้อตา คุณหมอเจ้าของเว็บบอกว่าตัวเว็บเก่าใช้งานยาก ปรับแต่งยาก อยากให้ทำเว็บให้ใหม่บน WordPress เพื่อให้ใช้งานได้ง่ายขึ้น และรองรับการทำ SEO ในอนาคต และที่สำคัญคืออยากให้เพิ่มดีไซน์ ปรับโทนสีให้ดู Professional มากขึ้น
ปัญหาของเว็บเดิม
- โทนสีที่ใช้ไปคนละทางกับตัวโลโก้
- ข้อมูลเยอะมาก ต้องจัดข้อมูลใหม่
- โครงสร้างเนื้อหาของหน้าแรกยังมีไม่ครบเท่าที่ควร
- เนื้อหาในแต่ละหน้ายังไม่เป็นระเบียบ อ่านยาก
แนวทางการปรับเว็บใหม่
- เปลี่ยนโทนสีให้ดูพรีเมี่ยมขึ้น และมีความเป็นมิตรกับสาวๆ ที่ชื่นชอบการทำศัลยกรรมมากขึ้น
- ปรับแถบเมนูให้หาประเภทสินค้าง่ายขึ้น
- ปรับแบนเนอร์แรกให้มีบริการครบทั้ง 2 ประเภท
- จัดโครงสร้างข้อมูลของคลีนิคใหม่ ใส่พรีวิวบริการให้ครบ
- จัดหมวดหมู่แถบเมนูให้หาข้อมูลได้ง่ายขึ้น เข้าใจมากขึ้น
- ทำลิ้งข้อความเชื่อมโยงเนื้อหาที่เกี่ยวข้องกัน
- จัดโครงสร้างข้อมูลบทความและรีวิวให้อ่านง่ายขึ้นทั้งบนหน้าจอคอมพิวเตอร์ แท็บเล็ท และจอมือถือ
- ใส่ข้อมูลการติดต่อไว้ที่แถบเมนู และ Footer เพื่อให้ลูกค้าติดต่อมาง่ายขึ้น
ผลตอบรับ
- ลูกค้าหาข้อมูลและอ่านรีวิวได้ง่ายขึ้น
- ลูกค้าที่ผ่านเข้ามาในเว็บ อยู่ที่เว็บได้นานขึ้น
- ลูกค้าตัดสินใจจองคิวทำศัลยกรรมเพิ่มขึ้น
- อันดับแสดงผลบน Google ดีขึ้น
สรุป
การปรับเว็บไซต์ใหม่ให้เป็น Responsive และจัดวางข้อมูลทั้งเนื้อหา และรูปภาพให้เหมาะสม มีการสื่อสารที่ตรงประเด็นชัดเจน อ่านง่าย ใช้งานง่าย เข้าใจง่าย จะช่วยเพิ่มยอดขายให้กับเว็บไซต์นั้นเป็นอย่างมาก ยิ่งเราทำให้คนชอบเว็บไซต์เรา อยู่บนเว็บได้นานๆ ก็จะทำให้อันดับการแสดงผลบน Google ดีขึ้นตามไปด้วย เพิ่มทราฟฟิกคนเข้าเว็บมากขึ้น
นอกจากนี้ถ้าเราลองคิดว่าตัวเองคือลูกค้า เวลาที่เราเข้าเว็บมาเราจะอยากรู้อะไรบ้าง เหตุผลอะไรที่ทำให้เราตัดสินใจซื้อหรือไม่ซื้อ ข้อมูลเหล่านี้ก็สามารถนำไปพัฒนาให้ตัวเว็บไซต์เรามีประสิทธิภาพยิ่งขึ้นได้ด้วยเช่นกันค่ะ
สนใจออกแบบเว็บไซต์ใหม่ ที่ใช้งานง่าย เพิ่มยอดขาย ยอดวิว คลิกที่นี่
