แอปพลิเคชันเว็บสาธารณะและแบ็คออฟฟิศที่กำหนดเอง

View in another language:
การสั่งซื้อออนไลน์ B2B เหมาะกับแบ็คออฟฟิศที่สุด

FoilSports ผลิตและจัดจำหน่ายอุปกรณ์กีฬาทางน้ำคุณภาพสูงในออสเตรเลีย เราออกแบบและพัฒนาแพลตฟอร์มแบ็คออฟฟิศ B2B เพื่อจัดการคำสั่งซื้อออนไลน์และผู้ขายสำหรับ FoilSports คำนวณวันที่จัดส่งที่เหมาะสมที่สุดสำหรับคำสั่งซื้อออนไลน์ และหน้าสาธารณะที่ลูกค้าสามารถติดตามคำสั่งซื้อของตนได้ ฟอยล์ 01 – 3

Team
1 ผู้อำนวยการ UX/UI และผู้จัดการโครงการ
1 นักออกแบบเว็บไซต์
นักพัฒนาฝั่ง Front-end 1 คน
นักพัฒนาแบ็คเอนด์ 1 คน
Methodology
เวิร์คช็อป UX/UI
ระเบียบวิธีน้ำตก
ระเบียบวิธีแบบคล่องตัว (MA)
Tools
นกกระจอก
การทำงานเป็นทีม
อะโดบีเอ็กซ์ดี
Technologies
WordPress, HTML5, CSS, Bootstrap, mySQL
Timeframe
4 เดือน

ความท้าทาย

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

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

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

Foil-01 – 2

แนวทางและการออกแบบโครงการ

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

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

FoilSports_01_03

การพัฒนาโครงการ

เมื่อได้กำหนดฟีเจอร์หลักของแอปพลิเคชันเว็บแล้ว เราก็เริ่มสร้างการเชื่อมต่อระหว่าง Tradegecko และระบบหลัก Best Fit ของเราเพื่อสื่อสารทุกข้อมูลที่จำเป็นผ่านทาง API และเว็บฮุกของ Tradegecko
หลังจากที่เตรียม API ทั้งหมดและเชื่อมต่อเว็บฮุกเรียบร้อยแล้ว เราได้สร้างอินเทอร์เฟซส่วนหน้าของระบบ Best Fit ที่เราสามารถดูผลลัพธ์ภาพของข้อมูลที่ส่งออกทั้งหมดได้
ตอนนี้ส่วนที่ยากกำลังมาถึง นั่นก็คือการสร้าง ‘Best Fit’ จริงๆ ขึ้นมา ซึ่งก็คือระบบที่ต้องใช้คำนวณคำสั่งซื้อที่เข้ามา โดยขึ้นอยู่กับสถานะ รายละเอียดเฉพาะ และข้อมูลสต๊อก เพื่อวางคำสั่งซื้อโดยอัตโนมัติในวันที่จัดส่งที่กำหนด โดยขึ้นอยู่กับกฎการจัดส่งต่างๆ ที่เรากำหนดร่วมกับลูกค้า

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

 

img03

บทสรุปโครงการ

เป้าหมายหลักของเราคือการนำเสนอการออกแบบ UX & UI ที่กำหนดเอง เรียบง่าย และใช้งานง่ายสำหรับแพลตฟอร์ม และพัฒนาระบบ Best Fit ที่กำหนดเองโดยเฉพาะซึ่งจะช่วยให้การทำงานของผู้ดูแลระบบ FoilSports เป็นไปโดยอัตโนมัติและช่วยเหลือได้อย่างมาก

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

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

FoilSports_01_01

สนใจเวิร์กชอปของเราไหม
พูดคุยกับทีมงานของเรา!

ติดต่อเรา
สนใจเวิร์กชอปของเราไหม
พูดคุยกับทีมงานของเรา!