Případová studie / Shoptet
BIJU
Dotažené detaily nákupu.
Na BIJU upravuji konkrétní části fungujícího e-shopu na Shoptetu. Kategorie doplňuji o úvodní obsah a produktové karty, u variant řeším chybějící volbu a v detailu dostupnost informací při scrollování. Níže ukazuji jednotlivé úpravy včetně stavu před výběrem velikosti a po něm.
- Moje práce
- Kategorie, varianty a produktový detail
- Prostředí
- Shoptet, stávající šablona
- Co ukázka dokládá
- Upozornění přímo u chybějící volby
Můj podíl tvoří popsané úpravy stávajícího e-shopu.
Otevřít web ↗
01 / Začátek výběru
Výběr začíná už nad výpisem.
- Potřeba
- Zákazník potřebuje vybrat směr ještě před dlouhým výpisem zboží.
- Moje úprava
- Do kategorií jsem doplnil úvodní bloky s textem, odkazy na druhy šperků a vybranými produkty. V kategorii Náušnice tak člověk může rovnou přejít třeba na kruhy nebo pecky. Doplněk pracuje uvnitř stávajícího Shoptetu.
- Ukázka chování
- Ukázka spojuje úvodní text, odkazy a karty načítané z produktů.
Zvětšit ukázku02 / Volba před nákupem
Bez velikosti prsten do košíku nepatří.
- Potřeba
- Před přidáním do košíku musí být vybraná povinná varianta.
- Moje úprava
- U prstenu je velikost povinná, dárkové balení nikoli. Když zákazník zkusí nakoupit bez velikosti, úprava zobrazí upozornění přímo u jejího výběru a přesune tam zaměření. Po výběru dostupné varianty upozornění zmizí. Oba stavy jsou vedle sebe níže.
- Ukázka chování
- Vedle sebe jsou dva stavy stejného produktu, před a po volbě velikosti.
Zvětšit ukázku- Upozornění je přímo u chybějící varianty.
- Volba velikosti zůstává na stejném místě.
Zvětšit ukázkuUpozornění u pole
Zákazník vidí, která volba chybí. Zaměření přejde přímo k variantě.
Také z klávesnice
Výběr varianty počítá s ovládáním bez myši i se stavem nedostupné varianty.
Dva zachycené stavy stejného produktu. Velikost prstenu je povinná volba; dárkové balení je samostatný příplatek.
Zvětšit ukázku03 / Informace o produktu
Nákupní ovládání i u delšího popisu.
- Potřeba
- Popis a parametry mají zůstat dostupné při procházení detailu.
- Moje úprava
- Do delšího detailu jsem doplnil navigaci mezi popisem, parametry a dalšími částmi. Název, cena a nákupní ovládání zůstávají při scrollování dostupné. Produktová videa se zobrazují tam, kde je zboží má. Tyto ukázky dokládají změnu ovládání; dopad na prodeje zde neměřím.
- Ukázka chování
- Snímek ukazuje navigaci mezi částmi a navazující produktový obsah.
Zvětšit ukázkuÚpravy Shoptetu
Co na vašem e-shopu potřebuje dotáhnout?
Pošlete mi odkaz a popište, kde zákazník naráží. Projdeme konkrétní úpravu a domluvíme další krok.