Dịch vụ

Design system

Không có design system, cùng một loạt quyết định lặp lại trên mọi màn hình: khoảng cách, kích thước, màu sắc, hành vi, tương tác. Mỗi lần sửa phải làm từng màn hình một. Design system giải quyết điều này bằng cách tập trung và ghi lại các quyết định đó theo cách mà designer, kỹ sư và cả AI agent đều hiểu được. Nó gồm các component tái sử dụng được cùng các trạng thái, token cho màu sắc, typography và khoảng cách, và quy tắc dùng từng thứ khi nào.

Công việc gồm những gì

Kiểm kê trước

Chúng tôi thống kê những gì sản phẩm đang dùng: từng nút, màu, kiểu chữ và giá trị khoảng cách, kể cả các trường hợp ngoại lệ. Điều này xác định phạm vi thực tế trước khi thiết kế bất cứ thứ gì.

Token

Màu sắc, typography, khoảng cách và bán kính được định nghĩa thành các giá trị có tên. Đổi một token sẽ cập nhật mọi component và màn hình tham chiếu đến nó.

Component

Mỗi component được ghi lại kèm các trạng thái, quy tắc nội dung và trường hợp biên: bảng trống, nhãn dài, lưu thất bại, trạng thái đang tải và lỗi.

Khả năng tiếp cận từ gốc

Độ tương phản, thứ tự focus và vùng chạm được quy định ngay trong component, theo chuẩn WCAG AA và AAA. Như vậy không cần rà soát accessibility từng màn hình về sau.

Tài liệu mà đội bạn sẽ đọc

Khi nào dùng từng component, khi nào không, và làm gì khi không có cái nào phù hợp. Tài liệu nằm ngay cạnh component để được đọc đúng lúc cần.

Đưa vào sử dụng

Chúng tôi chuyển các màn hình hiện có sang hệ thống cùng đội phát triển của bạn. Việc áp dụng quyết định một design system có còn được dùng sau một năm hay không, nên chúng tôi ở lại suốt giai đoạn đó.

Cách chúng tôi làm việc

  1. Kiểm kê, rồi chốt phạm vi

    Chúng tôi rà soát sản phẩm và chia sẻ bản thống kê với bạn, sau đó thống nhất những component và token nào làm trước.

  2. Dựng trên màn hình thật

    Các component được xây cho những màn hình cần chúng tiếp theo, để hệ thống được kiểm chứng trong sử dụng thực tế thay vì thiết kế trên lý thuyết.

  3. Trong stack của bạn

    Thư viện và token Figma được cấu trúc khớp với codebase của bạn. Nơi nào code đã có hệ thống, chúng tôi mở rộng thay vì thay thế.

  4. Được dùng trước khi chúng tôi rời đi

    Đội của bạn xây dựng bằng hệ thống khi chúng tôi vẫn đang tham gia, để mọi thiếu sót được phát hiện và xử lý trước khi bàn giao.

Chi phí

Fractional: 4.200 USD mỗi tháng. Full-time: 7.700 USD mỗi tháng. Dự án trọn gói từ 30.000 USD.

Dự án tiêu biểu

Xem tất cả dự án

UXBOX Company LTD

Nền tảng đầu tiên tại Việt Nam ứng dụng AI cho các thủ tục pháp lý và hành chính. Xây cho con người, tối ưu cho AI agent. Xây để xuất hiện trong câu trả lời của AI và biến việc tìm kiếm thành khách hàng tiềm năng cho các chuyên gia đã đăng ký.

GoTeach Collective

GoTeach.vn là nền tảng đầu tiên tại Việt Nam kết nối gia sư và huấn luyện viên riêng với học viên. Chỉ trong 3 tháng, chúng tôi giúp họ kiểm chứng ý tưởng, xây dựng thương hiệu, dựng nền tảng và ra mắt.

Invoicing.muWIP

Netch Digital

Invoicing.mu đặt mục tiêu trở thành nền tảng SaaS hoá đơn điện tử hàng đầu Mauritius, nhờ trải nghiệm người dùng và quy trình onboarding mượt mà.

Dịch vụ khác

Phần này nằm ở đâu trong product plan của chúng tôi 

Design system là gì?

Các component, token và quy tắc tạo nên sản phẩm, ở cùng một nơi, với các quyết định được ghi lại: nút chính là gì, thang khoảng cách ra sao, bảng không có dòng thì hiển thị thế nào. Thiết kế và phát triển khi đó làm việc từ một nguồn duy nhất thay vì giữ hai.

Chúng tôi có cần một cái không?

Nếu sản phẩm chỉ có một màn hình và một designer thì không. Nếu màn hình mới ra chậm vì mọi chi tiết đều phải quyết lại, hoặc cùng một component tồn tại năm lần trong code, thì hệ thống hoàn vốn rất nhanh.

Dựng mất bao lâu?

Một phần lõi dùng được mất vài tuần: token, những component đội thực sự dùng, và các quy tắc quanh chúng. Áp dụng trên sản phẩm hiện có mất lâu hơn, và đó là phần cần lên kế hoạch.

Cuối cùng chúng tôi nhận được gì?

Một thư viện Figma với token và component đủ trạng thái, tài liệu nằm cạnh từng cái, và những màn hình đã chuyển đổi cùng đội kỹ thuật của bạn. Nó là của bạn: vẫn dùng được sau khi hợp tác kết thúc.

Các bạn có dựa trên cái sẵn có được không?

Được, và chúng tôi còn thích vậy hơn. Làm lại từ đầu là vứt bỏ những quyết định đội bạn đã đưa ra, và tạo thêm một hệ thống thứ hai phải giữ cho khớp với cái cũ.

Một design system tốn bao nhiêu?

Fractional: 4.200 USD mỗi tháng. Full-time: 7.700 USD mỗi tháng. Dự án trọn gói từ 30.000 USD. Trang bảng giá hiển thị cả ba theo tiền tệ bạn chọn.

Hợp tác với chúng tôi

Đặt lịch trao đổi ban đầu

Tôi muốn trao đổi về thiết kế
Hình thức hợp tác tôi quan tâm là