DOSX
ขอใบเสนอราคา

UX/UI Design

ดีไซน์ที่ทีม Dev เอาไปทำต่อได้เลย

งานออกแบบที่จบแค่ไฟล์สวย ๆ คือต้นทุนที่ต้องจ่ายซ้ำตอน Dev DOSX ส่งมอบ Design System ที่มีทั้ง Token, Component และกติกา ให้ทีมพัฒนาไม่ต้องเดา

ขอใบเสนอราคาดูช่วงราคา

กระบวนการออกแบบ

ทุกหน้าจอที่เราออกแบบมาจาก Research ไม่ใช่จากความรู้สึกว่าสวย

  • User Research & Discovery

    ก่อนจะวาดอะไรสักหน้า เราเริ่มจากการเข้าใจผู้ใช้จริง ด้วย User Interview, Contextual Inquiry และการวิเคราะห์ Behavior Data เพื่อสร้าง User Persona และ Journey Map

  • Wireframing & Prototyping

    แปลง Insight ที่ได้จาก Research เป็น Wireframe และ Interactive Prototype ที่ทีมงานทดลองใช้ได้จริงก่อน ลดความเสี่ยงที่จะพัฒนาแล้วต้องทำใหม่

  • Visual Design & Design System

    ออกแบบ UI ที่สอดคล้องกับ Brand Identity พร้อมสร้าง Design System และ Component Library บน Figma เพื่อให้ทีม Dev พัฒนาได้เร็วและ Consistent ทุกหน้า

  • Usability Testing

    ทดสอบกับผู้ใช้จริง วิเคราะห์ Heatmap และ Session Recording เพื่อหาจุดที่ผู้ใช้ติดขัด แล้วปรับปรุง UX อย่างมีข้อมูลรองรับ

Tools ที่ใช้ในแต่ละ Phase

เลือก Tool ที่เหมาะกับแต่ละ Phase และส่ง Deliverable ที่ทีม Dev นำไปใช้ได้ทันที

  • Figma

    UI Design & Prototyping

  • Adobe Creative Suite

    Visual & Brand Assets

  • Maze

    Usability Testing & Analytics

  • Hotjar

    Heatmap & Session Recording

  • Miro

    Workshop & Ideation Boards

  • Zeplin / Dev Mode

    Design-to-Dev Handoff

Portfolio

งานออกแบบที่ได้ลงมือใช้จริง

ทุกชิ้นผ่านทั้งขั้นตอนออกแบบและพัฒนาโดยทีมเดียวกัน

VWELL

Health

VWELL

Ally Sky Rewards

Loyalty

Ally Sky Rewards

Food Hunt

Delivery

Food Hunt

Sarah Health

Health

Sarah Health

ดูผลงานทั้งหมด

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

UX กับ UI ต่างกันอย่างไร?
UX (User Experience) คือการออกแบบประสบการณ์การใช้งาน เช่น Flow การใช้งาน ความง่ายในการเข้าถึงฟีเจอร์ ส่วน UI (User Interface) คือการออกแบบหน้าตา สี ฟอนต์ Layout ทั้งสองต้องทำงานร่วมกันจึงจะได้แอปที่ดี
ทำไมต้องลงทุนกับ UX/UI?
เพราะความผิดพลาดด้าน UX จะถูกจ่ายซ้ำทุกครั้งที่ผู้ใช้เข้ามา ทั้งในรูปของ Support Ticket การเลิกใช้งาน และงาน Dev ที่ต้องรื้อทำใหม่ การแก้ตอนเป็น Prototype ถูกกว่าการแก้ตอนขึ้น Production มาก
ขั้นตอน Design เป็นอย่างไร?
DOSX ใช้กระบวนการ 4 ขั้นตอน: 1) Research — วิจัยผู้ใช้และคู่แข่ง 2) Wireframe — ออกแบบโครงสร้าง 3) UI Design — ออกแบบหน้าตาจริงด้วย Figma 4) Prototype & Test — สร้าง Interactive Prototype ให้ทดสอบก่อนพัฒนา

ลูกค้าที่ไว้วางใจ DOSX

  • SCG
  • CP ALL
  • Central Group
  • Big C
  • Power Buy
  • COM7

มีระบบที่ผู้ใช้บ่นว่าใช้ยากไหม?

ส่งหน้าจอหรือลิงก์มาให้เราดู แล้วเราจะชี้ให้เห็นว่าจุดที่ผู้ใช้ติดน่าจะอยู่ตรงไหน

ขอใบเสนอราคาLINE เพิ่มเพื่อน

หรือโทรคุยกับทีมโดยตรง 088-622-2488