Coming-soon landing page design &

Coming-soon landing page design & development for Peak.

Most coming-soon pages just say "soon". I wanted this one to show the whole product. 🚀 🚀 🚀

gopeak.design is the coming-soon site for Peak, an all-in-one WordPress plugin: a visual builder, a motion engine, a CMS and a design system.

The stage Instead of screenshots, the middle of the page plays the product: 9 features, 43 scenes, 325 frames. I designed every frame in Figma, then built a Figma-to-code pipeline and a React scene engine to play them. Elements morph from frame to frame while the pointer clicks, drags, types and scrolls. All of it is live HTML and CSS, not video, with its own player and speed control.

The details • The page opens on the Peak mark filled with a liquid WebGL shader that stirs as you move your cursor. • A waitlist that catches email typos, checks for bots with Cloudflare Turnstile, and sends branded emails. • A live demo of the real builder, opened by a magic link: a WordPress sandbox where every change is rolled back. • Desktop, tablet and phone, each designed in Figma first.

The look carries over from the Peak brand identity I shared a few days ago: Parchment and Carbon, Neue Montreal and its Mono, fine hairlines, and Ember used only as a signal.

Stack: Figma · Next.js · React · Claude Code · Tailwind CSS · WebGL · Supabase · Resend · Vercel · Cloudflare · WordPress

See it live → gopeak.design