การออกแบบและพัฒนาระบบฝึกสุนัขออนไลน์ของ WKD
การออกแบบเว็บไซต์ e-Learning ของ LearnDash และ Wordpress/WooCommerce ใหม่
เยี่ยมชมเว็บไซต์ลูกค้า
WKD (สหราชอาณาจักร)

WKD เป็นบริษัทฝึกสุนัขออนไลน์ที่ให้บริการฝึกสุนัขแบบปฏิบัติได้จริงและคุ้มต้นทุนเพื่อปรับเปลี่ยนพฤติกรรมของสุนัข โดยได้รับการออกแบบใหม่เพื่อให้ผู้ใช้ได้รับประสบการณ์เกี่ยวกับเอกลักษณ์ของแบรนด์อย่างมีประสิทธิภาพ และได้รับประสบการณ์ที่ดีขึ้นในการรับสิ่งที่ต้องการผ่านทางเว็บไซต์นี้โดย Outsourcify นอกจากนี้ เรายังดูแลการพัฒนาเว็บไซต์ที่ออกแบบใหม่ของพวกเขาด้วย
เครื่องมือ
นกกระจอก อินวิชั่น การทำงานเป็นทีม อะโดบีเอ็กซ์ดี โปรแกรม Adobe Illustrator อะโดบี โฟโต้ชอป
ทีม
1 ผู้อำนวยการ UX/UI และผู้จัดการโครงการ 1 นักออกแบบกราฟิก 1 นักออกแบบเว็บไซต์ นักพัฒนาฟรอนต์เอนด์ 1 คน นักพัฒนา Worpress 1 คน
วิธีการ
เวิร์คช็อป UX/UI ระเบียบวิธีน้ำตก
เครื่องมือ
นกกระจอก อินวิชั่น การทำงานเป็นทีม อะโดบีเอ็กซ์ดี โปรแกรม Adobe Illustrator อะโดบี โฟโต้ชอป
ระยะเวลา
2 เดือน
สมาชิกทีมที่เกี่ยวข้อง
ข้อกำหนดด้านการออกแบบ
เป้าหมายหลักของเราคือการสร้างเว็บไซต์ให้ง่ายต่อการเข้าถึงการฝึกอบรม เนื่องจากเว็บไซต์ที่ล้าสมัยนั้นมีเนื้อหาจำนวนมากที่ไม่ได้จัดระเบียบ ทำให้ผู้ใช้ค้นหาเนื้อหาที่ต้องการได้ยาก
นอกจากนี้ เรายังตั้งเป้าที่จะสร้างเอกลักษณ์ของแบรนด์ขึ้นมาใหม่ ส่วนประกอบแต่ละส่วนบนเว็บไซต์ไม่ได้มีความกลมกลืนกันและไม่ได้แสดงเอกลักษณ์ของแบรนด์อย่างแท้จริง โดยมีสีต่างๆ มากมายที่ดูไม่เข้ากัน จำเป็นต้องมีรูปแบบสีที่สอดประสานกัน
ในช่วงหลังนี้ ไซต์ไม่ได้ถูกปรับแต่งให้เหมาะสำหรับอุปกรณ์พกพา เนื่องจากมีเนื้อหามากเกินไป เพื่อให้ปรับให้เหมาะกับอุปกรณ์ต่างๆ ได้ เราจึงต้องมอบประสบการณ์ที่ต่อเนื่องสำหรับอุปกรณ์หลายประเภท

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

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

เทคโนโลยีที่เราใช้ในการพัฒนาเว็บไซต์
เราใช้ HTML5, WordPress-Woocommerce และ Learndash- สำหรับโครงการนี้ เราใช้ HTML5 เพราะไม่ว่าผู้ใช้จะใช้เบราว์เซอร์ใดก็สามารถดูเนื้อหาได้อย่างถูกต้อง
ในทางกลับกัน WordPress นั้นใช้งานง่ายมาก ลูกค้าสามารถดูแลเว็บไซต์ของตนเองได้เป็นประจำ นอกจากนี้ WordPress ยังเป็น CMS ที่ได้รับความนิยมมากที่สุดในโลก โดยมีส่วนแบ่งการตลาด CMS ที่ใหญ่ที่สุดเท่าที่มีมา รวมถึง WooCommerce สำหรับรถเข็น/ร้านค้าแบบง่ายๆ ที่จัดการได้ง่ายด้วย WordPress และ Learndash ยังรองรับหลักสูตรออนไลน์ที่ปรับแต่งบทเรียนและแบบทดสอบได้ง่ายกว่า

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

วิดีโอของอินเทอร์เฟซผู้ใช้:
โครงการนี้อยู่ตรงไหนในประวัติของเรา
- 2019
Haircut Co. (Trimco)Marketplace สองด้านสำหรับบริการตัดผมแบบออนดีมานด์ - 2020
WKD (สหราชอาณาจักร)การออกแบบและพัฒนาระบบฝึกสุนัขออนไลน์ของ WKDคุณอยู่ที่นี่ - 2021
เพื่อนของฉันเพื่อนของฉัน
2021WKD สหราชอาณาจักรการออกแบบเว็บไซต์ WKD UK ใหม่- 2022
เอเดรีย/จ็อบเดลี่จ็อบเดลี่ - 2025
Supply Clusters (ออสเตรเลีย)เว็บไซต์องค์กร WordPress สำหรับผู้ให้บริการจัดซื้อจัดจ้าง - 2026
Wirrigan Business Services (ออสเตรเลีย)เว็บไซต์องค์กร WordPress สำหรับผู้ให้บริการ B2B ของชนพื้นเมืองออสเตรเลีย
ติดต่อเรา
มาหาทางออกที่ใช่สำหรับธุรกิจของคุณ
เราร่วมงานกับทีมผลิตภัณฑ์และผู้ก่อตั้ง เพื่อออกแบบ สร้าง และส่งมอบซอฟต์แวร์ที่ใช้งานได้ยั่งยืน
คุยกับทีมของเรา