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. Built to convert iOS waitlist signups.
App Screenshots
Project Overview
Nutrilogical.co is the launch site for the Nutrify.AI iOS app. 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.
The site doubles as a waitlist funnel: an "email me on launch day" form captures pre-launch interest, the App Store and Play Store buttons stay disabled with a "Coming soon" treatment until the apps ship, and a QR code lets desktop visitors hand the site 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)
Pre-launch waitlist funnel
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.