พลิกโฉมอุตสาหกรรมความคิดสร้างสรรค์ผ่าน Mediums

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

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

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

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

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

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

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

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

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

ขอบเขตงานและไทม์ไลน์

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

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

ดีไซน์ซิสเต็ม

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

ระบบไอคอน

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

การพัฒนา

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

ในตอนแรกมีการวางแผนให้แอปมือถือเชื่อมต่อกับระบบแบ็กออฟฟิศต่าง ๆ ที่มีอยู่โดยตรงผ่าน API ของแต่ละระบบ แต่กระบวนการ discovery ทำให้เห็นได้อย่างรวดเร็วว่าแนวทางแบบ proxy จะสะอาดกว่ามาก และเพิ่มชั้นของการทำ abstraction ทำให้การกำหนดสิทธิ์ การยืนยันตัวตน และการจัดการเซสชันมีความสม่ำเสมอมากขึ้นทั่วทั้งระบบภายในและภายนอกที่หลากหลาย อีกทั้งยังให้ความยืดหยุ่นแก่ทีมในการจัดการความเปลี่ยนแปลงมากขึ้นอย่างมาก เพราะงานหนักส่วนใหญ่ถูกย้ายไปอยู่ที่ proxy ฝั่ง NodeJS และปรับแก้ได้โดยไม่ต้อง build และ deploy แอปมือถือใหม่

ไวร์เฟรม

เราเริ่มต้นด้วยการโฟกัสที่ไวร์เฟรม ไวร์เฟรมคือแผนภาพหรือชุดแผนภาพที่ประกอบด้วยเส้นและรูปทรงง่าย ๆ แทนโครงสร้างหลักของอินเทอร์เฟซผู้ใช้ เพื่อให้โฟกัสอยู่ที่ฟังก์ชันหลัก

ประสบการณ์และอินเทอร์เฟซผู้ใช้แบบใหม่

จินตนาการความคิดสร้างสรรค์ของคุณขึ้นใหม่ ที่ปลายนิ้วของคุณ

ดีไซน์สุดท้ายของเรามาจากการทำซ้ำหลายรอบตลอดเฟส UX และ UI เรามาถึงผลลัพธ์นี้ได้ด้วยการนำเพนพอยต์ของผู้ใช้ปัจจุบัน รวมถึงเป้าหมายและวัตถุประสงค์ที่ตั้งไว้ตั้งแต่แรกมาใช้

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

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

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

การปรับหน้ารายละเอียดสินค้าให้ดีที่สุด

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

การเลือกตัวเลือกย่อยของสินค้ายังถูกผสานเข้ากับหน้ารายละเอียดสินค้าอย่างไร้รอยต่อ

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

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

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

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