ออกแบบเว็บไซต์องค์กรและอีคอมเมิร์ซใหม่

View in another language:
เว็บไซต์บริษัทอุปกรณ์ทางการแพทย์

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


 

ชาร์จแบต image1

Team
1 ผู้อำนวยการ UX/UI และผู้จัดการโครงการ
1 นักออกแบบกราฟิก
1 นักออกแบบเว็บไซต์
นักพัฒนาฟรอนต์เอนด์ 1 คน
นักพัฒนา Worpress 1 คน
Methodology
เวิร์คช็อป UX/UI
ระเบียบวิธีน้ำตก
Tools
นกกระจอก
การทำงานเป็นทีม
อะโดบีเอ็กซ์ดี
โปรแกรม Adobe Illustrator
อะโดบี โฟโต้ชอป
Technologies
PHP, WordPress, WooCommerce, mySQL, Bootstrap, HTML5, CSS
Timeframe
2 เดือน

ความท้าทาย

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

  1. ดังที่ได้กล่าวไปข้างต้น Recharge ขายผลิตภัณฑ์และติดต่อกับลูกค้าผ่านแพลตฟอร์มระดมทุนบนคลาวด์ที่เรียกว่า “indiegogo” โดยไม่มีหน้าเพจที่ขายผลิตภัณฑ์ของตนเอง โครงสร้างนี้อาจทำให้ลูกค้าไม่สะดวก ดังนั้นการสร้างหน้าเพจขายเองจึงเป็นความท้าทายที่ยิ่งใหญ่ที่สุด
  2. เนื่องจากรูปแบบหน้าแรกไม่สอดคล้องกัน ทำให้ข้อมูลไม่ชัดเจนและอ่านง่าย
  3. การออกแบบโดยรวมของเว็บไซต์ก่อนหน้านี้ดูซ้ำซากและล้าสมัย นอกจากนี้ยังยากที่จะสัมผัสถึงความเป็นมืออาชีพที่แบรนด์พยายามนำเสนอตลอดทั้งหน้า
  4. เว็บไซต์เก่าไม่สามารถปรับให้เข้ากับอุปกรณ์และขนาดหน้าจอได้อย่างรวดเร็วและเหมาะสม การนำเสนอประสบการณ์แบบไดนามิกมากที่สุดเท่าที่จะเป็นไปได้ให้กับผู้ใช้ในทุกอุปกรณ์ถือเป็นความท้าทาย
dasktop10

โซลูชั่น

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

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

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

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

dasktop9

บทสรุปโครงการ

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

 

 

 

recharge [Recovered]2

สนใจเวิร์กชอปของเราไหม
พูดคุยกับทีมงานของเรา!

ติดต่อเรา
สนใจเวิร์กชอปของเราไหม
พูดคุยกับทีมงานของเรา!