Web · 2026 · La Sofia, ručně dělané šperky

La Sofia 2026: redesign, optimalizace a marketing

Rok po spuštění jsme věděli, co zákazníci na webu dělají a co je brzdí. Zakoupená šablona nahrávala pět ikonových fontů a několik jQuery pluginů, na mobilu byla pomalá a každá úprava se bila s jejím kódem. Místo výměny platformy jsme navrhli nový vzhled a postavili šablonu znovu.

La Sofia 2026: redesign, optimalizace a marketing
    Ve zkratce
  • Nový design a vlastní šablona pro PrestaShop 8.2.1: jeden soubor designových tokenů, self-hostované fonty, kontrast podle WCAG AA. Zakoupená šablona zůstala jen jako záloha pro porovnání.
  • Vlastní moduly místo zakoupených: menu, slider, domovská stránka, patička, boční košík, rezervace jediného kusu, oblíbené bez registrace, GTM. S nimi zmizely Nivo Slider, Owl Carousel a načítání Google Fonts.
  • Provoz přenesený z Plesku na vlastní server pod Indepanelem, nasazení z Gitu, dev kopie na poddoméně. Měření přes GTM a GA4 s Consent Mode v2 a produktový feed pro kampaně.

Proč druhé kolo

První verze obchodu splnila účel: ověřila, že se originální šperky online prodávají, a nasbírala rok dat. Zároveň ukázala limity zakoupené šablony Corano: Bootstrap, animační knihovna a pět ikonových fontů vedle sebe, u každého modulu vlastní jQuery plugin. Žádné doladění obrázků to nespraví, proto jsme šli po příčině.

Nový design a vlastní šablona

  • Vzhled. Nový návrh vychází z toho, co se za rok ukázalo jako důležité: novinky hned nahoře, dlaždice kategorií, karta produktu s akcemi a nákup bez registrace. Barvy, písma a mřížka drží jeden soubor tokenů, ze kterého čerpají všechny moduly. Zlatá slouží jen pro pozadí a rámečky, pro text je tmavší odstín, aby prošel kontrastem WCAG AA.
  • Vlastní moduly místo zakoupených. Menu s rozbalením v čistém CSS, slider bez jQuery, domovská stránka, patička z nastavení obchodu, boční košík s letem kusu do košíku, oblíbené a porovnání bez účtu, rychlé úpravy v administraci. Zakoupené moduly jsme odpojili, ne odinstalovali, takže návrat je otázka jednoho hooku.
  • Rezervace jediného kusu. Každý šperk existuje jednou a PrestaShop snižuje sklad až při potvrzení objednávky. Vlastní modul drží kus v košíku po nastavenou dobu nedostupný pro ostatní, aby dva lidé nezaplatili za totéž.
  • Rychlost. Fonty Playfair Display a Lato self-hostované a ořezané na češtinu, přilepená hlavička bez skriptů, náhledy produktů přepočítané na přesné rozlišení originálů, žádné externí fonty v nové části šablony.

Provoz a marketing

  • Přenos z Plesku. Obchod běží na našem serveru pod Indepanelem: kód v Gitu, automatické nasazení, dev kopie na poddoméně a lokální prostředí v Dockeru, které odpovídá produkci. Platby a dopravu (Comgate, Zásilkovna, PPL, QR platba) jsme nechali beze změny.
  • Měření a kampaně. Vlastní modul pro Google Tag Manager, GA4 s Consent Mode v2 a konverzemi pro reklamní systémy, produktový feed pro Google Merchant. Kampaně vede Independency, takže web a reklama se ladí z jednoho místa.

Co dál

PrestaShop zůstává na verzi 8.2.1, protože polovina modulů devítku nepodporuje. Pro další krok máme připravený headless storefront na Vendure a Next.js s vlastní migrací katalogu; přepneme na něj, až to bude dávat smysl obchodně, ne proto, že je to technicky zajímavé.

Obrazovky

La Sofia 2026 obrazovky

Kontakt

Máte projekt? Napište nám.

Pár vět o tom, co řešíte, stačí. Ozveme se do jednoho pracovního dne s otázkami a návrhem postupu.

Co potřebujete? (vyberte libovolně)

Odpovídáme do jednoho pracovního dne. Žádný automatický prodejní cyklus.