Případová studie - Než jsme mohli Bodylok začít pořádně propagovat, museli jsme dát do pořádku jeho digitální základ.

Bodylok nás oslovil kvůli dlouhodobější marketingové spolupráci. Cílem bylo znovu rozhýbat komunikaci značky, pracovat systematičtěji s obsahem a postupně připravit prostředí pro růst organických i placených kanálů.

Ještě před větším rozjezdem marketingu jsme ale narazili na problém: e-shop a celková digitální prezentace značky nebyly připravené na to, co jsme s nimi chtěli dělat dál.

Původní Shopify storefront potřeboval výrazně lepší mobile-first UX, značka nebyla napříč jednotlivými kanály dostatečně sjednocená a některé části technické infrastruktury navíc nefungovaly správně.

Místo toho, abychom na tenhle základ začali pouze posílat další návštěvnost, rozhodli jsme se ho nejdřív předělat.

V rámci spolupráce jsme přepracovali vizuální směr Bodyloku tak, aby lépe odpovídal cílové skupině a dal se konzistentně používat napříč celou digitální komunikací.

Upravili jsme barevnost, způsob práce s grafikou a celkovou prezentaci značky. Nový směr jsme neaplikovali pouze na storefront, ale také na sociální sítě, carousely, grafické posty a další marketingové výstupy.

Díky tomu dnes e-shop a marketing nepůsobí jako dvě oddělené části značky. Zákaznice potkává stejný vizuální a komunikační systém od prvního příspěvku na sociálních sítích až po produktovou stránku a checkout.

Logo a produktové fotografie dodal klient. Produktové popisy vycházely z podkladů klienta, zatímco další texty a marketingové copy vznikají v rámci naší spolupráce.

Původní Bodylok běžel na klasickém Shopify theme. Nechtěli jsme ho pouze graficky upravit nebo přeskládat několik existujících sekcí.

Nové UX & UI jsme navrhli kompletně od začátku s důrazem na mobilní používání, jednodušší orientaci v sortimentu a nákupní cestu, která lépe odpovídá tomu, jak značka své produkty komunikuje.

Znovu jsme řešili navigaci, informační hierarchii, produktové karty, produktové stránky, obsahové sekce, košík i další klíčové části e-shopu.

Mobile-first přístup pro nás nebyl pouze otázkou responzivity. Telefon jsme brali jako jedno z hlavních prostředí, ve kterém zákaznice Bodylok objevuje a nakupuje.

Nový Bodylok jsme převedli na headless architekturu postavenou na Shopify Hydrogen a Oxygen.

Shopify dál řeší produktová data, objednávky, zákazníky a checkout, zatímco veřejnou část e-shopu máme pod výrazně větší kontrolou z pohledu UX, designu, výkonu a vlastní funkcionality.

Součástí realizace byl celý frontend i serverová Hydrogen logika, Shopify konfigurace, zákaznické účty, recenze, vlastní wishlist, responzivita, performance, SEO a napojení marketingových technologií.

Technickou realizaci nového storefrontu jsme řešili kompletně interně od návrhu až po nasazení.

Přechod z klasického Shopify theme na Hydrogen jsme připravili s důrazem na zachování existujících SEO pozic a kontinuity původního e-shopu.

Řešili jsme URL strukturu, redirecty, canonical adresy, metadata, sitemapu a další technické části potřebné pro správnou migraci.

Po spuštění jsme zajistili také kompletní indexační infrastrukturu a napojili Google Search Console, Bing Webmaster Tools a Seznam Webmaster.

Součástí technického základu je také produktový feed pro Heureku a průběžná práce s výkonem a PageSpeedem nového storefrontu.

Při převzetí projektu jsme narazili na problém s produktovými daty v Google Merchant Center.

Původní řešení využívalo Mergado a vytvářelo mimo jiné duplicitní produkty, což komplikovalo práci s katalogem i budoucí reklamní kampaně.

Místo dalšího opravování původní vrstvy jsme Mergado z architektury úplně odstranili a napojení Google Merchant Center postavili znovu.

Produktová data dnes řešíme přes Shopify ekosystém, Hydrogen storefront a oficiální Google integraci v Shopify.

Vedle produktového feedu jsme při převzetí projektu narazili také na nefunkční fulfillment feed.

Ten jsme opravili a obnovili správné předávání objednávkových dat do navazujícího systému.

Podobné problémy nejsou vidět na screenshotu nové homepage, ale pro každodenní provoz obchodu jsou stejně důležité jako samotný frontend.

