Case study
AI Product Brand Website
AI product storytelling — cinematic hero, manifesto, and knowledge hub.
- Role
- Frontend Developer
- Period
- 03.2025 — 05.2025
- Stack
- WordPress · GSAP · Swiper
Private client project
This is anonymized client work. The brand, live site, and visuals are covered by an NDA — reach out and I'll walk you through the details, the decisions, and the results.
Contact to discuss this projectOverview
An AI & creativity brand site with a space-themed immersive hero, a company manifesto, and a knowledge hub of articles, podcasts, and videos.
Interface sketch
The problem
01AI products need narrative, not just feature lists. The client needed a brand surface that feels inventive while still organizing long-form knowledge content.
Approach
02- WordPress from Figma with cinematic hero
- ACF-driven manifesto + knowledge hub (articles, podcasts, videos)
- Immersive GSAP/Swiper storytelling
- Media performance work so the hero doesn't punish mobile
Key decisions
03- Separate brand spectacle from knowledge utility without breaking tone
- Let ACF own content flexibility for the hub
- Budget performance for hero media from day one
Impact
Lab / shipping
Lighthouse snapshot
Performance
Media-heavy
LCP
1.7s
Mobile lab
Mobile lab on a production-like build — client URL stays private.
Brand entry
Hero
Cinematic
Hub formats
3
Article · podcast · video
LCP
1.7s
Mobile lab
Performance
92
Media-heavy
Outcomes
Memorable space-themed brand entry
Editable manifesto and knowledge hub
Story-driven motion with usable performance
Technologies
- WordPress
- GSAP
- Swiper
- ACF
Architecture
How the build is wired. Client UI stays off this page — names, logos, and screenshots are covered by NDA.
- 01Product story
- 02WordPress theme
- 03GSAP
- 04ACF
Need an AI product brand site with a clear story, not a travel storefront?