E-shop pro prodejce Honda na Shoptetu — design
na míru pro motocykly online.
Pro Motosalon Klokočka, pražského prodejce motocyklů Honda s kamenným salonem na 500 m², jsme navrhli a postavili e-shop na Shoptetu s unikátním grafickým designem na míru. Wireframe pro desktop i mobil, design odpovídající vizuálnímu stylu motosalonu, validace produktového feedu pro zbožové vyhledávače. Spolupráce pokračuje průběžnými úpravami a servisem.
Kamenný motosalon, který chtěl prodávat
Honda motorky online
.
Motosalon Klokočka je zavedený pražský prodejce motocyklů Honda s kamenným salonem o ploše 500 m² v Praze 17. Rozhodnutí rozšířit prodej o online kanál přineslo jasné zadání: e-shop na Shoptetu, který bude odpovídat vizuálnímu stylu motosalonu a profesionální image Honda dealera. Žádná generická šablona — design na míru, který zákazníkovi okamžitě řekne, kde je.
Klíčovým požadavkem bylo, aby e-shop fungoval stejně dobře na mobilu jako na desktopu — zákazníci hledají motorky i z telefonu, přičemž mobilní traffic v segmentu motorek dlouhodobě roste. Wireframe byl navržen pro obě verze současně, ne jako dodatečná mobilní adaptace. Součástí spolupráce byla také validace produktového feedu pro zbožové vyhledávače — správně strukturovaný feed s povinnými atributy (značka, model, rok výroby, objem motoru, typ karoserie, cena) je podmínkou pro zalistování na Heurece, Google Shoppingu a dalších platformách. Chybně strukturovaný feed znamená zamítnuté produkty a ztrátu viditelnosti. Paralelně vznikla podstránka Výkup vozů s napojením na SmartEmailing — formulář pro sběr poptávek přímým napojením na e-mailový marketing.
„„S Mirandou spolupracujeme v rámci Autosalonu Klokočka už nějaký ten pátek. Známe se dobře, protože pro nás navrhli a kompletně zrealizovali dříve nový projekt e-shop Motosalon Klokočka. Spolupráce s lidmi z Mirandy je na vysoce profesionální úrovni a stejně jako Klokočka poskytuje svým zákazníkům jen ten nejlepší servis, i Miranda dělá svojí práci na ryze špičkové úrovni!““
Analýza, wireframe, design — systematicky a podle potřeb klienta
Analýza a wireframe
Vstupní analýza požadavků klienta, cílů a vizuálního stylu motosalonu. Návrh wireframu pro desktop i mobilní verzi — struktura stránek, navigace, produktová stránka, košík.
Grafický design
Unikátní grafický návrh e-shopu odpovídající vizuálnímu stylu Motosalonu Klokočka — hlavní strana, kategorie, detail produktu. Desktop i mobilní verze.
Vývoj a spuštění
Kdování grafického návrhu na Shoptet — plně responzivní. Napojení SmartEmailing pro podstránku Výkup vozů. Validace produktového feedu pro zbožové vyhledávače.
Průběžné úpravy a servis
Kodérské úpravy e-shopu, kontrola domény, vložení skriptů, průběžné úpravy dle potřeb klienta.
Design pro dealera Honda. Feed pro zbožové vyhledávače
E-shop design odpovídající Honda dealerovi
E-shop motosalonklokocka.cz je postaven na Shoptetu s unikátním grafickým designem na míru. Vizuální jazyk vychází z identity motosalonu a pozice Honda dealera — profesionální, přehledný, zaměřený na produkt. Katalog motocyklů je strukturován podle kategorií Honda (skútry, naked, sportovní, adventure, cestovní) s filtrací podle objemu motoru, ceny a dostupnosti. Layout je optimalizovaný pro obě zařízení: wireframe vznikal paralelně pro desktop i mobil, ne jako dodatečná mobilní verze. Produktová stránka obsahuje technické parametry motocyklu, galerii, cenu a přímou výzvu k akci — rezervace nebo poptávka.
Validovaný produktový feed + SmartEmailing
Správně strukturovaný produktový feed je podmínkou pro zalistování motocyklů na zbožových vyhledávačích — Heureka, Google Shopping a dalších. Motocykly mají specifické povinné atributy: značka, model, rok výroby, objem motoru (ccm), typ, barva, stav (nový/použitý) a cena. Validace feedu zahrnuje kontrolu povinných i doporučených atributů, správnou kategorizaci produktů ve stromě Heureky a formátování dat dle XML specifikace každé platformy. Chybějící nebo nesprávně zadaný atribut vede k zamítnutí produktu — validovaný feed zajišťuje 100% zlistování celého katalogu. Podstránka Výkup vozů je napojena na SmartEmailing — poptávkový formulář automaticky zakládá kontakt v e-mailovém systému a spouští follow-up sekvenci.
Dvě rozhodnutí, která projekt definovala
Wireframe pro desktop i mobil jako základ
Návrh e-shopu začal wireframem — vizuálním rozložením struktury stránek před samotným grafickým designem. Wireframe definoval navigaci, hierarchii informací na produktové stránce a průchod košíkem. Díky tomu byl grafický design iterován efektivně — klient odsouhlasoval rozložení odděleně od vizuálního stylu, bez míchání dvou různých typů zpětné vazby.
Validace produktového feedu — podmínka pro zbožové vyhledávače
Motocykly jsou specifický segment: produktové atributy (značka, model, rok výroby, objem motoru, typ) musí být ve feedu správně strukturované, aby zbožové vyhledávače produkty přijaly a správně kategorizovaly. Validace feedu proběhla pro všechny produkty v katalogu — výsledkem je čistý feed bez chyb, připravený pro Heureku a Google Shopping.
Co se povedlo.
E-shop odpovídající image Honda dealera
Unikátní grafický design na míru — žádná generická šablona. E-shop vizuálně odpovídá pozici oficiálního Honda dealera a kamenného motosalonu.
Plně responzivní — desktop i mobil
Wireframe navržený současně pro obě platformy zajistil konzistentní uživatelský zážitek bez kompromisů na mobilní verzi.
Čistý produktový feed pro zbožové vyhledávače
Validovaný feed bez chyb — motocykly Klokočka jsou správně zlistované na zbožových platformách.
Průběžná spolupráce od 2021
Klient oslovil MirandaMedia s dalšími projekty a průběžnou spoluprácí — přímý důkaz spokojenosti s výsledkem.
Volby, které obhájíme
Jak pracujeme
Motosalon Klokočka byl projekt s jasným cílem — profesionální online prodej motorek Honda, bez generické šablony. Tým pokrýval UX, design a kódování. Systematický přístup wireframe → design → vývoj zajistil efektivní iteraci bez zbytečných přepracování.
Co jsme pro Motosalon Klokočka postavili
3 hlavní realizace · 2021–2023E-shop na Shoptetu s unikátním grafickým designem
Vstupní analýza, wireframe pro desktop i mobil, unikátní grafický návrh odpovídající vizuálnímu stylu Honda dealera, kódování na Shoptet — plně responzivní. Napojení SmartEmailing pro podstránku Výkup vozů.
Validace produktového feedu
Validace produktového feedu pro zbožové vyhledávače — Heureka, Google Shopping. Kontrola atributů, kategorizace, formátování. Čistý feed pro plné zlistování produktů.
Průběžné úpravy a servis
Kodérské úpravy e-shopu, kontrola domény, vložení skriptů, průběžné úpravy dle potřeb klienta.
Stavíme i pro
jiné značky.
Co udělat, aby ti e-shop vydělával víc? Margly to ví dřív než ty.
Stavíme i pro
vás.
Pošlete nám pár vět o vašem projektu. Dáme si nezávazný hovor.