Website / Motion

Landing page có motion phải làm rõ sản phẩm, không phải làm màu

Animation tốt giúp người xem hiểu luồng xử lý nhanh hơn. Animation tệ chỉ làm trang nặng, rối và che mất thông điệp bán hàng.

5 phút đọc

Motion cần có nhiệm vụ

Với service website, motion nên giải thích workflow, trạng thái, luồng dữ liệu hoặc before/after. Không nên chỉ có blob, gradient và card bay lung tung.

  • Giải thích luồng
  • Tạo nhịp đọc
  • Không che CTA
  • Không làm nặng mobile

Visual phải sát dịch vụ

Nếu bán automation thì visual nên cho thấy form, dữ liệu, route, report, dashboard hoặc system map. Stock photo văn phòng hiếm khi giúp khách hiểu.

  • Blueprint
  • Dashboard preview
  • Process map
  • Realistic UI

Kiểm tra bằng build và route

Trang đẹp trên máy dev chưa đủ. Cần typecheck, lint, build production và mở các route chính để tránh lỗi khi deploy.

  • Typecheck
  • Lint
  • Production build
  • Route smoke test