Vispea Apparel Experience
Client: Vispea
Project Overview
Vispea is an immersive apparel storefront built on Next.js that replaces the legacy WordPress site with a fast, highly branded ecommerce experience featuring Printful-powered products, PayPal checkout, and atmospheric media.
Key Features
Autoplaying Cloudinary hero media, dynamic Printful product catalogue, persistent cart UX, integrated checkout, and atmospheric brand touchpoints.
- Hero Experience: Cloudinary-hosted video with animated light rays, responsive header offsets, and high-contrast CTAs.
- Dynamic Catalogue: Printful API hydration with variant handling, gallery overrides, and related product suggestions.
- Storefront UX: Featured grids, configurator gallery switching, and a persistent Zustand-powered cart.
- Checkout Flow: PayPal checkout with server-side order create/capture endpoints plus optional FraudLabs screening.
- Customer Outreach: Newsletter and contact forms routed through hardened Nodemailer SMTP with honeypot spam protection.
- Audio Layer: Persistent Howler.js player with Media Session support and mobile fallbacks.
- Brand Atmospherics: LiquidEther background shader, custom typography, and irreverent copy deck.
Technology Stack
Next.js 15 App Router with React 19 and TypeScript, Tailwind CSS v4 styling, Vercel Geist fonts, Zustand state, Howler.js media, Printful and PayPal REST integrations, Nodemailer SMTP, and optional FraudLabs screening with webhook verification.
Outcome
Delivered an atmospheric, automated ecommerce experience that amplifies the Vispea brand, keeps operations hands-off, and provides a cinematic, high-conversion shopping journey ready to scale from day one.