เปลี่ยนโลกของการสร้างสรรค์ไปกับ Mediums

ทำความรู้จักกับ Mediums

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

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

ความท้าทาย ปัญหา และแนวทางแก้ไขของเรา

เช่นเดียวกับโปรเจกต์ซับซ้อนหลาย ๆ งาน แอป Mediums ก็มีความท้าทายและอุปสรรคของตัวเอง

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

หัวใจของการลดความเสี่ยง คือทีมต้องทำงานใกล้ชิดกัน ทั้งในทีมเองและกับลูกค้า

การตั้งค่า Environment ให้แอปมือถือพร้อมทำงานยากกว่าที่คิด เพราะเอกสารและตัวอย่างโค้ดของ ADB2C และ MSEL มีไม่เพียงพอ เรายังประชุมกับทีมซัพพอร์ตของ Microsoft Azure ทุกสัปดาห์เพื่อคลี่คลายปัญหา บางปัญหายังแก้ไม่ได้ทั้งหมด เราจึงทำวิธีแก้ชั่วคราวที่ใช้งานได้ไปก่อน

ปัญหาอื่น ๆ มาจากจุดเชื่อมต่อระบบ Backend ของลูกค้าที่ยังพัฒนาไม่เสร็จและยังไม่พร้อมใช้งาน อย่างไรก็ตาม เราใช้ช่วง UAT ที่วางไว้ทำ Proxy ที่พัฒนาขึ้นเฉพาะจนเสร็จและทดสอบผ่าน แม้ UAT จะเลื่อนไปจนเหลือไม่กี่วันก่อนเปิดตัว

ขอบเขตงานและ Timeline

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

สำหรับเวอร์ชันแรก Mediums เลือกโฟกัสเพียงไม่กี่เรื่องที่สำคัญ เพื่อพิสูจน์แนวคิด (Proof of Concept)

Design System

Design System คือที่รวมทุกองค์ประกอบไว้ในที่เดียว ให้ทีมใช้อ้างอิงเวลาออกแบบ สร้าง และพัฒนาผลิตภัณฑ์ สิ่งที่ส่งมอบจึงไม่ใช่ไฟล์เดียว แต่เป็นทั้งชุด

Iconography

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

การพัฒนา

สำหรับ Phase MVP ของโปรเจกต์ เราพัฒนาแอปมือถือแบบ Native ด้วย Swift สำหรับ iOS และ Kotlin สำหรับ Android พร้อมบริการ API Proxy ฝั่ง Backend ที่สร้างบน NodeJS เพื่อเชื่อมต่อกับ Microsoft Azure และระบบภายในที่ปลอดภัยอีกหลายระบบ

แผนแรกคือให้แอปมือถือเชื่อมกับระบบ Back Office ที่มีอยู่โดยตรง ผ่าน API ของแต่ละระบบ แต่เมื่อทำ Discovery ก็เห็นตั้งแต่ต้นว่าแนวทาง Proxy จะเป็นระเบียบกว่าเยอะ ทั้งยังเพิ่มชั้น Abstraction ที่ช่วยให้การกำหนดสิทธิ์ การยืนยันตัวตน และการจัดการ Session เป็นมาตรฐานเดียวกัน ครอบคลุมระบบภายในและภายนอกที่มีอยู่หลายระบบ อีกทั้งยังช่วยให้ทีมจัดการการเปลี่ยนแปลงได้ยืดหยุ่นขึ้นมาก เพราะงานหนักส่วนใหญ่ย้ายไปอยู่ที่ Proxy ฝั่ง NodeJS แก้ได้เลยโดยไม่ต้อง Build และ Deploy แอปมือถือใหม่

Wireframe

งานแรกของเราคือ Wireframe หรือแผนภาพที่ใช้เส้นและรูปทรงง่าย ๆ วางโครงหลักของหน้าจอ เพื่อให้โฟกัสอยู่ที่ฟังก์ชันหลัก

ประสบการณ์ใช้งานและหน้าจอแบบใหม่

ความคิดสร้างสรรค์ อยู่แค่ปลายนิ้ว

ดีไซน์สุดท้ายของเรามาจากการปรับหลายรอบตลอด Phase UX และ UI โดยตั้งต้นจากปัญหาที่ผู้ใช้ปัจจุบันเจอ และเป้าหมายที่วางไว้ตั้งแต่แรก

ค้นหาและเลือกดูสินค้า

ผู้ใช้มีทั้งมือใหม่และมือโปร เราจึงออกแบบให้ค้นหาสินค้าตรง ๆ ก็ได้ หรือเลือกดูตามหมวดหมู่ก็ได้

การค้นหาช่วยผู้ใช้ที่มีสินค้าในใจอยู่แล้ว ส่วนคนที่ยังไม่มีของในใจ ก็ไล่ดูตามหมวดหมู่ แล้วเจอสินค้าที่นึกไม่ถึงได้

หน้ารายละเอียดสินค้าที่ดีขึ้น

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

เลือกตัวเลือกย่อยของสินค้าได้ในหน้ารายละเอียดสินค้าเลย ไม่ต้องไปหน้าอื่น

ตะกร้าสินค้าและสินค้าแนะนำ

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

ติดตามคำสั่งซื้อแบบเรียลไทม์

ลูกค้าเห็นสถานะคำสั่งซื้อล่าสุดได้ตลอด ตั้งแต่เตรียมสินค้าจนส่งถึงมือ