Over the past four months, we rebuilt much of the Culture Shock Club storefront. The work produced more than 500,000 changed lines across additions, removals, and refactors. The result is a faster site, a clearer shopping flow, and more useful customer accounts.
Key facts
- Four months of storefront rebuild: more than 500,000 changed lines across additions, removals, and refactors.
- Shipped each part as it was ready, then kept refining — not one single relaunch.
- Key pages score 95 or higher in Lighthouse tests on mobile and desktop.
- Focus areas: faster first screen, clearer homepage structure, quick add and search, product pages, responsive cart, and more useful customer accounts.
We did not save everything for a single relaunch. We shipped each part as it was ready, then continued refining it.
A faster first screen
The previous homepage loaded a product carousel before displaying its first complete view. That required product images, variants, prices, availability data, and carousel code to load immediately.
The new homepage loads its opening image first. Product shelves, recommendations, analytics, and consent tools load later or only when needed.
We also reduced the initial work required for fonts, CSS, and scripts. Assets cache more effectively, and cart actions no longer reload unrelated page data.
Key pages now score 95 or higher in our Lighthouse tests on mobile and desktop. They also become usable sooner, remain steadier during navigation, and require less processing on mobile devices.
A homepage with clearer structure
The previous homepage relied heavily on a single product feed. The new layout gives each section a specific purpose.
New releases can use a compact gallery, while larger collections can use denser grids. Products displayed near the top are excluded from later sections, reducing repetition as you scroll.
The homepage can now introduce a release, surface older products, and guide visitors toward different parts of the catalogue without repeating the same items.
Quick add and search without page changes
Selecting a product option should not require leaving the page.
Quick add now opens as a bottom sheet on mobile and a wider panel on desktop. Both versions provide space for product images, variants, and sizing information.
Predictive search displays results as you type and keeps recent searches available. Detailed result cards load only when needed, reducing the work required before someone starts searching.
These changes let you compare products, select an option, and add it to your cart without losing your place.
Product pages centered on the purchase decision
We reorganized product pages around the information needed to make a purchase. Product media, the selected variant, price, and purchase controls appear first. Sizing, shipping, care, and return information remain close at hand.
The media gallery now supports images, video, external video, and 3D media. Changing a colour can move the gallery directly to the corresponding image.
Related products appear in a separate “More to Explore” section. They remain accessible without competing with the main product information.
A cart that responds immediately
The cart previously became slow or inconsistent while processing changes. We rebuilt its update flow to provide immediate feedback.
Quantity changes, removals, discount codes, and pricing updates now appear while the server confirms the final result. The cart then reconciles the displayed quantities and totals with the confirmed response.
Promotion progress is also clearer. The cart shows how much remains before you qualify for free shipping or a multi-item offer, then confirms when you reach it.
The full cart and slide-out cart now share more of the same behavior. This makes both checkout paths more consistent.
More useful customer accounts
The storefront now remains useful after checkout.
Customer accounts include searchable order history with product thumbnails, totals, dates, and fulfillment statuses. Individual order pages can display shipment, refund, and return details.
For eligible orders, customers can select products, quantities, and return reasons before submitting a request from their account.
We also rebuilt the country and language selector. You can search by country name, country code, currency, or language, with results grouped by region. Changing markets preserves the current page while updating its language and pricing.
Why we call it Energy Edition
Every part of this release targets pace. The homepage performs less work before its first render. Browsing requires fewer page changes. The cart responds immediately, and customer accounts handle more tasks after checkout.
No single feature defines the update. It is the cumulative result of rebuilding the parts of the store that people use most.
The work continues. Tell us when something feels slow, unclear, or gets in the way.
