ออกแบบผลิตภัณฑ์และ UX/UI

คิดให้ชัดว่าผลิตภัณฑ์ควรใช้งานอย่างไรและให้ความรู้สึกแบบไหน ก่อนเริ่มสร้างจริง

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

สำหรับ
ทีมที่กำลังวางรูปแบบผลิตภัณฑ์
ราคาเหมาเริ่มต้น
45,000 บาท
ขั้นแรก
คุยฟรี 30 นาที
ส่งอีเมลเพื่อนัดเวลา

งานแก้ซ้ำเริ่มจากหน้าจอที่ไม่มีใครออกแบบไว้

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

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

แผนบริการ

งานออกแบบพร้อมพัฒนา

ลำดับการใช้งานหลัก (user flow) ในผลิตภัณฑ์ของคุณ ออกแบบทีละหน้าจอ ทดสอบกับผู้ใช้ของคุณเองผ่านต้นแบบที่กดใช้งานได้ และส่งมอบพร้อมดีไซน์ซิสเต็ม

ราคาเหมาเริ่มต้น
45,000 บาท
ระยะเวลาโดยทั่วไป
3 ถึง 5 สัปดาห์

สิ่งที่รวมอยู่

  • ลำดับการใช้งานหลักหนึ่งชุด ไม่เกิน 10 หน้าจอ
  • ลำดับการใช้งาน ตามด้วยโครงร่างหน้าจอสีเทา (wireframe) ของทุกหน้าจอ
  • เลย์เอาต์สำหรับมือถือและคอมพิวเตอร์ พร้อมสถานะไม่มีข้อมูล กำลังโหลด และเกิดข้อผิดพลาด
  • ข้อความบนหน้าจอหนึ่งภาษา เลือกภาษาไทยหรือภาษาอังกฤษ
  • ต้นแบบที่กดใช้งานได้บนมือถือของคุณ
  • ทดสอบ 1 รอบกับผู้ใช้ของคุณ 5 คน
  • ปรับแก้หน้าจอที่ออกแบบเสร็จแล้ว 2 รอบ
  • ดีไซน์ซิสเต็มใน Figma พร้อมธีม Tailwind CSS
  • ไฟล์ Figma ที่มีคำอธิบายกำกับ และการอธิบายไฟล์งานให้นักพัฒนาของคุณ
  • ช่วยเหลือและตรวจงานเทียบกับแบบระหว่างการพัฒนา 30 วัน
เหมาะกับ
ผลิตภัณฑ์ใหม่ที่ยังไม่เริ่มพัฒนา การออกแบบใหม่ให้พอร์ทัลที่ใช้งานยาก LINE MINI App และระบบหลังบ้านที่ใช้แทนสเปรดชีต
เครื่องมือที่มักใช้
Figma, React และ Tailwind CSS
คุยกับเรา

บริการนี้เหมาะกับใคร

  • เจ้าของธุรกิจที่วางแผนผลิตภัณฑ์ใหม่

    คุณรู้ว่าปัญหาคืออะไร และลูกค้าคือใคร ต้นแบบที่ผ่านการทดสอบแล้วช่วยให้นักลงทุนและนักพัฒนาเห็นว่าควรสร้างอะไรก่อน และอะไรรอได้

  • ทีมที่มีผลิตภัณฑ์ใช้งานยาก

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

  • ทีมที่มีนักพัฒนา แต่ไม่มีนักออกแบบ

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

คุณจะได้ลำดับการใช้งาน ต้นแบบที่กดใช้งานได้ และดีไซน์ซิสเต็มที่ทีมของคุณนำไปใช้ต่อได้

  • ลำดับการใช้งานที่ทุกฝ่ายเห็นตรงกัน

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

  • ต้นแบบที่ผู้ใช้ของคุณได้ลองแล้ว

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

  • ดีไซน์ซิสเต็มที่นักพัฒนาของคุณใช้ซ้ำได้

    สี ตัวอักษร ระยะห่าง และคอมโพเนนต์ แต่ละส่วนมีสถานะและกฎของตัวเอง ทั้งใน Figma และในรูปแบบธีม Tailwind CSS หน้าจอที่เพิ่มภายหลังจึงเข้ากับของเดิม

  • การส่งมอบงานที่นักพัฒนานำไปพัฒนาได้

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

ขอบเขตงาน

เราออกแบบลำดับการใช้งาน (user flow) หน้าจอ และต้นแบบ พร้อมดีไซน์ซิสเต็มที่ทีมของคุณนำไปใช้ต่อได้

