← Thương mại điện tử & AI
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 Hà Nội (Việt Nam) và Lyon (Pháp). Chúng tôi đồng hành 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 kích hoạt hành vi của người dùng.

  • Phản hồi trong 2 ngày làm việc
  • Không ràng buộc
  • Đội ngũ tại Hà Nội và Lyon
HẤP DẪNngười dùngHIỆU QUẢkinh doanhKHẢ THIthiết kế1234
  1. 1UX & đổi mới
  2. 2Thấu cảm & niềm tin
  3. 3Sáng tạo & tính khả dụng
  4. 4Tính hợp lý & sự 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 (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 dịch vụ của bạn và thực hiện hành động hay không. Chúng tôi đo lường hiệu quả thiết kế qua kết quả thực tế: doanh số, yêu cầu báo giá, lượt đăng ký, hoặc mức độ sử dụng hằng ngày của công cụ nội bộ.

Từ năm 2010, thương mại điện tử là lĩnh vực giúp chúng tôi đúc kết sâu sắc nhất về các yếu tố thúc đẩy tỷ lệ chuyển đổi. 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à các giao diện kết nối dữ liệu (ERP, CRM, middleware, trợ lý AI). Với hai văn phòng tại châu Âu và châu Á, chúng tôi thấu hiểu người dùng ở cả hai châu lục và tối ưu thời gian làm việc trên cả hai múi giờ.

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 nghệ thuật (art direction) và trải nghiệm sống động, như dự án 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 (accessibility)

    Giao diện dành cho mọi người dùng, tuân thủ tiêu chuẩn quốc tế WCAG, như dự án nâng cấp website WordPress cho một tập đoàn lớn tại Pháp.

Phương pháp

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

  1. 01

    Tìm 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 phân tích, hành trình và các điểm nghẽn (friction points)
    • 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ủ)
    • Chân dung người dùng (personas)
    • 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 với đội ngũ của bạn, chúng tôi chuyển các kết quả phân tích thành giao diện màn hình. Chúng tôi phác thảo cấu trúc trang trước (wireframes), sau đó hoàn thiện giao diện chi tiết trên Figma dựa trên hệ thống thiết kế (design system): thư viện thành phần tái sử dụng giúp sản phẩm luôn nhất quán và tối ưu thời gian lập trình. Chúng tôi cũng ứng dụng các công cụ AI hiện đại (bộ công cụ AI của Freepik, các công cụ tạo hình ảnh và văn bản) để mở rộng hướng sáng tạo và tạo dựng hình ảnh nhanh hơn. AI giúp tăng tốc quy trình; các nhà thiết kế của chúng tôi là người quyết định.

    • Workshop UX cùng đội ngũ của bạn
    • Cấu trúc trang và sơ đồ điều hướng
    • Bản phác thảo cấu trúc chi tiết (high-fidelity wireframes)
    • Thiết kế giao diện hoàn chỉnh (mock-ups) trên Figma
    • Hệ thống thiết kế (design system) kèm tài liệu hướng dẫn chuẩn hóa
    • Bản mẫu tương tác (interactive prototype), tài liệu tham chiếu duy nhất cho đội ngũ lập trình
  3. 03

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

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

    • Kiểm thử người dùng, trực tiếp hoặc trực tuyến
    • Thử nghiệm A/B (A/B testing: so sánh hai phiên bản trên lượng truy cập thực tế)
    • Phân tích hành trình: số liệu đo lường, bản ghi phiên truy cập (session recordings)
    • Đề 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, hiệu quả kinh doanh, 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ối ưu nằm ở giao điểm của ba yếu tố: điều người dùng mong muốn (tính hấp dẫn), mục tiêu kinh doanh của doanh nghiệp (hiệu quả kinh doanh) và khả năng thực thi về thiết kế lẫn công nghệ (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ốt lõi: UX và đổi mới ở trung tâm; sự thấu cảm và niềm tin giữa người dùng với mục tiêu kinh doanh; tính sáng tạo và khả năng sử dụng giữa người dùng với thiết kế; tính hợp lý và sự nhất quán giữa mục tiêu kinh doanh với 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

    Trực tiếp dẫn dắt các dự án thiết kế từ khâu đánh giá ban đầu đến xây dựng design system. Christophe là người 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

    Hiện thực hóa các bản vẽ giao diện: hiệu ứng chuyển động, tương tác nhỏ (micro-interactions) và chuẩn hóa giao diện sát 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 cho ứ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 chỉ trong 10 ngày design sprint; ứng dụng hiện đạt đánh giá 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

Xây dựng concept và định hướng nghệ thuật cho website sống động của chuỗi 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 đã tin tưởng 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 chất lượng dịch vụ của Sutunam, cả về khía cạnh 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à tính 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à đưa ra các giải pháp sáng tạo. Nhờ chuyên môn sâu và sự tỉ mỉ của họ, chúng tôi đã có được một trải nghiệm người dùng mượt mà 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 sản phẩm chất lượng cao. Tôi đánh giá rất cao Sutunam!
Rudy BaerCEO, Yummix

Xem đánh giá trên Google · Xem chi tiết 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?

Khoảng vài tuần đối với khung ứng dụng di động: với Yummix, các đợt design sprint đã bàn giao bản mẫu tương tác (prototype) hoàn chỉnh trong 10 ngày. Một danh mục thương mại điện tử lớn sẽ cần nhiều thời gian hơn. Bước đánh giá ban đầu và các buổi workshop đầu tiên sẽ giúp xác định chính xác phạm vi công việc.

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

Vì điều chỉnh một hành trình trên bản mẫu (prototype) chỉ mất vài giờ, trong khi chỉnh sửa trên mã nguồn mất nhiều tuần. Việc kiểm chứng hành trình cùng người dùng và đội ngũ của bạn sẽ loại bỏ hầu hết rủi ro trong quá trình triển khai.

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

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

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

Có. Với Yummix, Bear Studio đảm nhận lập trình ứng dụng từ bản mẫu tương tác do chúng tôi bàn giao. Chúng tôi cũng có thể trực tiếp phát triển hệ thống 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