← Previews

Mercedes v5 live candidate

The new website (v2) with Mercedes Week v5 and the new Mercedes media, and the full motion on phones. Recorded with iPhone 15 Pro emulation.

Not live yet. One click needed from you.

Your store is at Shopify’s limit of 20 themes, so I could not make the candidate copy, and I am not allowed to delete themes. In Shopify admin go to Online Store, Themes, and delete one old unused theme (for example one of the three called “Updated copy of Updated copy of Alpha”). Then tell me “upload A6”: it takes about ten minutes, then you press Publish. Until then, everything on this page is the real live site with the new files swapped in on this PC, so it shows what the theme will do.

iPhone scroll recordings

Scrolled with real finger drags, top to bottom.

Mercedes Week v5 with the new media
Homepage, full site
Collection page
Product page

Checks

CheckResultDetail
Every model in the picker shows its own kitsPass22 models, 52 kit links, none in the wrong model
Homepage still lands on Mercedes WeekPassiPhone and desktop
"Browse the full VEEHIVE website" button worksPassopens the full homepage and stays there
Price counters land on the real pricesPassAMG GT 450 fitted (was 650) and 50 off
Reduced motion shows the final prices straight awayPassnothing pinned, nothing moving
Header, menu, announcement bar unchangedPassthe live v2 files, untouched
No console errors from the page (iPhone)PassMercedes Week, homepage, collection, product
Phone gets the full storyboardPasspinned scenes, 3D camera, parallax, ring, reveals
Weak phone (2 cores) gets the simple versionPassonly under 4 cores, under 4GB, or reduced motion
No Mercedes star added as a graphicPassthe only stars are on the car in the photos

Smoothness (frame times)

Frames per second while scrolling, measured back to back against the site that is live now. A long jank would show as frames over 100ms.

PageiPhone, finger dragsiPhone, steady scrollDesktop, steady scroll
Homepage53 fps1 over 100ms
live site now: 49 fps
59 fps0 over 100ms
live site now: 60 fps
59 fps1 over 100ms
live site now: 59 fps
Collection51 fps0 over 100ms
live site now: 50 fps
58 fps0 over 100ms
live site now: 60 fps
58 fps0 over 100ms
live site now: 57 fps
Product49 fps0 over 100ms
live site now: 50 fps
60 fps0 over 100ms
live site now: 60 fps
58 fps1 over 100ms
live site now: 59 fps
Mercedes Week60 fps0 over 100ms
live site now: 48 fps
60 fps0 over 100ms
live site now: 59 fps
60 fps0 over 100ms
live site now: 59 fps

Measured in Chrome with iPhone 15 Pro emulation on this PC, not on a real iPhone. Please scroll it on your own phone before publishing.

Phone and desktop, same scene

Left: iPhone. Right: desktop. The phone now runs the same scenes.

Homepage: garage hero
Homepage: garage hero
Homepage: camera moves in
Homepage: camera moves in
Homepage: up to the logo wall
Homepage: up to the logo wall
Homepage: dash screen scene
Homepage: dash screen scene
Homepage: the car builds itself
Homepage: the car builds itself
Homepage: 3D make ring
Homepage: 3D make ring
Collection: hero
Collection: hero
Collection: products arrive
Collection: products arrive
Product page: top
Product page: top
Product page: scrolling
Product page: scrolling
Mercedes Week: hero
Mercedes Week: hero
Mercedes Week: camera on the nose
Mercedes Week: camera on the nose
Mercedes Week: logo wall
Mercedes Week: logo wall
Mercedes Week: the price
Mercedes Week: the price
Mercedes Week: screen on
Mercedes Week: screen on

What changed for phones

One thing I did differently

You asked for GSAP scroll normalising on iOS. On Mercedes Week it is on. On the rest of the site I tested it and took it out: over the sideways product sliders it trapped the swipe and opened the product instead of scrolling. Those pages pin their scenes with CSS, which phones handle natively, so they do not need it.