เพื่อนของฉัน

UX Workshop และการออกแบบและพัฒนาแอพพลิเคชั่นมือถือ

เยี่ยมชมเว็บไซต์

ลูกค้า

เพื่อนของฉัน

ปี

2021-2022

ระยะเวลา

1 year

ความเชี่ยวชาญ

Web applications Mobile apps Audit & consulting UX design UI design

ลูกค้า

เพื่อนของฉัน

เยี่ยมชมเว็บไซต์

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

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

เครื่องมือ

นกกระจอก การทำงานเป็นทีม อะโดบี XD

ทีม

1 สถาปนิก ผู้อำนวยการ UX/UI 1 คน 1 นักออกแบบเว็บไซต์ 3 นักพัฒนาอุปกรณ์พกพา นักพัฒนาแบ็คเอนด์ 2 คน

วิธีการ

เวิร์คช็อป UX/UI ระเบียบวิธีแบบคล่องตัว (MA)

เครื่องมือ

นกกระจอก การทำงานเป็นทีม อะโดบี XD

ระยะเวลา

1 year

เทคโนโลยี

สมาชิกทีมที่เกี่ยวข้อง

การปรึกษาเบื้องต้น : Discovery Workshop

เพื่อช่วยให้ทีม MyFriend เริ่มต้นโครงการได้ เราจึงเสนอบริการให้คำปรึกษาเพื่อระดมความคิดและเขียนเอกสารเบื้องต้นเพื่อสร้างโครงร่างแผนการพัฒนา เราเสนอบริการนี้ผ่านเวิร์กช็อปเพื่ออุทิศเวลาให้กับการศึกษาโครงการ วิเคราะห์กระบวนการ และสร้างโครงร่างสำหรับหน้าจออินเทอร์เฟซ พร้อมกันนั้น เราจะประเมินโซลูชันทางเทคนิคที่ดีที่สุดสำหรับโครงการ ในกรณีนี้ เราเสนอเวิร์กช็อป 2 ครั้ง ซึ่งประกอบด้วย เวิร์กช็อปการค้นพบ และ เวิร์กช็อปการวิจัย UX เวิร์กช็อปประกอบด้วยจำนวนชั่วโมงที่กำหนดไว้สำหรับเซสชันการประชุมโต้ตอบระหว่างทีม MyFriend และทีม Outsourcify การวางแผนเซสชันเหล่านี้ (การสร้างแผนงาน) การวิเคราะห์ที่ดำเนินการโดย Outsourcify และการเตรียมและเขียนเอกสาร แนวคิด การลงรายละเอียดผังงาน การสร้างโครงร่าง ฯลฯ โดย Outsourcify

การส่งมอบในระยะนี้คือ:

ผลลัพธ์ของ Discovery Workshop: แผนปฏิบัติการ คุณสมบัติหลัก
เอกสารข้อกำหนดความต้องการ (มากกว่า 50 หน้า)
เอกสารแบบจำลองข้อมูล
ข้อกำหนดโดยละเอียดสำหรับอินเทอร์เฟซผู้ใช้ที่แตกต่างกัน: เว็บไซต์ แอปมือถือ แผงควบคุมไคลเอนต์ แผงควบคุมมืออาชีพ

เวิร์คช็อป UX

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

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

สถาปัตยกรรมและการพัฒนาแอพมือถือ

หลังจากการประชุมเชิงปฏิบัติการเบื้องต้นและการสร้างโครงร่างของวัตถุประสงค์ในระดับที่ใหญ่กว่า ทีมงาน MyFriend ตัดสินใจที่จะเริ่มพัฒนาแอปพลิเคชันมือถือ MVP ซึ่งมีคุณลักษณะหลักๆ ดังต่อไปนี้:

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

โซลูชันทางเทคนิคที่เราเลือกนั้นได้รับการปรับให้เหมาะกับความต้องการในการเปิดตัวแอปมือถือภายในเวลาไม่กี่เดือน เนื่องจากจำเป็นต้องใช้แพลตฟอร์มอีคอมเมิร์ซในการจัดการผลิตภัณฑ์และคำสั่งซื้อ เราจึงเลือก Sylius/Symfony เป็นพื้นฐานและตัดสินใจสร้างแอปมือถือข้ามแพลตฟอร์มเพื่อเปิดตัวแอปได้อย่างรวดเร็วทั้งบน Apple App Store และ Android Play Store

แอพมือถือ : Flutter เฟรมเวิร์กสำหรับแอพมือถือที่สร้างขึ้นโดย Google ซึ่งช่วยให้ผู้พัฒนาสามารถพัฒนาข้ามแพลตฟอร์มสำหรับ iOS และ Android จากแหล่งโค้ดเดียวด้วยประสิทธิภาพที่ใกล้เคียงกับแอพเนทีฟ และพัฒนาได้ง่าย
แบ็กเอนด์และแผงควบคุมผู้ดูแลระบบ : Symfony + แพลตฟอร์ม API + Sylius + ฐานข้อมูล MySQL เฟรมเวิร์ก PHP ของ Symfony จะนำเสนอฟีเจอร์ที่จำเป็นอย่างแท้จริงในขณะที่ปกป้องแอพเว็บจากภัยคุกคามด้านความปลอดภัย แพลตฟอร์ม API เป็นไลบรารีสำหรับ Symfony ที่ทำให้กระบวนการสร้าง API ง่ายขึ้น Sylius เป็นแพลตฟอร์มอีคอมเมิร์ซสำหรับ Symfony และแพลตฟอร์ม API

ประเด็นหลักของแอพมือถือ

เทคโนโลยี:

แอปนี้ได้รับการพัฒนาด้วย Flutter เพื่อช่วยให้เผยแพร่ได้อย่างรวดเร็วบน Apple App Store และ Android Play Store
เราเริ่มพัฒนาจากโครงลวดมือถือและใช้ Flutter UI, ส่วนประกอบ
จากนั้นเราจึงปรับเปลี่ยนส่วนประกอบให้เข้ากับการออกแบบ
เราใช้แพ็คเกจ Flutter Provider สำหรับการจัดการสถานะ

คุณสมบัติหลัก:

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

ด้านที่ท้าทายในระหว่างการพัฒนา:

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

โครงการนี้อยู่ตรงไหนในประวัติของเรา

ดูเส้นทางทั้งหมด

ติดต่อเรา

มาหาทางออกที่ใช่สำหรับธุรกิจของคุณ

เราร่วมงานกับทีมผลิตภัณฑ์และผู้ก่อตั้ง เพื่อออกแบบ สร้าง และส่งมอบซอฟต์แวร์ที่ใช้งานได้ยั่งยืน

คุยกับทีมของเรา