VN
Ngôn ngữ và vị trí

Thiết kế UX/UI

Giao diện dễ sử dụng, giúp người dùng hành động

Sutunam là đơn vị thiết kế UX/UI với đội ngũ tại Việt Nam. Chúng tôi cùng đội ngũ của bạn thiết kế website, ứng dụng di động và công cụ nghiệp vụ dễ sử dụng, giúp người dùng của bạn hành động.

  • Phản hồi trong 2 ngày làm việc
  • Không ràng buộc
  • Đội ngũ tại Việt Nam
HẤP DẪNngười dùngBỀN VỮNGmarketingKHẢ THIthiết kế1234
  1. 1UX & đổi mới
  2. 2Thấu cảm & tin cậy
  3. 3Sáng tạo & dễ sử dụng
  4. 4Hợp lý & nhất quán
Adobe Commerce ExpertHyvä Silver PartnerAgrément Crédit d’Impôt Innovation
  • Từ năm 2010dự án số và thương mại điện tử
  • 4,9/5ứng dụng Yummix trên App Store và Google Play
  • Figma và design systembản thiết kế và prototype tương tác
  • WCAGkhả năng tiếp cận ngay từ khâu thiết kế

Vì sao cần UX/UI

Thiết kế UX/UI là bài toán về kết quả

Thiết kế UX/UI (thiết kế trải nghiệm và giao diện người dùng) quyết định việc khách truy cập có tìm thấy điều họ cần, hiểu sản phẩm của bạn và hành động hay không. Chúng tôi xem đây là bài toán về kết quả: doanh số, yêu cầu báo giá, lượt đăng ký, hay việc sử dụng hằng ngày một công cụ nội bộ.

Thương mại điện tử là lĩnh vực giúp chúng tôi hiểu rõ nhất các yếu tố thúc đẩy chuyển đổi, từ năm 2010. Chúng tôi áp dụng những bài học này cho mọi dự án: ứng dụng di động, website thương hiệu, nền tảng nghiệp vụ và giao diện kết nối với dữ liệu của bạn (ERP, CRM, middleware, trợ lý AI).

Chúng tôi thiết kế gì

Chúng tôi thiết kế gì

  • Website thương mại điện tử

    (Magento, Hyvä, WooCommerce, PrestaShop): trang sản phẩm, tìm kiếm, giỏ hàng và quy trình thanh toán.

  • Ứng dụng di động

    IOS và Android: từ khâu đánh giá ban đầu đến prototype tương tác bàn giao cho lập trình viên, như ứng dụng Yummix.

  • Website thương hiệu

    định hướng thiết kế và trải nghiệm sống động, như Hotels G.

  • Công cụ nghiệp vụ và trang quản trị

    Giao diện cho đội ngũ của bạn, kết nối với ERP, CRM hoặc trợ lý AI, ví dụ để làm giàu thông tin sản phẩm bằng AI.

  • Khả năng tiếp cận

    Giao diện ai cũng sử dụng được, tuân thủ WCAG (tiêu chuẩn quốc tế về khả năng tiếp cận web), như dự án nâng cấp website WordPress cho một tập đoàn lớn của Pháp.

Phương pháp

Ba bước, sản phẩm bàn giao cụ thể

  1. 01

    Hiểu người dùng của bạn

    Chúng tôi bắt đầu từ dữ liệu và người dùng thực tế, không dựa trên phỏng đoán. Bước này trả lời ba câu hỏi: người dùng của bạn là ai, họ tìm kiếm điều gì, và họ bỏ cuộc ở đâu?

    • Đánh giá UX hiện trạng (UX audit): số liệu truy cập, hành trình, điểm gây cản trở
    • Phỏng vấn người dùng và khảo sát trực tuyến
    • Benchmark UX (phân tích so sánh với đối thủ)
    • Persona (chân dung người dùng tiêu biểu)
    • Các hành trình người dùng cần thiết kế, xếp theo mức ưu tiên
  2. 02

    Thiết kế trải nghiệm và giao diện

    Cùng đội ngũ của bạn, chúng tôi chuyển những phát hiện này thành màn hình. Chúng tôi vẽ cấu trúc trang trước (wireframe), sau đó thiết kế giao diện hoàn chỉnh trên Figma. Giao diện dựa trên design system: thư viện thành phần tái sử dụng, giúp sản phẩm nhất quán và rút ngắn thời gian lập trình. Chúng tôi cũng sử dụng các công cụ AI hiện nay (bộ công cụ AI của Freepik, công cụ tạo hình ảnh và văn bản) để thử nhiều hướng thiết kế hơn và tạo hình ảnh nhanh hơn. AI giúp tăng tốc; các designer của chúng tôi đưa ra quyết định.

    • Workshop UX cùng đội ngũ của bạn
    • Cấu trúc trang và sơ đồ điều hướng
    • Wireframe chi tiết (high-fidelity)
    • Thiết kế giao diện hoàn chỉnh trên Figma
    • Design system kèm tài liệu hướng dẫn
    • Prototype tương tác, tài liệu tham chiếu duy nhất cho lập trình viên
  3. 03

    Kiểm thử và cải thiện

    Chúng tôi kiểm thử prototype với người dùng thật trước khi lập trình: sửa một hành trình trên bản thiết kế chỉ mất vài giờ, còn sửa trong mã nguồn mất nhiều tuần. Sau khi ra mắt, chúng tôi đo lường và điều chỉnh.

    • Kiểm thử người dùng, trực tiếp hoặc trực tuyến
    • A/B testing (so sánh hai phiên bản với khách truy cập thật)
    • Phân tích hành trình: số liệu truy cập, ghi lại phiên truy cập
    • Đề xuất cải thiện, xếp theo mức tác động và công sức

