Project Overview

Introduction - DGRIE Custom Made

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

Goals : โดยการออกแบบแอปพลิเคชันนี้ มีจุดประสงค์เพื่อนำมาใช้ในการแก้ไขปัญหา ทั้งแบรนด์สินค้า และผู้ใช้แอปพลิเคชัน (ลูกค้าของทางแบรนด์)

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

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

และยังช่วยให้รู้จักและเข้าใจ Insight ลูกค้ามากยิ่งขึ้น ด้วยข้อมูลและสถิติ จากการใช้งาน สามารถนำไปต่อยอด การวางแผนการตลาด การทำ Analyzing Consumer Behavior และพัฒนาปรับปรุงสินค้า และบริการให้ตอบโจทย์ความต้องการผู้บริโภคมากยิ่งขึ้น

Contributions

UX/UI Designer



Year

2022

Tools

Adobe Xd, Photoshop, Illustrator

The problem

The problem - จุดเริ่มต้นของไอเดียในการสร้างแอป DGRIE Custom Made เริ่มมาจากปัญหาการแพร่ระบาดของ covid-19 ที่เกิดขึ้นในช่วง ณ เวลานั้น ผลกระทบของการแพร่ระบาด ทำให้ยอดขายลดลง อย่างต่อเนื่อง ถึงแม้จะเป็นช่วงที่โรคโควิดเริ่มซาลงแล้วก็ตาม

โดยร้านของเรามีผู้ติดตามผ่านทางเฟสบุ๊คจำนวนมาก กระจายอยู่ทุกจังหวัด และเราก็ได้มีระบบการสั่งตัดผ่านเฟสบุ๊คและไลน์รองรับ แต่เหมือนจะไม่ได้รับผลตอบรับที่ดี

ผมจึงจำเป็นต้องเร่งคิดวิธีแก้ไขปัญหาที่เกิดขึ้น เพื่อช่วยหาวิธีให้ลูกค้ากลับมาใช้บริการอีกครั้ง จากการผมได้ Research ข้อมูลจากทางฝ่ายการตลาดก็พบว่า


  • ปัญหาที่ 1 เกิดจากลูกค้าไม่กล้าเข้ามาใช้บริการที่หน้าร้าน เพราะกลัวความเสี่ยงในโรคโควิด 19


  • ปัญหาที่ 2 ลูกค้าส่วนใหญ่ไม่สะดวกสั่งตัดแบบออนไลน์ โดยให้เหตุผลว่า ระบบสั่งตัดออนไลน์ที่มีอยู่ ไม่ครอบคลุมทุกฟังก์ชันการใช้งาน และมีขั้นตอนการสั่งตัดที่ค่อนข้างยากรู้สึกไม่มั่นใจ ในการสั่งตัดออนไลน์


The Solution

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

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

Research & Insights

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

  • คุณเคยใช้บริการสั่งตัดออนไลน์กับ DGRIE มาแล้วใช่หรือไม่?

  • คุณเคยใช้บริการแอปสั่งตัดสินค้า จากแบรนด์ใดมาแล้วบ้าง?

  • อะไรที่ทำให้คุณสนใจใช้บริการสั่งตัดออนไลน์?

  • คุณรู้สึกอย่างไรถ้า DGRIE จะให้บริการสั่งตัดออนไลน์ผ่านแอป?

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

  • จากประสบการที่เคยใช้บริการสั่งตัดออนไลน์มา มีสิ่งใดบ้างที่เป็นปัญหา หรืออุปสรรค ในการใช้งานบ้าง?

  • มีสิ่งใดบ้างที่คุณรู้สึกว่า ควรพัฒนาให้ดีกว่านี้?

  • นอกจากฟังก์ชันการสั่งตัดสินค้า คุณคาดหวังว่าจะได้เห็นสิ่งใดบ้างบนแอปตัวนี้?


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


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

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

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


Persona

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

Ideation

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

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

โดยผมได้สเก็ตช์ภาพ Low-Fi ถึงขึ้นตอนการใช้งานฟังก์ชันของแอปพลิเคชันขึ้นมา ตั้งแต่จุดเริ่มต้น จนถึงขั้นตอนสุดท้ายของการในการใช้แอปพลิเคชันตัวนี้ แต่การยกมานำเสนอในครั้งนี้ผมจะยกนำมาให้ดูเฉพาะส่วนของการใช้งานฟังก์ชันหลักเท่านั้น

