Case study

Vova

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
Vova

Tổng quan

Vova (Netten) là site AI & Creativity 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. Vova 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

Thư viện ảnh

Ảnh dự ánẢnh chụp màn hình
Vova screenshot 1
Vova screenshot 2
Vova screenshot 3

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?