Součástí nového Bodyloku jsou zákaznické účty se správou profilu, adres a historie objednávek.

Do storefrontu jsme integrovali také produktové recenze a vlastní wishlist.

Wishlist jsme doplnili z vlastní iniciativy, protože nám obchodně dávalo smysl umožnit zákaznicím produkty uložit a později se k nim vrátit.

Funkcionalitu jsme vyřešili prostřednictvím vlastní Shopify aplikace a wishlist navázali přímo na zákaznický účet, takže není omezený pouze na jeden prohlížeč nebo zařízení.

Pro Bodylok jsme připravili kompletní e-commerce měření přes Google Tag Manager a Google Analytics 4.

Součástí implementace je Consent Mode, takže analytické a marketingové technologie respektují souhlas návštěvníka.

Měření jsme navrhli s ohledem na rozdělení mezi vlastní Hydrogen storefront a Shopify checkout tak, aby na sebe jednotlivé části nákupní cesty správně navazovaly a stejné události se zbytečně neduplikovaly.

Současně jsme nastavili Meta Pixel a návaznost na oficiální Shopify Meta integraci, která zajišťuje příslušnou checkoutovou a serverovou část měření včetně Conversions API.

Po sjednocení značky a spuštění nového e-shopu jsme mohli naplno rozvíjet původní marketingový plán.

Připravujeme obsahový plán, carousely a další grafické výstupy, píšeme copy a popisky k videím dodaným klientem a obsah následně publikujeme na Instagramu, Facebooku a TikToku.

Součástí spolupráce jsou také blogové články, promo akce a průběžná práce s nabídkou e-shopu.

Po přibližně šesti měsících minimální aktivity značky přinesly už první dny obnovené komunikace více než 11 000 zhlédnutí pouze na Instagramu.

V rámci spolupráce připravujeme také konkrétní prodejní mechaniky a krátkodobé promo akce.

Pracujeme například s akcemi 1+1, produktovými balíčky nebo kombinacemi menstruačních disků a kalhotek.

Jednotlivé nabídky následně propojujeme s komunikací na e-shopu, sociálních sítích, v obsahu a dalších kanálech, aby zákaznice dostala konzistentní informaci během celé nákupní cesty.

Pro Bodylok jsme nastavili automatizované e-mailové scénáře přímo v Shopify ekosystému s využitím e-mailingové aplikace a Shopify Flow.

Řešíme například opuštěný košík, opuštěné prohlížení produktu, win-back komunikaci a následný cross-sell po nákupu.

Vedle automatizovaných scénářů jsme připravili také krátkodobou e-mailingovou kampaň.

E-mailing tak pracuje s konkrétním chováním zákaznice a navazuje na samotný e-shop místo toho, aby fungoval pouze jako samostatný newsletterový kanál.

Součástí současné spolupráce je také práce s UGC tvůrci a menšími influencery.

Neřešíme pouze seznam profilů. Zajišťujeme celý proces od vyhledávání a výběru vhodných tvůrců přes jejich oslovení a domluvu podmínek až po briefing, koordinaci výstupů a následnou práci s vytvořeným obsahem.

Cílem je vytvářet autentický obsah, který může Bodylok využívat jak v organické komunikaci, tak následně v placených kampaních.

Na nový storefront, sjednocenou značku a připravenou analytiku navazuje další část spolupráce — správa Meta Ads a Google Ads.

Díky tomu nevstupujeme do výkonnostního marketingu jako externí správce, který dostane hotový e-shop a snaží se zjistit, jak funguje.

Známe nákupní cestu, produktová data i trackingovou architekturu, protože jsme je sami navrhovali a implementovali.

Bodylok nás původně oslovil kvůli dlouhodobé marketingové spolupráci. Právě při její přípravě jsme ale zjistili, že značka potřebuje nejdřív sjednotit svou prezentaci a vyřešit technický základ e-commerce.

Proto jsme sjednotili upravenou vizuální identitu napříč digitálními kanály, kompletně redesignovali e-shop, převedli ho z klasického Shopify theme na Hydrogen, zachovali SEO kontinuitu a opravili problematická produktová i fulfillmentová napojení.

Na tom dnes stavíme původní cíl spolupráce — pravidelný obsah, promo akce, emailing, UGC a influencer marketing a navazující výkonnostní kampaně.

Bodylok tak neřešíme jako oddělený webový a marketingový projekt. E-shop, značka, obsah, data, retence a akvizice od začátku skládáme jako části jednoho systému.