Velsen Agency Logo
Back to archive
VELSEN LAB · CONCEPT PROJECT
Motion·Sprint Year 2026

Vanta Athletics

High-Performance Technical Outerwear

A campaign system designed to move from visual impact to product confidence across mobile-first touchpoints.

Vanta Athletics

01 / PROJECT OVERVIEW

Our RoleCampaign Motion Design, High-Velocity Frontend, & Conversion UX
Timeline4 Weeks (Campaign Sprint)
Project TypeVELSEN LAB · CONCEPT PROJECT

Vanta Athletics explores high-energy cinematic choreography, showcasing weatherproof technical apparel through precision scroll-driven motion.

02 / BUSINESS CONTEXT

Market Positioning & Category Dynamics

Technical apparel launches rely on high-stakes drop windows where thousands of mobile shoppers arrive simultaneously from social campaigns.

03 / THE AUDIENCE PROBLEM

Customer Hesitation & Decision Drag

High-impact campaign pages typically overload devices with 40MB+ uncompressed video loops, causing mobile bounce rates to skyrocket.

04 / THE CENTRAL CHALLENGE

Core Friction to Resolve

Deliver cinematic motion showing ripstop weave durability while maintaining a 99/100 Lighthouse performance score.

05 / STRATEGIC DECISION

Path of High Conviction

Replace heavy video with lightweight canvas frame scrubbing and CSS hardware-accelerated transforms.

06 / EXPERIENCE DIRECTION

Atmospheric Composition & Micro-Interaction

Monochrome graphite palette (#070707) with electric violet speed accents and condensed athletic grotesk type.

07 / TECHNOLOGY DECISION

Architecture, Speed & Maintainability

Visual Tokens

Monochrome graphite palette (#070707) with electric violet speed accents and condensed athletic grotesk type.

Engineering Standards

Zero layout jank, preloaded image frames with Web Workers, and 99/100 Lighthouse Mobile Performance score.

Stack Implemented:
Next.jsGSAP ScrollTriggerTailwind CSSCanvas Scrub EngineShopify Storefront API

08 / KEY SCREENS & INTERACTIONS

Dynamic Kinetic Campaign
Dynamic Kinetic CampaignPrecision scroll-scrubbed fabric durability demonstration and instant size selector.

09 / DELIVERABLES PRODUCED

  • High-velocity campaign landing page
  • Scrubbable fabric stress-test canvas
  • Instant checkout drawer with inventory lock
  • Lighthouse 99/100 audit certification
10 / EVIDENCE & CLASSIFICATION

Outcome: A demonstration of the proposed experience. No commercial result is being claimed.

This is a Velsen Lab concept created to demonstrate our approach. The brand, brief, and outcome are fictional. It should not be interpreted as client work.

11 / WHAT REMAINS TO BE VALIDATED

Real-World Observation Metrics

Conversion rate under real flash-sale concurrency and peak serverless edge response latencies.

Preparing a high-stakes campaign launch?

Tell us about your brand's existing friction or upcoming launch. We formulate a clear scope before writing code.

No sales script. Just a focused first conversation.

DIRECT COLLABORATION

HAVE A SIMILAR CHALLENGE WORTH SOLVING?

Tell us what is not working or what you want people to feel. We will respond with a considered next step—not a generic sales pitch.

No commitment—just a way to see if there is a fit.

Surat, Gujarat, India · Direct reply within 24–48 hours · We work with a limited number of active projects at a time.