Polite Worldwide: uppdaterat tema och snabbare butik
Jag byggde om Polite Worldwides Shopify-tema: nya sektioner som visar kändisarna som bär smyckena, kortare laddtid och ett tema de kan redigera själva.
Vad är Polite Worldwide?
Polite Worldwide är en smyckesbutik på Shopify, känd för sina exklusiva produkter och för att stora kändisar bär dem. Det gamla temat var långsamt och gammalt, och butiken såg inte ut som ett lyxmärke.
Problemen med det gamla temat
- Temat var tungt och krångligt att uppdatera, så även små ändringar krävde utvecklartid.
- Flera ooptimerade skript och ingen lazy loading gjorde sajten långsam.
- Layouten var rörig, så produkterna och kändisbilderna drunknade.
Funktioner i det nya temat
Jag byggde om hela kodbasen, införde lazy loading och ändrade hur skripten laddas, vilket gav en betydligt snabbare sajt. Jag gjorde också temat redigerbart i temaredigeraren, så att Polite Worldwide kan ändra i stort sett allt utan att röra koden.
Renare design
Polite Worldwide ville se ut som det lyxmärke de är. Jag tog bort det mesta som inte behövdes på sidorna och lät produktbilderna och de viktigaste detaljerna ta plats.
Kändisar överallt
Kändisarna som bär smyckena är ett stort säljargument, så jag lade in dem på nästan alla viktiga sidor, från startsidan till produktsidorna. Karuseller visar kända personer som bär Polites pärlhalsband.
Helt anpassningsbart
Allt nytt, även gradienterna i headern och de specialbyggda sektionerna, går att ändra i temaredigeraren. Jag byggde det så att Polite Worldwide kan byta text, bilder och layout själva utan att röra koden.
Landningssidor
Jag byggde också några egna landningssidor, till exempel komplimanggeneratorn: en sida med animerad bakgrund (GLSL och GSAP) som skriver ett personligt meddelande med AI.
Hotjar efter lanseringen
Efter lanseringen följde jag besökarna i Hotjar för att se hur de använde den nya designen, och justerade några sektioner utifrån det.
Avslutande tankar
Butiken laddar snabbare än förut, ser renare ut, och Polite Worldwide kan själva ändra text, bilder och sektioner i temaredigeraren.
