การออกแบบใหม่ของไซต์อีคอมเมิร์ซ Poezenparadijs

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

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

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

ตั้งแต่การระบุปัญหาไปจนถึงการวิเคราะห์การแข่งขันตามด้วยการสร้างไทล์สไตล์และสุดท้ายการสร้างต้นแบบ hi-fi wireframing

ให้ฉันแนะนำคุณตลอดขั้นตอนการออกแบบของเรา

1. การวิจัยขั้นทุติยภูมิ
   เราเริ่มต้นด้วยการวิจัยขั้นทุติยภูมิและค้นพบว่าตลาดสำหรับอุปกรณ์สัตว์เลี้ยงออนไลน์มีแนวโน้มเพิ่มขึ้นกว่าสองเท่า ในอีกห้าปีข้างหน้า ด้วยมูลค่าตลาดที่คาดว่าจะอยู่ที่ 358 พันล้านดอลลาร์ภายในปี 2570 การวิจัยนี้ช่วยให้ทีมเข้าใจขนาดของตลาดและความเป็นไปได้สำหรับ Poezenparadijs
2. การสัมภาษณ์ผู้มีส่วนได้ส่วนเสียเรา
   ทำการสัมภาษณ์ผู้มีส่วนได้ส่วนเสียกับผู้ก่อตั้ง Poezenparadijs, Henk จากการสัมภาษณ์ เราได้รับข้อมูลเชิงลึกเกี่ยวกับความหลงใหลในแมวของ Henk และความท้าทายที่เขาเผชิญในการบริหารบริษัท

3. การวิเคราะห์การแข่งขัน การ
วิเคราะห์การแข่งขันของเราอ้างอิงจากผลการสัมภาษณ์ผู้มีส่วนได้ส่วนเสีย

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

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

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

เจ้าของสัตว์เลี้ยง คนหนึ่งที่เราพูดคุยด้วยมีแมวที่น้ำหนักเกินซึ่งมีอิทธิพลต่อการตัดสินใจของเขา

5. Affinity Diagram
แผนที่ความสัมพันธ์ที่เราสร้างโดยใช้ข้อมูลที่ได้รับจากการสัมภาษณ์ช่วยเราในการรวบรวมข้อมูลและการพัฒนากลุ่มย่อยห้า กลุ่ม

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

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

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

บางครั้งเธอต้องการความช่วยเหลือในการเลือกอย่างชาญฉลาดเนื่องจากผลิตภัณฑ์ที่มีอยู่มากมาย

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

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

8. คำสั่งปัญหา
ของเราจึงสร้างคำชี้แจงปัญหาขั้นสุดท้าย:

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

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

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

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

12. Wireframe ต่ำ / กลาง
หลังจากการไหลของผู้ใช้ เราได้สร้าง Wireframe ที่มีความเที่ยงตรงต่ำและทดสอบประสิทธิภาพโดยขอให้ผู้คน"ซื้ออาหารแคลอรีต่ำสำหรับแมวที่มีน้ำหนักเกิน" เราทำการเปลี่ยนแปลงเพิ่มเติมตามการทดสอบของผู้ใช้ก่อนสร้างโครงลวดกลางสัญญาณ

13. การวิเคราะห์ด้วยภาพ / มู้ดบอร์ด / ไทล์สไตล์
หลังจากวิเคราะห์การแข่งขันด้วยภาพแล้ว เราได้กำหนดตำแหน่งของแบรนด์และสร้างมู้ดบอร์ด เพื่อสร้างความไว้วางใจให้กับผู้ฟัง เราได้ทำการทดสอบความต้องการและกำหนดสไตล์ของเรา

เราเลือก“DM sans”ซึ่งเป็นsans serifที่มีการออกแบบทางเรขาคณิตที่มีคอนทราสต์ต่ำ “DM sans” มีไว้เพื่อให้อ่านง่ายในขนาดตัวอักษรที่เล็กลง และเนื่องจากเนื้อหาของไซต์มี ข้อความจำนวนมากจึงเหมาะอย่างยิ่ง

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

14. ต้นแบบ Hi-Fi
สุดท้าย เราสร้างต้นแบบ Hi-Fi และมุ่งเน้นไปที่การออกแบบที่ตอบสนอง ต้นแบบไฮไฟจะได้รับการทดสอบและปรับปรุงเมื่อ; อุปกรณ์เสริมและ หน้า เกี่ยวกับเราของเว็บไซต์จะได้รับการวิจัยและจะ เน้นผลิตภัณฑ์คุณภาพสูงของเว็บไซต์ วิดีโอและภาพถ่าย Instagram จะรวม อยู่ด้วย เพื่อเพิ่มความไว้วางใจและบุคลิกภาพของแบรนด์

ต้นแบบที่มีความเที่ยงตรงสูงและการออกแบบที่ตอบสนอง

เพื่อออกผจญภัยด้วยตัวเอง คลิกที่นี่

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

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

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

ขอขอบคุณเป็นพิเศษ

Salomé Mesquita Ivy van Regteren Altena Estefania Mariño Ezquerro Anaelle Ubaldino

โปรดแสดงความคิดเห็นและติดตามโครงการเพิ่มเติมหรือเชื่อมต่อกับฉันบนLinkedIn