(ภาพนี้เป็นภาพไอเดียที่แสดงการใช้งาน “ฟังก์ชันสั่งตัดสินค้า” ของแอพตัวนี้)

โดยแอปพลิเคชันนี้จะประกอบไปด้วย ฟังก์ชันการสั่งตัด ขั้นตอนการสั่งตัดที่ครบถ้วน การบันทึกดีไซน์ หน้าอัปเดตโปรโมชั่น/ข่าวสารหลังจากที่เราได้สเก็ตช์ภาพไอเดีย Low-Fi เป็นที่เรียบร้อยแล้ว เราจึงได้ทำการออกแบบขั้นตอนทำงานของผู้ใช้ User Flow ซึ่งจะเป็นโครงสร้างหลักที่จะทำไปใช้ออกแบบ Mid-Fi ในขั้นตอนถัดไป และในส่วน User Flow ของเราจะมีขั้นตอนการใช้งานตามลำดับดังนี้

กดดูภาพขนาดใหญ่

หลังจากที่ได้ทำ User Flow เป็นที่เรียบร้อยแล้ว ผมจึงได้เริ่มทำใส่ส่วนของ Mid-Fi ต่อ ซึ่งในส่วนนี้จะเป็นการวาง โครงร่าง Layout และฟังก์ชันการใช้งาน ของแอปตัวนี้ ซึ่งได้มีการปรับปรุงแก้ไขการดีไซน์ ต่อยอดมาจากผลงานสเก็ตช์ภาพ ให้มีความเหมาะสมแก่การใช้งานมากขึ้น และดูเป็นรูปเป็นร่างมากขึ้น

(ภาพนี้เป็นภาพขั้นตอนการออกแบบ Mid-Fi ใน “ฟังก์ชันการสั่งตัดสินค้า” ของแอพตัวนี้)

High fidelity

หลังจากที่ได้โครงร่างของแอปทั้งหมดทุกหน้า จากในขั้นตอน Mid-Fi เรียบร้อยแล้ว ผมจึงได้ลงมือทำในส่วนของการออกแบบ Hi-Fi ต่อ โดยการออกแบบในส่วนนี้จะล้อไปตามคอนเซ็ปต์ของแบรนด์ คือ


  • ความหรูหรา

  • ดูทันสมัย

  • เข้าถึงง่าย


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

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


กดดูภาพขนาดใหญ่ (ภาพขั้นตอนการเชื่อมโยงในส่วนของ “หน้าหลัก” ของแอพตัวนี้)

กดดูภาพขนาดใหญ่ (ภาพขั้นตอนการเชื่อมโยงในส่วนของ “ฟังก์ชันการสั่งตัด” ของแอพตัวนี้)

Interactive Prototype

หลังจากที่ได้ทำ Hi-Fi และ User Flow เป็นที่เรียบร้อยแล้ว ผมจึงได้สร้างผลงานออกแบบแอปพลิเคชันตัวจำลอง ขึ้นมาเพื่อให้เห็นภาพการใช้งานและการแสดงถึงการเชื่อมโยงเมนูและฟังก์ชันการใช้งานที่ชัดเจนมากยิ่งขึ้น โดยผมได้สร้าง Prototype ในส่วนของฟังก์ชันการใช้งานหลักทั้งหมดของตัวแอปพลิเคชัน อันได้แก่ หน้าหลักและ ฟังก์ชันการสั่งตัดเสื้อสูท

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

Thank you

ขอขอบคุณทุกท่านที่ให้ความสนใจเข้ามาชมผลงานของผมในครั้งนี้ หากชื่นชอบและสนใจในผลงานสามารถติดเข้ามาได้ที่ เบอร์ 083-258-8335 | enjoy.everyday.mac@gmail.com | ดู Resume กดที่นี่ หวังเป็นอย่างยิ่งที่จะได้ร่วมงานกันครับ 😃



Explore More

Member Club App

ผลงานออกแบบแอปบัตรสะสมแต้ม

Brand Identity Designs

ผลงานการออกแบบอัตลักษณ์แบรนด์

Retouch Photo Editing

ผลงานรีทัชและตกแต่งแก้ไขภาพ