Case study

Website thương hiệu sản phẩm AI

Kể chuyện sản phẩm AI — hero cinematic, manifesto và knowledge hub.

Vai trò
Lập trình viên Frontend
Thời gian
03.2025 — 05.2025
Công nghệ
WordPress · GSAP · Swiper

Dự án bảo mật

Đây là dự án khách hàng đã được ẩn danh. Thương hiệu, trang live và hình ảnh thuộc thỏa thuận bảo mật (NDA) — liên hệ để mình trao đổi chi tiết về cách làm, quyết định và kết quả.

Liên hệ để trao đổi về dự án

Tổng quan

Site AI & sáng tạo với hero chủ đề không gian, manifesto công ty và hub kiến thức (bài viết, podcast, video).

Vấn đề

01

Sản phẩm AI cần narrative, không chỉ feature list. Khách cần bề mặt brand sáng tạo nhưng vẫn tổ chức được nội dung dài.

Hướng tiếp cận

02
  • WordPress từ Figma với hero cinematic
  • ACF cho manifesto + knowledge hub
  • Storytelling GSAP/Swiper
  • Tối ưu media để hero không “đánh” mobile

Quyết định quan trọng

03
  • Tách brand spectacleknowledge utility mà không vỡ tone
  • ACF giữ linh hoạt nội dung hub
  • Chốt ngân sách performance cho hero từ đầu

Tác động

Lab / shipping

Lối vào brand

Hero

Cinematic

Định dạng hub

3

Bài · podcast · video

LCP

1.7s

Lab mobile

Performance

92

Nặng media

Kết quả

  • Lối vào brand theo chủ đề không gian dễ nhớ

  • Manifesto và knowledge hub chỉnh sửa được

  • Motion kể chuyện kèm hiệu năng dùng được

Công nghệ dùng

  • WordPress
  • GSAP
  • Swiper
  • ACF

Bạn cần kiểu này — booking, headless CMS, hay storefront du lịch?