การออกแบบเว็บไซต์ e-Learning ของ LearnDash และ Wordpress/WooCommerce ใหม่

ข้อกำหนดด้านการออกแบบ

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

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

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

การออกแบบ UI ที่ยอดเยี่ยมเพื่อสะท้อนถึงเอกลักษณ์ของแบรนด์

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

ธีมสี

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

แนวทางใหม่ของการพิมพ์

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

องค์ประกอบ UI ที่สะท้อนถึงเอกลักษณ์ของแบรนด์

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

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

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