ServicesTeamWorkWhy UsCareFAQStart Project
Web DevUI/UXBranding

MYSPEC

UK car-build community — cinematic scroll, hand-coded canvas animations, and a platform built for the owners who know every part number.

Client
MySpec UK
Timeline
14 Weeks
Scope
Web Dev · UI/UX · GSAP · Canvas
Year
2025
01 — The Challenge

The problem

MySpec is a community platform for UK car culture — built for the owners who spend Sunday in the garage, not at the dealership. The app lets drivers showcase their build with a full spec sheet, discover nearby cars on a live map, rank on a community leaderboard, and message other owners directly. It's not a listing site. It's an identity. The client needed a landing page that captures this high-performance ethos and operates at a fluid 60fps in real-time.

02 — The Vision

Our answer

We crafted an editorial visual identity that feels like a dark showroom meets motorsport editorial. Red (#E8001D) is the only accent color. We engineered a hand-coded Canvas car illustration on the hero section with bezier curves, spinning wheel rims, brake dust particles, and dynamic taillights that scale with scroll velocity. A second full-bleed canvas scrubs through a 150-frame video sequence via GSAP ScrollTrigger, creating a stunning storytelling flow.

Project Film

See the experience in motion.

Use the player to preview the interaction, motion language, and final product flow directly inside the case study.

MYSPEC Hero Showcase
03 — What We Built

Everything, under one roof.

From the first wireframe to the final deployment, every piece was crafted in-house by one coordinated team — so nothing fell through the gaps.

01

Hand-Coded Canvas

Real-time car illustration with custom bezier curves, spinning rims, axle dust, and dynamic taillight intensity at 60fps.

02

Video Scrubbing

Cinematic 150-frame video sequence scrubbed on a full-bleed canvas using GSAP ScrollTrigger with ambient particles.

03

Motorsport Identity

A premium design language combining dark showroom aesthetics, Space Grotesk tracking, and glass shimmers.

MYSPEC Detail Visual 1
MYSPEC Detail Visual 2
04 — The Result

Numbers that moved.

Within 60 days of launch, the impact was undeniable.

0fps
Real-time canvas rendering speed on dynamic scroll
0
Frames of scroll-scrubbed custom cinematic animation
0
Considered sections with zero generic SaaS patterns
The Identity

A brand built to command.

Every visual decision — from the mark to the motion — designed to feel inevitable.

Color Palette
#E8001D
#0A0A0B
#1A0005
#EDE9E4
Typography
Aa Bb
Cc 123 & ?!
Space Grotesk · Motorsport Editorial
MYSPEC Brand Specimen
"

The visual storytelling and custom canvas animations are a masterclass. They built an experience that feels as premium as the cars on our platform.

LC
Lead Creative
Founder · MySpec UK
Next Project
Lifey

Ready to build yours?

Start Your Project