การพัฒนาเว็บไซต์ WordPress สำหรับกลุ่มคลินิก

ในโปรเจกต์นี้ เราได้ร่วมงานกับเอเจนซีออกแบบจากสิงคโปร์ที่สร้างสรรค์ดีไซน์อันยอดเยี่ยมให้กับเว็บไซต์ใหม่ของ Thomson Medical Group ขั้นตอนแรกที่เราดำเนินการคือการแปลงหน้าดีไซน์ทั้งหมดจากไฟล์ Photoshop ที่ได้รับ ให้กลายเป็นเทมเพลต HTML ที่รองรับการแสดงผลทุกหน้าจอ (Fully Responsive)

เราไม่ได้ใช้ CSS Framework สำเร็จรูป แต่เลือกที่จะสร้างโครงสร้าง CSS ของเราเองโดยอิงตามกฎของ SCSS เพื่อให้ตอบโจทย์การออกแบบได้อย่างสมบูรณ์แบบ พร้อมด้วย CSS Grid แบบเรียบง่าย วิธีนี้ช่วยให้เราหลีกเลี่ยงปัญหาไฟล์ CSS มีขนาดใหญ่เกินความจำเป็น ซึ่งมักจะเกิดขึ้นหากใช้ Bootstrap หรือเครื่องมืออื่นๆ

เราใช้ InVision ซึ่งเป็นเครื่องมือสร้าง Prototype ตลอดทั้งโปรเจกต์เพื่อนำเสนอดีไซน์ของหน้าจอต่างๆ และจำลองการนำทาง (Navigation) ระหว่างหน้าเว็บ ซึ่งช่วยให้ทุกฝ่ายเข้าใจคอนเซปต์ของเว็บไซต์ได้ชัดเจนยิ่งขึ้น