Back to projects27 / 07

Creo Landing Page

High-conversion landing page for CreoVault CAD platform — hero with 3D viewer, feature grid, testimonial carousel, and waitlist capture with email automation.

Marketing / CAD

Experimental build

CREO_LP

CAD / LANDCASE / 27

VERIFIED SOURCE MATERIALReact 18 / Vite / Three.js

01 — OVERVIEW

The premise.

Creo Landing Page is a standalone marketing site for the CreoVault engineering platform: interactive Three.js hero, scroll-triggered feature reveals, social proof carousel, and ConvertKit/Resend waitlist integration. Built for A/B testing.

Engineering tools need landing pages that demonstrate the product visually — not just feature lists. This puts the 3D viewer front and center.

02 — ARCHITECTURE

How it is structured.

The repository evidence points to these observable boundaries and technologies:

Vite + React 18
Three.js for interactive hero model
Framer Motion for scroll animations
React Hook Form + Zod for waitlist
Resend/ConvertKit for email capture
Tailwind CSS for styling

03 — IMPLEMENTATION

From idea to system.

3D hero with orbit-controlled Creo model
Feature cards with hover 3D previews
Testimonial carousel with auto-advance
Waitlist form with honeypot + validation
Email automation: welcome → demo → launch
Analytics: Plausible/GA4 event tracking

React 18ViteThree.jsFramer MotionReact Hook FormZodResendTailwind CSSTypeScript

04 — CHALLENGES

The difficult parts.

Three.js model loading performance on mobile
Balancing visual richness with Core Web Vitals
Form spam prevention without CAPTCHA
A/B test variant management

05 — VERIFIED RESULT

What can be said honestly.

Lighthouse 95+ performance on desktop
3D hero loads <2s on 4G
Waitlist conversion tracking functional
Responsive down to 375px

Technical product landing pages work when the hero *is* the product demo. Three.js in hero needs aggressive optimization (GLTF compression, texture atlasing).

View repository