2Nông – Mạng xã hội nông nghiệp
Tháng 9/2025
2Nông kết nối nông dân, chuyên gia và các doanh nghiệp nông nghiệp, cho phép người dùng chuyển đổi liền mạch từ việc phát hiện vấn đề đến tìm kiếm giải pháp và hành động trên cùng một nền tảng duy nhất.
Với vai trò Lead Product Designer & Markup Engineer, tôi đã dẫn dắt việc thiết kế và triển khai một hệ sinh thái có khả năng mở rộng, là cầu nối giữa tương tác cộng đồng, công cụ AI và trải nghiệm thương mại.
Vai trò của tôi
- Thiết kế sản phẩm
- Thư viện Component cho Ứng dụng + Website
- Tài liệu hóa & Hướng dẫn sử dụng
- Bàn giao thiết kế và đảm bảo tính đồng nhất khi triển khai
Công cụ sử dụng
- Figma
- Cursor
- Adobe Creative Cloud
- Design handoff specs
Tổng quan
2Nông là một hệ sinh thái mạng xã hội được thiết kế để hỗ trợ nông dân thông qua việc chia sẻ kiến thức, cộng đồng chuyên gia và thông tin nông nghiệp theo thời gian thực.
Mục tiêu là giúp nông dân chuyển từ việc nhận diện vấn đề sang các giải pháp có thể thực thi một cách liền mạch.
Tầm nhìn Hệ sinh thái
- Chia sẻ kiến thức thúc đẩy bởi cộng đồng
- Chuyên gia hỗ trợ giải quyết các vấn đề thực tế
- Chẩn đoán bệnh cây trồng bằng AI
- Thông tin thị trường & giá cả theo thời gian thực
- Hành trình trọn vẹn từ vấn đề → giải pháp → hành động
Vấn đề
Kiến thức bị phân mảnh ở nhiều nguồn khác nhau
Nông dân thiếu khả năng tiếp cận với các chuyên gia đáng tin cậy
Không có nền tảng tập trung để học hỏi và hành động
Trình độ kỹ thuật số thấp tạo ra các rào cản về tính khả dụng
Nông dân không chỉ cần câu trả lời—họ cần sự hướng dẫn đáng tin cậy và có thể hành động ngay lập tức.
Giải pháp
Chúng tôi đã thiết kế một hệ sinh thái tích hợp kết hợp cộng đồng, AI và dữ liệu thị trường thành một trải nghiệm thống nhất.
- Hỏi đáp & chia sẻ kiến thức trong cộng đồng
- Sử dụng AI để phát hiện bệnh cây trồng tức thì
- Tiếp cận các đề xuất từ chuyên gia
- Kiểm tra giá cả thị trường theo thời gian thực
Phương pháp tiếp cận thiết kế
Phương pháp thiết kế tập trung vào việc xây dựng một hệ sinh thái có khả năng mở rộng và lấy người dùng làm trung tâm, cân bằng giữa sự đơn giản, tính nhất quán và sự phát triển dài hạn.
Hệ thống thống nhất
Hệ thống thiết kế đồng nhất trên cả Ứng dụng và Website
Trải nghiệm có hướng dẫn
Đơn giản hóa các quy trình phức tạp thành các tương tác từng bước một
Giao diện ưu tiên hình ảnh
Được thiết kế cho người dùng ít am hiểu công nghệ với hình ảnh rõ ràng và trực quan
Kiến trúc có khả năng mở rộng
Được xây dựng để hỗ trợ hệ sinh thái đa sản phẩm và mở rộng trong tương lai
Từ Thiết kế đến Triển khai
Thu hẹp khoảng cách giữa thiết kế và lập trình bằng cách chuyển đổi hệ thống thiết kế thành kiến trúc front-end có khả năng mở rộng—đảm bảo tính nhất quán, hiệu quả và triển khai liền mạch trên toàn bộ sản phẩm.
Công nghệ sử dụng
Hệ thống Component
Phát triển một hệ thống dựa trên các component có thể tái sử dụng để đảm bảo tính mở rộng và nhất quán.
Design Tokens
Ánh xạ design tokens vào các component UI để đảm bảo kiểu dáng nhất quán trên các giao diện.
Tinh thần làm chủ
Chủ động triển khai front-end để giảm thiểu khoảng cách giữa thiết kế và kỹ thuật.
Tính hiệu quả
Đẩy nhanh quá trình phát triển và cải thiện khả năng bảo trì thông qua các mẫu (patterns) có thể tái sử dụng.
Thiết kế
Chuyển đổi các thông số thiết kế thành các component markup có thể tái sử dụng, duy trì độ chính xác đến từng pixel và đảm bảo tính nhất quán trên các bề mặt sản phẩm khác nhau.
Triển khai
Triển khai hệ thống thiết kế thành markup có khả năng mở rộng sử dụng ReactJS, NextJS, Bootstrap 5 và Tailwind CSS, tận dụng các công cụ hỗ trợ AI để đẩy nhanh quá trình phát triển, cải thiện chất lượng code và đảm bảo sự nhất quán giữa thiết kế và sản phẩm thực tế.
Tác động
Sản phẩm cuối cùng đã mang lại những cải thiện có thể đo lường được về tốc độ, độ chính xác và sự tự tin của người dùng, giúp nông dân đưa ra các quyết định nhanh chóng và sáng suốt hơn.
40%
Phát triển UI nhanh hơn thông qua các component tái sử dụng trên Ứng dụng + Website
60%
Cải thiện sự nhất quán của giao diện (UI) nhờ hệ thống thiết kế và cấu trúc markup thống nhất
80%
Giảm bớt khoảng cách giữa thiết kế và lập trình thông qua việc trực tiếp triển khai và đảm bảo sự liên kết
Đúc kết
Sản phẩm hoàn thiện đã mang lại những cải thiện rõ rệt trên toàn hệ sinh thái, giúp nông dân tiếp cận kiến thức, kết nối với cộng đồng và đưa ra quyết định nhanh chóng, sáng suốt hơn.
Thiết kế 2Nông không chỉ là xây dựng một sản phẩm đơn lẻ mà là định hình cả một hệ sinh thái.
Dự án khác
SIH – Website Bệnh viện
Website Bệnh viện
Một trải nghiệm website chăm sóc sức khỏe được thiết kế để giúp bệnh nhân dễ dàng khám phá dịch vụ, tìm kiếm thông tin và kết nối với bệnh viện.
