Solutions
เมื่อ BIG CAMERA ต้องการปรับปรุง UX/UI ใหม่เพื่อให้ใช้งานได้ง่ายและสวยงามทันสมัยมากขึ้น โจทย์ที่ Grappik ได้รับนั้นชัดเจนแต่ตรงประเด็น นอกจากนั้นเรายังต้องวางโครงสร้างของ Design System เพื่อรองรับการขนาดตัวของเว็บไซต์ในอนาคต
นอกจากนั้นหัวใจในการออกแบบเว็บไซต์ E-Commerce คือใช้งานง่าย ลดอัตรา Bounce Rate ให้น้อยมากที่สุด เพราะเว็บไซต์ E-Commerce ที่ใช้งานยากหมายถึงยอดขายออนไลน์ที่ลดลง
![](https://grappik.com/wp-content/uploads/2024/07/Big-Camera-Cover.png)
วางโครงสร้าง Design System
เราเริ่มต้นจากการวางโครงสร้างจากจุดที่เล็กมากที่สุดไปจนถึงสุดที่ใหญ่มากที่สุด ทั้งการกำหนดขนาดฟ้อนต์ที่ครบถ้วน การกำหนดสีที่ต้องใช้บนเว็บไซต์ ไปจนถึงการทำ Design System ของการ์ดทั้งหมด ปุ่มกดที่ต้องมี
Design System ช่วยให้ทีมการออกแบบและทีมพัฒนาสามารถทำงานร่วมกันได้ง่ายขึ้น โดยมีสิ่งอ้างอิงและคอมโพเนนท์ที่ชัดเจน ลดปัญหาการสื่อสารผิดพลาดหรือความเข้าใจผิดในทีม เมื่อมี Design System ที่ดี การเพิ่มหรือปรับเปลี่ยนส่วนประกอบต่างๆ จะง่ายขึ้น ไม่ว่าจะเป็นการเพิ่มหน้าใหม่หรือการขยายที่ส่วนของของเว็บไซต์
![](https://grappik.com/wp-content/uploads/2024/07/Big-Camera-Port-1.png)
ใช้งานง่ายทุกอุปกรณ์
การออกแบบเว็บไซต์ให้รองรับมือถือหรือ Responsive Design มีความสำคัญมากในปัจจุบันด้วยหลากหลายเหตุผล เรามีการวางโครงสร้าง UX/UI ที่โฟกัสการใช้งานบนทุกอุปกรณ์ ในตอนนี้การซื้อสินค้าไม่ได้หยุดอยู่แค่ที่บ้าน แต่ผู้ใช้งานทุกคนสามารถซื้อสินค้าได้จากทุกที่ ทุกเวลา
เว็บไซต์ที่รองรับมือถือให้ประสบการณ์ที่ดีกับผู้ใช้ เช่น การโหลดหน้าเร็ว การอ่านข้อมูลได้ง่าย และการนำทางที่สะดวก ซึ่งช่วยเพิ่มโอกาสในการซื้อที่มากขึ้น
Google และเครื่องมือค้นหาอื่นๆ ให้ความสำคัญกับเว็บไซต์ที่รองรับมือถือ เว็บไซต์ที่เหมาะกับการใช้งานบนมือถือมักจะได้รับการจัดอันดับที่ดีกว่าในผลการค้นหา เพราะสร้างประสบการณ์ที่ดีกว่าสำหรับผู้ใช้
![](https://grappik.com/wp-content/uploads/2024/07/Big-Camera-Port-2.png)
![](https://grappik.com/wp-content/uploads/2024/07/Big-Camera-Port-3.png)
Apply Strategies
การออกแบบเว็บไซต์ e-commerce ให้ดีมีความสำคัญมากเพื่อให้สามารถตอบสนองความต้องการของผู้ใช้และสร้างความได้เปรียบทางการแข่งขันได้ เว็บไซต์ที่มีการออกแบบ UX ที่ดีจะทำให้ผู้ใช้สามารถค้นหาสินค้าและบริการได้อย่างง่ายดาย มีความชัดเจนในการนำทาง และลดความซับซ้อนในการทำธุรกรรม ซึ่งทั้งหมดนี้จะช่วยเพิ่มอัตรา Conversion Rate และลดอัตรา Bounce Rate