Case Study
Landing SaaS & hệ nhận diện
UI/UX mới, prototype Figma và triển khai Next.js với animation nhẹ.
Category
UI/UX
Quy mô sử dụng
3 đội ngũ marketing & sales cùng khai thác chung một design system
Timeline
5 tuần
Technologies
FigmaNext.jsFramer Motion
Các trang & tính năng chính
Trang chủ (Hero & Social proof)
Thông điệp giá trị sản phẩm rõ ràng ngay màn hình đầu tiên.
Trang tính năng sản phẩm
Trình bày tính năng theo nhóm nhu cầu khách hàng B2B.
Trang bảng giá
So sánh gói dịch vụ trực quan, giảm câu hỏi lặp lại cho sales.
Trang blog & tài nguyên
Kho nội dung hỗ trợ SEO và nuôi dưỡng khách hàng tiềm năng.
Thách thức
Trang hiện tại không truyền tải giá trị sản phẩm và tỷ lệ chuyển đổi thấp.
Giải pháp
Làm lại information architecture, hero rõ ràng, social proof và CTA nhất quán.
Lợi ích mang lại
- Thông điệp giá trị rõ ràng ngay từ màn hình đầu tiên.
- Tăng số lượt đặt lịch demo sau khi ra mắt giao diện mới.
- Hệ thống thiết kế nhất quán, tái sử dụng cho mọi chiến dịch marketing sau này.
Kết quả & Tác động
Tăng demo booking sau 2 tuần go-live; brand nhất quán trên marketing.