Nutrilogical.co: Nutrify.AI Marketing Site
Editorial dark-theme landing page for Nutrify.AI with a live phone slideshow, GSAP scroll cinematics, and Lenis-smooth scrolling. Carried the waitlist through launch and now converts App Store downloads.
App Screenshots
Project Overview
Nutrilogical.co is the launch site for the Nutrify.AI app on iOS and Android. The brief was simple: tell the story without screaming. We went editorial. A serif display face (Cormorant) carries the headlines, a tight sans handles body, and the whole page sits on a near-black background that lets the green brand accent do the heavy lifting.
The centerpiece is an interactive iPhone mock with real iOS screens cycling on auto-rotate, with manual swipe and arrow controls. GSAP runs the scroll cinematics: feature cards parallax in, the phone tilts on enter, the data cards (lab values, macros, sleep trends) reveal in a staggered cascade. Lenis makes the whole journey feel like one motion instead of jumping between sections.
Under the hood it is fast and boring on purpose: vanilla HTML/CSS/JS, no framework, no build step, no SPA router. Pre-decoded hero images, lazy decode for below-the-fold screens, and a single inlined critical CSS payload mean the hero paints in under a second on a cold load. Auto-deploy from GitHub to Hostinger ships changes in about ten seconds.
Before launch the site ran as a waitlist funnel: an "email me on launch day" form captured pre-launch interest while the store buttons held a "Coming soon" treatment. On launch day those flipped to live App Store links, and a QR code lets desktop visitors hand the download to their phone in one scan.
Key Features
- Editorial dark UI with Cormorant serif headlines and emerald accent
- Interactive iPhone mock with auto-rotating real iOS screens, swipe + arrow nav
- GSAP-driven scroll cinematics: parallax, staggered reveals, phone tilt on enter
- Lenis smooth-scroll bridged into ScrollTrigger for one continuous motion feel
- Sub-1s hero paint via critical CSS inline + pre-decoded hero images
- Pre-launch waitlist form with launch-day email capture
- Disabled App Store / Play Store buttons until apps ship
- QR code for desktop-to-phone handoff
- Schema.org + Open Graph metadata for social sharing and SEO
- Vanilla stack, no build step, GitHub auto-deploy to Hostinger in 10s
Tech Stack
Platforms
Project Details
2025
Under a week
1
Metrics
Sub-1s hero paint (LCP)
Launch funnel for the App Store release
Business Impact
Built the Nutrify.AI marketing surface in under a week. Editorial dark aesthetic, live phone slideshow, GSAP scroll cinematics, and a waitlist that collects launch-day intent before the app ships.
Interested in a Similar Project?
Let's discuss how we can build something great for your business.