Nail Code

Nail Code เป็นเว็บไซต์อีคอมเมิร์ซที่เชี่ยวชาญด้านผลิตภัณฑ์เล็บมืออาชีพ ครอบคลุมทั้งเจลทาเล็บ ผลิตภัณฑ์ดูแลเล็บ และอุปกรณ์เสริมสำหรับร้านเสริมสวย

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

เว็บไซต์รองรับภาษาเยอรมันและอังกฤษ พร้อมทั้ง 4 สกุลเงิน (AED, EUR, GBP และ USD) เพื่อรองรับลูกค้าในตลาดต่างประเทศหลากหลาย

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

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

วัตถุประสงค์หลัก:

• อัปเกรดจาก PrestaShop 1.6 เป็น 9.0
• รักษาอัตลักษณ์ของแบรนด์เดิมไว้
• ปรับปรุงระบบนำทางและการค้นหาสินค้า
• ออกแบบใหม่ทั้งหมดให้รองรับทุกอุปกรณ์ (Responsive)
• รองรับการช้อปปิ้งแบบหลายภาษาและหลายสกุลเงิน

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

แทนที่จะออกแบบใหม่ทั้งหมดตั้งแต่ต้น เราเลือกใช้แนวคิด "แบรนด์เดิม แต่ดีขึ้น" (It's the same brand, but better)

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

เราออกแบบระบบเมนูนำทางแบบเต็มความกว้าง (full-width) ใหม่ เพื่อมอบประสบการณ์การเรียกดูสินค้าที่ยืดหยุ่นมากขึ้น เมกะเมนูรองรับการแสดงภาพโปรโมชันควบคู่กับลิงก์หมวดหมู่สินค้า ทำให้ลูกค้าสามารถขยายกลยุทธ์การตลาดในอนาคตได้ และยังทำงานได้อย่างสมบูรณ์แม้ไม่มีภาพประกอบ

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

Mega-menu แบบเต็มความกว้างที่ทันสมัย

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

ส่วนแสดงสินค้าที่ยืดหยุ่น

ด้วย BC Multi Blocs เราต่อยอดโมดูลให้มีฟีเจอร์ด้านการตลาดเพิ่มเติม ลูกค้าสามารถ:

• เลือกสินค้าจากหมวดหมู่ได้โดยตรง
• แสดงสินค้า 4 หรือ 8 ชิ้น
• เลือกรูปแบบตาราง (grid) หรือสไลเดอร์ (slider)
• เปิดใช้ส่วนแสดงผลแบบเต็มความกว้างหรือแบบจำกัดพื้นที่
• ผสมผสานคอลเลกชันสินค้ากับแบนเนอร์โปรโมชัน

สิ่งนี้เพิ่มความยืดหยุ่นอย่างมากในการสร้างหน้า Landing Page และแคมเปญโปรโมชัน โดยไม่ต้องพัฒนาเพิ่มเติม

การ์ดสินค้าที่ได้รับการปรับปรุง

การ์ดสินค้ามีเอฟเฟกต์เมื่อชี้เมาส์ (hover) ที่จะแสดงภาพที่สองของสินค้าโดยอัตโนมัติ ทำให้ลูกค้าสามารถดูมุมมองเพิ่มเติมของสินค้าได้โดยไม่ต้องเปิดหน้ารายละเอียดสินค้า

รองรับหลายภาษาและหลายสกุลเงิน

เว็บไซต์รองรับ: ภาษาเยอรมัน ภาษาอังกฤษ สกุลเงิน AED, EUR, GBP, USD ทำให้เหมาะสำหรับลูกค้าต่างประเทศ

การย้ายไปสู่ PrestaShop 9.0 ทำให้ Nail Code มีแพลตฟอร์มที่เร็วขึ้นและดูแลรักษาง่ายขึ้น ในขณะที่ยังคงรักษาอัตลักษณ์ภาพลักษณ์ที่ลูกค้าคุ้นเคยไว้

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

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