ข้ามไปยังเนื้อหา
ENTH
คุยกับทีมวิศวกรโทร

ออกแบบ UX/UI เว็บไซต์และแอพให้ใช้งานง่าย

CODEMONDAY คือทีมรับออกแบบ UX/UI ในกรุงเทพฯ ที่อยู่ใน Software House เราออกแบบเว็บไซต์ เว็บแอป และแอพมือถือ แล้วพัฒนาต่อด้วยทีมเดียวกัน ผลงานของเรามี MotorJoy และ TravelJoy ของ Sompo และระบบขอเวชระเบียนของ BDMS ทั้ง 3 งานนี้ CODEMONDAY ยังดูแลอยู่จนถึงปัจจุบัน ทั้ง MA และ CR เราส่งมอบงานมาแล้วกว่า 100 โครงการ

คุยกับทีมวิศวกรโทร061-517-6466081-805-9378
Sompo MotorJoy, บริษัท ซมโปะ ประกันภัย (ประเทศไทย) จำกัด (มหาชน)

UX/UI

UX (User Experience) คือประสบการณ์ใช้งาน ว่าผู้ใช้ทำสิ่งที่ต้องการได้ง่ายและชัดเจนแค่ไหน ตั้งแต่หน้าแรกจนทำรายการเสร็จ ส่วน UI (User Interface) คือสิ่งที่ผู้ใช้เห็นและกดบนแต่ละหน้าจอ ทั้งเลย์เอาต์ ตัวอักษร สี และปุ่ม

งานออกแบบที่เราทำ

  • ขั้นตอนการซื้อ

    ออกแบบขั้นตอนตั้งแต่เลือกจนจ่ายเงิน อย่างหน้าเลือกรถทีละขั้นและเทียบแผนประกันของ MotorJoy

  • แบบฟอร์มยาวที่กรอกง่าย

    แบ่งคำขอที่ซับซ้อนเป็นขั้นตอนที่ชัดเจน อย่างแบบฟอร์มขอเวชระเบียน 8 ขั้นของ BDMS ที่ยืนยันด้วย OTP และติดตามด้วย QR code

  • เครื่องมือออกแบบสินค้าเอง

    หน้าที่เห็นผลทันที อย่าง Design Studio ของ CASE CLUB ที่ลูกค้าใส่ข้อความ สี และสติ๊กเกอร์ลงบนเคสมือถือได้เอง

  • หน้าจอระบบหลังบ้าน

    หน้าจอสำหรับเจ้าหน้าที่ที่ใช้งานทั้งวัน ทั้งคิวงาน การอนุมัติ และ Dashboard ให้เห็นงานแต่ละชิ้นชัดเจน

  • ออกแบบแอพมือถือ

    หน้าจอ iOS และ Android ที่ออกแบบมาสำหรับ React Native ชุดเดียว ทั้ง 2 ระบบหน้าตาและการใช้งานเหมือนกัน

  • เลย์เอาต์ภาษาไทยและอังกฤษ

    ออกแบบให้อ่านง่ายทั้ง 2 ภาษา และเช็กการตัดบรรทัดภาษาไทยในทุกขนาดหน้าจอ

งานออกแบบที่ใช้งานจริง

วิธีที่เราออกแบบ

  • เริ่มจากงานที่ผู้ใช้ต้องทำ

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

  • นักออกแบบทำงานคู่กับวิศวกร

    ทีมออกแบบทำงานร่วมกับวิศวกรที่พัฒนาระบบจริง ทุกหน้าจอจึงได้เช็กกับระบบจริงตั้งแต่ต้น

  • รีวิวกันบน Figma

    ทีมของคุณดูและคอมเมนต์ได้ทุกหน้าจอบน Figma ก่อนเริ่มพัฒนา

  • ใช้ข้อความจริงทั้งไทยและอังกฤษ

    เราออกแบบด้วยข้อความจริงทั้ง 2 ภาษา เพราะภาษาไทยเขียนติดกันและตัดบรรทัดต่างจากภาษาอังกฤษ

ออกแบบ UX/UI คิดราคาอย่างไร

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

  • เหมาตามขอบเขตงาน

    เหมาะกับโจทย์ที่ชัดเจน เราตกลงขอบเขต ราคา และแผนงานกันก่อนเริ่มพัฒนา

  • ทีมรายเดือน

    เหมาะกับระบบที่ต้องพัฒนาต่อเรื่อยๆ ทีมของเราทำงานตาม Roadmap ของคุณทุกเดือน รวมงาน Support ไว้แล้ว

  • MA และ CR หลัง Go⁠-⁠live

    MA คือการดูแลระบบให้ทำงานได้ดีตาม SLA ที่ตกลงกัน ส่วน CR คือการแก้ไขหรือเพิ่มฟีเจอร์ใหม่ ซึ่งประเมินราคาเป็นรายการ

เทคโนโลยีที่เราใช้

Figma | Adobe XD | React | Next.js | React Native | Tailwind CSS | Ant Design | MUI

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

UX กับ UI ต่างกันอย่างไร

UX คือความง่ายในการใช้งานตั้งแต่ต้นจนจบ ส่วน UI คือหน้าตาและการตอบสนองของแต่ละหน้าจอ งานออกแบบที่ดีต้องมีทั้ง 2 อย่าง

ขั้นตอนการออกแบบ UX/UI มีอะไรบ้าง

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

จบงานออกแบบแล้วได้ไฟล์อะไรบ้าง

ได้ไฟล์ Figma ของทุกหน้าจอและทุกขั้นตอนที่ทีมของคุณอนุมัติ พร้อมให้ทีมพัฒนาใช้ต่อได้ทันที

Responsive Web Design คืออะไร

Responsive Web Design คือเว็บเดียวที่ปรับเลย์เอาต์ให้พอดีกับทุกขนาดหน้าจอ ตั้งแต่มือถือถึงจอคอมพิวเตอร์ อย่าง MotorJoy และระบบขอเวชระเบียนของ BDMS ที่ออกแบบให้ใช้ได้ทั้งบนมือถือและคอมพิวเตอร์

ออกแบบ UX/UI ราคาเท่าไร

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

ออกแบบให้รองรับทั้งภาษาไทยและอังกฤษได้ไหม

ได้ เราออกแบบด้วยข้อความจริงทั้ง 2 ภาษา เพราะภาษาไทยตัดบรรทัดต่างจากภาษาอังกฤษ ร้าน CASE CLUB ของ Com7 ก็ใช้งานได้ทั้ง 2 ภาษา

บริการที่เกี่ยวข้อง

คุยกับทีมวิศวกร

โทร ทัก LINE หรือฝากข้อมูลไว้ ทีมของเราจะติดต่อกลับไป

หรือฝากข้อมูลให้เราติดต่อกลับ