Cách tiếp cận

Hấp dẫn, bền vững, khả thi

Sơ đồ phía trên tóm tắt cách tiếp cận của chúng tôi. Một giao diện tốt nằm ở giao điểm của ba yêu cầu: điều người dùng mong muốn (tính hấp dẫn), điều phục vụ mục tiêu kinh doanh (tính bền vững) và điều có thể thực hiện về thiết kế và kỹ thuật (tính khả thi).

Các giao điểm này tạo nên bốn nguyên tắc làm việc của chúng tôi: UX và đổi mới ở trung tâm; thấu cảm và tin cậy giữa người dùng và mục tiêu kinh doanh; sáng tạo và dễ sử dụng giữa người dùng và thiết kế; hợp lý và nhất quán giữa mục tiêu kinh doanh và thiết kế.

5 tầng thiết kế: từ chiến lược đến giao diện

Mỗi dự án đi qua năm tầng, từ trừu tượng nhất đến cụ thể nhất. Mỗi tầng có sản phẩm bàn giao riêng, được thống nhất với bạn trước khi chuyển sang tầng tiếp theo.

Cụ thểTrừu tượng

  1. S5
    Bề mặt (Surface)Design system, bản thiết kế giao diện, mã nguồn, hỗ trợ và đào tạo
  2. S4
    Khung sườn (Skeleton)Phân vùng bố cục (zoning), prototype có thể nhấp
  3. S3
    Cấu trúc (Structure)Sơ đồ trang, luồng người dùng (flowchart)
  4. S2
    Phạm vi (Scope)Đặc tả chức năng, backlog
  5. S1
    Chiến lược (Strategy)Lộ trình, kế hoạch, tổng hợp nghiên cứu người dùng

Đội ngũ

Đội ngũ thiết kế giao diện

  • Christophe Benoît

    Christophe Benoît

    Giám đốc nghệ thuật, chuyên gia tư vấn UX/UI

    Phụ trách thiết kế từ khâu đánh giá ban đầu đến design system. Christophe đã thiết kế ứng dụng Yummix và website Hotels G.

  • Tanguy Rambaud

    Tanguy Rambaud

    CEO

    Hơn 15 năm vận hành doanh nghiệp số. Là cố vấn chiến lược và công nghệ cho các sàn thương mại điện tử và nhà bán lẻ trực tuyến, anh kết nối mục tiêu kinh doanh, tự động hóa, lựa chọn ứng dụng và trải nghiệm người dùng.

  • Christophe Denuzière

    Christophe Denuzière

    Đồng sáng lập, Head of AI

    Hơn 15 năm kinh nghiệm về thương mại điện tử, SEO (tối ưu hóa công cụ tìm kiếm) và hiệu suất website. Hiện anh phụ trách việc ứng dụng AI, cả trong phương pháp thiết kế lẫn trong giao diện chúng tôi bàn giao.

  • Bach

    Bach

    Lập trình viên front-end UX/UI

    Đưa giao diện vào hoạt động: hiệu ứng chuyển động, tương tác nhỏ (micro-interaction) và tích hợp đúng với bản thiết kế.

Dự án

Những khách hàng đã tin tưởng chúng tôi

Giao diện ứng dụng Yummix: sổ công thức, màn hình đăng nhập và trang công thức

Ứng dụng di động · UX/UI

Yummix

