← Všechny případové studie

E-shop a marketing

Shoptet bez kompromisů

Zrychlení webů na Shoptetu, bezpečné nasazování úprav, vlastní e-mailové šablony a roboti, kteří v administraci dělají práci, na kterou Shoptet nemá API.

1,01 → 0,05
posun layoutu při načítání (CLS) na mobilu u ArtMomentu
18,7 → 4,7 s
načtení hlavního obsahu (LCP) na mobilu u PaperTime
237
prošlých termínů odstranil robot z e-shopu v jediném běhu
Dvě e-mailové šablony PaperTime: potvrzení platby a odeslání balíčku s ukazatelem průběhu
E-maily o stavu objednávky s ukazatelem průběhu a odkazem na sledování.

Výchozí situace

  • Úvodní stránka ArtMomentu se na mobilu načítala 39 s (LCP) a při načítání poskakovala.
  • Na PaperTime vedl odkaz na ochranu osobních údajů na 211 stránkách do prázdna a podmínky dopravy si na různých místech odporovaly.
  • Termíny kurzů, prošlé varianty a duplicitní objednávky se v administraci řešily ručně.

Co jsem postavil

  1. Rychlost

    Převod obrázků, líné načítání videí, oprava poskakování layoutu, odložený chat a upravený skript kalendáře dodavatele. U něj testy ověřují, že se chová stejně jako originál.

  2. Bezpečné nasazení

    Změny v HTML kódech Shoptetu jdou po etapách. Nástroj zapíše jen tehdy, když stav administrace odpovídá očekávání, udělá zálohu, ověří živý web a umí vrátit změnu jedním příkazem.

  3. Roboti v administraci

    Publikace termínů franšíz, mazání prošlých termínů, rušení duplicitních nezaplacených objednávek, hlídací pes na volná místa a import kupónů partnerů. Každý nejdřív ukáže plán, pak provede změny a pošle report do Telegramu.

  4. E-maily a obsah

    Osm šablon e-mailů o stavu objednávky s ukazatelem průběhu a odkazem na sledování, přepsané obchodní podmínky, reklamace a FAQ a vlastní sada ikon.

  5. Audit

    Prošel jsem 291 stránek, 860 externích odkazů a 370 obrázků a sepsal nálezy podle priority.

Výsledky

  • Opakované úkony v administraci běží samy podle plánu a každá změna má zálohu a report.
  • Zákazník PaperTime dostává e-maily, které odpovídají značce a ukazují, kde je jeho objednávka.
  • Úpravy šablony e-shopu jdou nasadit i vrátit bez rizika rozbití webu.
  • Měřeno v Lighthouse na mobilu: ArtMoment LCP 39,4 s → 12 s a CLS 1,01 → 0,05; PaperTime LCP 18,7 s → 4,7 s a CLS 0,70 → 0,14. Převod 45 obrázků ušetřil 36 % objemu.

Na Shoptetu jde udělat víc, než se zdá. Klíčové je nasazovat po malých krocích s možností návratu.

Jak to vypadá

Screenshoty ze skutečných aplikací. Jména, kontakty a čísla objednávek v interních systémech jsou vymyšlená.

Úvodní stránka artmoment.cz na desktopu
artmoment.cz po zrychlení. Layout se při načítání už nehýbe.
Úvodní stránka papertime.cz s novými ikonami v menu
papertime.cz s novou sadou ikon a upravenou hlavičkou.
Srovnání původních a nových ikon menu PaperTime ve dvou variantách
Původní ikony menu a dvě varianty nové sady.