เว็บไซต์ WordPress สำหรับองค์กรที่ช่วยกำจัดมาเลเรีย

View in another language:
วีแคป

VCAP (Vector Control Platform in Asia Pacific) เป็นแพลตฟอร์มที่ส่งเสริมนวัตกรรมและการเข้าถึงเครื่องมือควบคุมเวกเตอร์ซึ่งสนับสนุนเป้าหมายระดับภูมิภาคในการกำจัดมาเลเรียในเขตเอเชียแปซิฟิก โดยแพลตฟอร์มนี้ได้รับการจัดตั้งโดย APLMA (Asia Pacific Leaders' Malaria Alliance) และ Unitaid เมื่อเร็ว ๆ นี้
เราได้รับมอบหมายให้ออกแบบและพัฒนาเว็บไซต์ VCAP โดยโครงการนี้เริ่มต้นจากเวิร์กช็อป UX/UI ซึ่งช่วยให้เรากำหนดเนื้อหาของเว็บไซต์กับลูกค้าได้ในที่สุด จากนั้นจึงกำหนดแนวคิดการออกแบบ นอกจากนี้ ในเวลาต่อมา เราได้พัฒนาเว็บไซต์เป็นธีม WordPress ที่กำหนดเอง และขณะนี้เรากำลังให้บริการสนับสนุนและบำรุงรักษารายเดือนสำหรับเว็บไซต์ที่โฮสต์บนโครงสร้างพื้นฐานคลาวด์ของเราซึ่งได้รับการปรับให้เหมาะสมสำหรับ WordPress
โมเดล Vcap

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

ความท้าทาย

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

VCAP-01

ทำให้เว็บไซต์มีความเป็นมิตรต่อผู้ใช้ทุกคน

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

VCAP-02

การออกแบบภาพ

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

VCAP-03

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

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

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

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