Thiết kế UX/UI ứng dụng di động công thức nấu ăn Thermomix. Chúng tôi kiểm chứng toàn bộ hành trình người dùng trong 10 ngày design sprint, và ứng dụng đạt 4,9/5 trên App Store và Google Play.

10Ngày để có prototype
100%Thành phần có tài liệu
2Kho ứng dụng, một thiết kế
Thiết kế trang chủ Hotels G giàu trải nghiệm trên máy tính xách tay

Website thương hiệu · Định hướng thiết kế

Hotels G

Concept và định hướng thiết kế website sống động cho thương hiệu gồm 19 khách sạn lifestyle tại châu Á và Mỹ.

Tối ưu UX · 2023

Mạng lưới Gesat

Nhiều hạng mục tối ưu UX cho website trong năm 2023.

WordPress · Khả năng tiếp cận

Một tập đoàn lớn của Pháp

Nâng cấp website WordPress đạt chuẩn khả năng tiếp cận.

Dự án tiêu biểu sắp ra mắt

Đánh giá của khách hàng

Khách hàng nói về chúng tôi

Trong năm 2023, Mạng lưới Gesat đã giao cho Sutunam nhiều hạng mục tối ưu UX cho website. Chúng tôi hoàn toàn hài lòng với dịch vụ của Sutunam, cả về kỹ thuật lẫn quản lý dự án. Xin chân thành cảm ơn [Sutunam] vì sự đồng hành và linh hoạt trong suốt dự án.
Hugo MuszczakMạng lưới Gesat · 2023

Xem đánh giá trên GoogleDịch từ tiếng Pháp

Chúng tôi đã hợp tác với Sutunam để thiết kế ứng dụng di động, cùng nhau xây dựng UX và UI. Đội ngũ Sutunam luôn lắng nghe nhu cầu của chúng tôi và đề xuất các giải pháp sáng tạo. Nhờ chuyên môn và sự tỉ mỉ của đội ngũ, chúng tôi có được trải nghiệm người dùng liền mạch và giao diện hiện đại, đúng với mục tiêu đề ra. Sự hợp tác hiệu quả này đã tạo nên một dự án chất lượng cao. Tôi rất khuyến nghị Sutunam!
Rudy BaerCEO, Yummix

Xem đánh giá trên Google · Xem dự ánDịch từ tiếng Pháp

Câu hỏi thường gặp

Câu hỏi thường gặp về thiết kế UX/UI

Thiết kế UX/UI cho ứng dụng hoặc website thương mại điện tử mất bao lâu?

Vài tuần cho nền tảng của một ứng dụng di động: với Yummix, các sprint thiết kế đã cho ra prototype tương tác được kiểm chứng trong 10 ngày. Danh mục thương mại điện tử lớn cần nhiều thời gian hơn. Bước khảo sát và các workshop đầu tiên xác định phạm vi.

Vì sao nên thiết kế UX trước khi lập trình?

Vì sửa một hành trình trong prototype chỉ mất vài giờ, còn sửa trong mã nguồn mất nhiều tuần. Hành trình được kiểm chứng cùng người dùng và đội ngũ của bạn loại bỏ phần lớn rủi ro khi triển khai.

Design system là gì và vì sao nên dùng?

Đó là thư viện thành phần tái sử dụng, từ nút bấm đến màn hình hoàn chỉnh. Design system giúp sản phẩm nhất quán khi mở rộng và giúp lập trình nhanh hơn.

Sutunam có thể thiết kế và để đội khác lập trình không?

Có. Với Yummix, Bear Studio lập trình ứng dụng từ prototype tương tác của chúng tôi. Chúng tôi cũng có thể tự lập trình trên Magento, Hyvä hoặc Symfony.

Sutunam xử lý khả năng tiếp cận như thế nào?

Chúng tôi áp dụng tiêu chuẩn WCAG (tiêu chuẩn quốc tế về khả năng tiếp cận web) ngay từ khâu thiết kế: độ tương phản, cỡ chữ, điều hướng bằng bàn phím, biểu mẫu dễ đọc.

Liên hệ

Bạn có dự án UX/UI?

Để lại email và tên công ty: chúng tôi liên hệ lại trong 2 ngày làm việc.

  • Phản hồi trong 2 ngày làm việc
  • Không ràng buộc
  • Dữ liệu của bạn được bảo mật

Bạn muốn gọi điện?

Đội ngũ Sutunam tại Hà Nội

+84 24 3573 9741


    Thông tin của bạn chỉ được dùng để phản hồi yêu cầu này. Thông tin pháp lý và bảo mật

    Trao đổi về dự án