อยู่ในขอบเขต

  • เส้นทางผู้ใช้และลำดับการใช้งาน

    ใครเป็นผู้ใช้ผลิตภัณฑ์ แต่ละคนต้องทำอะไรให้สำเร็จ และทุกขั้นตอนระหว่างทาง

  • โครงร่างหน้าจอและการนำทาง

    เลย์เอาต์สีเทาที่กำหนดว่าแต่ละหน้าจอมีอะไรบ้าง และผู้ใช้เปลี่ยนจากหน้าจอหนึ่งไปอีกหน้าจอหนึ่งอย่างไร

  • การออกแบบหน้าจอและข้อความ

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

  • การทบทวนผลิตภัณฑ์ที่ใช้งานอยู่

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

  • ต้นแบบและการทดสอบกับผู้ใช้

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

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

    ชุดคอมโพเนนต์ใหม่ หรือต่อยอดจากชุดที่คุณมีอยู่ พร้อมกฎว่าควรใช้แต่ละส่วนเมื่อไร

อยู่นอกขอบเขต

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

งานอื่นนอกเหนือจากนี้ กำหนดขอบเขตแยกเป็นอีกระยะได้

ขั้นตอนการทำงาน

  1. ระบุทุกหน้าจอในช่วง Discovery

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

  2. ลำดับการใช้งานและโครงร่างหน้าจอ

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

  3. หน้าจอฉบับสมบูรณ์

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

  4. ต้นแบบบนมือถือของคุณ

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

  5. ทดสอบกับผู้ใช้จริง

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

  6. ส่งมอบงานให้นักพัฒนาของคุณ

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

คำถามที่พบบ่อย

อะไรทำให้โปรเจกต์มีราคาเกิน 45,000 บาท?

ส่วนใหญ่ขึ้นอยู่กับจำนวนลำดับการใช้งานและจำนวนหน้าจอ รวมถึงว่ามีผู้ใช้กี่ประเภท ขั้นตอนชำระเงินของลูกค้านับเป็นลำดับการใช้งานหนึ่งชุด ถ้าเพิ่มระบบหลังบ้านที่พนักงานมีบทบาทของตัวเอง จำนวนหน้าจออาจเพิ่มเป็นสองเท่า ภาษาที่สอง เวอร์ชันสำหรับ LINE MINI App การทดสอบรอบเพิ่มเติม หรือดีไซน์ซิสเต็มที่ใหญ่ขึ้นก็ทำให้ราคาสูงขึ้นเช่นกัน Discovery จะสรุปทั้งหมดนี้ออกมาเป็นราคาเหมาเดียว คุณชำระงวดแรก 40% เมื่อลงนามในขอบเขตงาน งวดที่สอง 40% เมื่ออนุมัติหน้าจอ และงวดสุดท้าย 20% เมื่อส่งมอบงาน

โปรเจกต์ออกแบบใช้เวลานานแค่ไหน?

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

ทำงานร่วมกับผลิตภัณฑ์ ระบบ และนักพัฒนาที่มีอยู่แล้วได้ไหม?

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

ทีมของคุณต้องเตรียมอะไรบ้าง?

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

ใครเป็นเจ้าของงานออกแบบ และหลังส่งมอบงานแล้วจะเป็นอย่างไรต่อ?

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

ทุกโปรเจกต์เริ่มจากการคุย 30 นาที โดยไม่มีค่าใช้จ่าย คุณจะได้ขอบเขตงานเป็นลายลักษณ์อักษรและราคาเหมา ก่อนเริ่มงานใดๆ

  1. คุยครั้งแรก

    ฟรี

    30 นาที

    คุยเรื่องงานของคุณ และดูว่าเราช่วยได้หรือไม่

  2. Discovery

    9,900 บาท

    หักคืนจากค่าโปรเจกต์ หากตกลงทำต่อ

    ขอบเขตงานเป็นลายลักษณ์อักษรและราคาเหมา

  3. ออกแบบ

    เริ่มต้น 45,000 บาท

    ราคาเหมา ตกลงกันในขอบเขตงาน

  4. Care

    3,900 บาท ต่อเดือน

    ไม่บังคับ เริ่มหลังเปิดใช้งาน

ราคาทั้งหมดเป็นเงินบาท

บริการอื่น

เริ่มต้นพูดคุย

คุณกำลังทำ
โปรเจกต์อะไรอยู่?

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

เล่าคร่าวๆ ก็เพียงพอ
รายละเอียดที่เหลือเราช่วยกันคิดต่อได้

ต่อยอดจากประสบการณ์ โดยทีมที่พัฒนา Axtra Intellion ซึ่งเป็นแพลตฟอร์มแบ็กเอนด์สำหรับ AI

ติดต่อเรา

มา
คุยกัน

ส่งอีเมลถึงเรา
hello@talvynlabs.com