CASE STUDY
HubsAI
MY ROLE
Frontend Engineering
Interactive Web Development
Motion and 3D Integration
CLIENT
HubsAI (via Alterra Studio)
YEAR
2025
TECH STACK
OVERVIEW
HubsAI positioned a retail concept built around AI, blockchain, and tokenized products. The site needed to explain an unfamiliar idea without feeling like a static pitch deck.
I worked on the landing experience as a highly interactive one-page build, combining Spline scenes, animated transitions, product mockups, a video section, and multiple scroll-based content blocks.
The result was a more cinematic product surface that moved from brand introduction into kiosk interaction, rewards, fulfillment, and airdrop messaging while staying responsive across desktop and mobile.
WHAT I OWNED
- -Built the landing page across hero, slideshow, video, kiosk, gallery, rewards, how-it-works, and airdrop sections.
- -Integrated multiple Spline-driven scenes to support product storytelling inside the hero, kiosk, and explainer flows.
- -Implemented custom motion details such as animated headings, gallery transitions, sticky section navigation, and cursor-follow interactions.
- -Handled responsive adaptation across layouts, media assets, and CTA surfaces so the experience stayed coherent on smaller screens.
KEY OUTCOMES
- -Delivered a more distinctive product narrative than a conventional startup landing page.
- -Turned abstract tokenized-retail messaging into clearer interactive product scenarios.
- -Shipped a polished marketing surface that balanced visual novelty with usability and CTA-driven structure.
Product Walkthrough
Hero and Animated Brand Introduction
Partner and Brand Slideshow
Retail Demo Video Section
AI-Powered Kiosk Experience
How It Works
Airdrop and Final CTA
Hera Finance
—
Full-stack Solana trading product with swap, portfolio, and route visualization