De senaste fyra månaderna har vi byggt om stora delar av Culture Shock Club-butiken. Arbetet gav över 500 000 ändrade rader, fördelat på tillägg, borttagningar och refaktoreringar. Resultatet är en snabbare sajt, ett tydligare köpflöde och mer användbara kundkonton.
Viktiga fakta
- Fyra månaders storefront-rebuild: mer än 500,000 ändrade rader över tillägg, borttagningar och refactors.
- Varje del gick live när den var klar, sedan fortsatte vi finslipa, inte en enda relaunch.
- Nyckelsidor når 95 or higher i Lighthouse på mobil och desktop.
- Fokus: snabbare first screen, tydligare startsida, quick add och sök, produktsidor, sökbar orderhistorik.
Vi sparade inte allt till en enda stor relansering. Vi släppte varje del när den var klar och fortsatte sedan att finslipa den.
En snabbare första skärm
Den tidigare startsidan laddade en produktkarusell innan den visade sin första kompletta vy. Därför behövde produktbilder, varianter, priser, lagerstatus och karusellkod laddas direkt.
Den nya startsidan laddar sin öppningsbild först. Produkthyllor, rekommendationer, analys och samtyckesverktyg laddas senare eller bara när de behövs.
Vi har också minskat startarbetet för typsnitt, CSS och skript. Resurser cachas bättre och åtgärder i varukorgen laddar inte längre om sidinformation som inte hör dit.
Viktiga sidor får nu 95 eller högre i våra Lighthouse-tester, både i mobilen och på datorn. De blir också användbara snabbare, håller sig stabilare när du navigerar och kräver mindre processorkraft i mobilen.
En startsida med tydligare struktur
Den tidigare startsidan byggde mycket på ett enda produktflöde. I den nya layouten har varje sektion ett tydligt syfte.
Nya släpp kan visas i ett kompakt galleri och större kollektioner i tätare rutnät. Produkter som redan visas högst upp hoppas över längre ner, så att det blir mindre upprepning när du scrollar.
Startsidan kan nu presentera ett släpp, lyfta fram äldre produkter och leda besökare till olika delar av sortimentet utan att samma plagg dyker upp flera gånger.
Snabbköp och sök utan sidbyte
Att välja ett produktalternativ ska inte kräva att du lämnar sidan.
Snabbköp öppnas nu som en panel nedifrån i mobilen och som en bredare panel på datorn. Båda versionerna har plats för produktbilder, varianter och storleksinfo.
Den prediktiva sökningen visar resultat medan du skriver och sparar dina senaste sökningar. Detaljerade resultatkort laddas bara när de behövs, vilket minskar arbetet innan någon ens börjat söka.
Så kan du jämföra produkter, välja ett alternativ och lägga det i varukorgen utan att tappa bort var du var.
Produktsidor byggda kring köpbeslutet
Vi har organiserat om produktsidorna kring informationen du behöver för att handla. Produktmedia, vald variant, pris och köpknappar visas först. Storlek, frakt, skötsel och returer finns nära till hands.
Mediegalleriet stöder nu bilder, video, extern video och 3D-media. Byter du färg kan galleriet hoppa direkt till rätt bild.
Relaterade produkter visas i en egen sektion, ”More to Explore”. De finns nära till hands utan att konkurrera med den viktigaste produktinformationen.
En varukorg som svarar direkt
Tidigare blev varukorgen långsam eller ojämn när den hanterade ändringar. Vi har byggt om hur den uppdateras så att du får direkt respons.
Ändrade antal, borttagningar, rabattkoder och prisuppdateringar syns nu medan servern bekräftar slutresultatet. Sedan stämmer varukorgen av de visade antalen och summorna mot det bekräftade svaret.
Kampanjernas framsteg är också tydligare. Varukorgen visar hur mycket som återstår till fri frakt eller ett flerköpserbjudande och bekräftar när du är där.
Den fullständiga varukorgen och utdragsvarukorgen fungerar nu i stort sett likadant. Det gör båda vägarna till kassan mer konsekventa.
Mer användbara kundkonton
Butiken är nu användbar även efter köpet.
Kundkonton har en sökbar orderhistorik med miniatyrbilder, summor, datum och leveransstatus. Enskilda ordersidor kan visa detaljer om leverans, återbetalning och retur.
För ordrar som omfattas kan du välja produkter, antal och returorsak innan du skickar en förfrågan från ditt konto.
Vi har också byggt om land- och språkväljaren. Du kan söka på landsnamn, landskod, valuta eller språk, med resultat grupperade efter region. Byter du marknad stannar du kvar på samma sida medan språk och priser uppdateras.
Varför vi kallar den Energy Edition
Varje del av den här releasen handlar om tempo. Startsidan gör mindre innan den visas första gången. Att bläddra kräver färre sidbyten. Varukorgen svarar direkt och kundkontona klarar fler saker efter köpet.
Ingen enskild funktion definierar uppdateringen. Det är den samlade effekten av att bygga om de delar av butiken som används mest.
Arbetet fortsätter. Säg till när något känns långsamt, otydligt eller står i vägen.
