E-shop pre predajcu Honda na Shoptete — design
na mieru pre motocykle online.
Pre Motosalon Klokočka, pražského predajcu motocyklov Honda s kamenným salónom na 500 m², sme navrhli a postavili e-shop na Shoptete s unikátnym grafickým designom na mieru. Wireframe pre desktop aj mobil, design zodpovedajúci vizuálnemu štýlu motosalónu, validácia produktového feedu pre tovarové vyhľadávače. Spolupráca pokračuje priebežnými úpravami a servisom.
Kamenný motosalón, ktorý chcel predávať
Honda motorky online
.
Motosalon Klokočka je zavedený pražský predajca motocyklov Honda s kamenným salónom o ploche 500 m² v Prahe 17. Rozhodnutie rozšíriť predaj o online kanál prinieslo jasné zadanie: e-shop na Shoptete, ktorý bude zodpovedať vizuálnemu štýlu motosalónu a profesionálnemu imidžu Honda dealera. Žiadna generická šablóna — design na mieru, ktorý zákazníkovi okamžite povie, kde je.
Kľúčovou požiadavkou bolo, aby e-shop fungoval rovnako dobre na mobile ako na desktope — zákazníci hľadajú motorky aj z telefónu, pričom mobilný traffic v segmente motoriek dlhodobo rastie. Wireframe bol navrhnutý pre obe verzie súčasne, nie ako dodatočná mobilná adaptácia. Súčasťou spolupráce bola aj validácia produktového feedu pre tovarové vyhľadávače — správne štruktúrovaný feed s povinnými atribútmi (značka, model, rok výroby, objem motora, typ karosérie, cena) je podmienkou pre zalistovanie na Heureke, Google Shoppingu a ďalších platformách. Chybne štruktúrovaný feed znamená zamietnuté produkty a stratu viditeľnosti. Paralelne vznikla podstránka Výkup vozidiel s napojením na SmartEmailing — formulár pre zber dopytov priamym napojením na e-mailový marketing.
„„S Mirandou spolupracujeme v rámci Autosalónu Klokočka už nejaký ten piatok. Poznáme sa dobre, pretože pre nás navrhli a kompletne zrealizovali skôr nový projekt e-shop Motosalon Klokočka. Spolupráca s ľuďmi z Mirandy je na vysoko profesionálnej úrovni a rovnako ako Klokočka poskytuje svojim zákazníkom len ten najlepší servis, aj Miranda robí svoju prácu na rýdzo špičkovej úrovni!““
Analýza, wireframe, design — systematicky a podľa potrieb klienta
Analýza a wireframe
Vstupná analýza požiadaviek klienta, cieľov a vizuálneho štýlu motosalónu. Návrh wireframu pre desktop aj mobilnú verziu — štruktúra stránok, navigácia, produktová stránka, košík.
Grafický design
Unikátny grafický návrh e-shopu zodpovedajúci vizuálnemu štýlu Motosalonu Klokočka — hlavná strana, kategórie, detail produktu. Desktop aj mobilná verzia.
Vývoj a spustenie
Kódovanie grafického návrhu na Shoptet — plne responzívne. Napojenie SmartEmailing pre podstránku Výkup vozidiel. Validácia produktového feedu pre tovarové vyhľadávače.
Priebežné úpravy a servis
Kodérske úpravy e-shopu, kontrola domény, vloženie skriptov, priebežné úpravy podľa potrieb klienta.
Design pre dealera Honda. Feed pre tovarové vyhľadávače
E-shop design zodpovedajúci Honda dealerovi
E-shop motosalonklokocka.cz je postavený na Shoptete s unikátnym grafickým designom na mieru. Vizuálny jazyk vychádza z identity motosalónu a pozície Honda dealera — profesionálny, prehľadný, zameraný na produkt. Katalóg motocyklov je štruktúrovaný podľa kategórií Honda (skútre, naked, športové, adventure, cestovné) s filtráciou podľa objemu motora, ceny a dostupnosti. Layout je optimalizovaný pre obe zariadenia: wireframe vznikal paralelne pre desktop aj mobil, nie ako dodatočná mobilná verzia. Produktová stránka obsahuje technické parametre motocykla, galériu, cenu a priamu výzvu k akcii — rezervácia alebo dopyt.
Validovaný produktový feed + SmartEmailing
Správne štruktúrovaný produktový feed je podmienkou pre zalistovanie motocyklov na tovarových vyhľadávačoch — Heureka, Google Shopping a ďalších. Motocykle majú špecifické povinné atribúty: značka, model, rok výroby, objem motora (ccm), typ, farba, stav (nový/použitý) a cena. Validácia feedu zahŕňa kontrolu povinných aj odporúčaných atribútov, správnu kategorizáciu produktov v strome Heureky a formátovanie dát podľa XML špecifikácie každej platformy. Chýbajúci alebo nesprávne zadaný atribút vedie k zamietnutiu produktu — validovaný feed zaisťuje 100% zalistovanie celého katalógu. Podstránka Výkup vozidiel je napojená na SmartEmailing — dopytový formulár automaticky zakladá kontakt v e-mailovom systéme a spúšťa follow-up sekvenciu.
Dve rozhodnutia, ktoré projekt definovali
Wireframe pre desktop aj mobil ako základ
Návrh e-shopu začal wireframom — vizuálnym rozložením štruktúry stránok pred samotným grafickým designom. Wireframe definoval navigáciu, hierarchiu informácií na produktovej stránke a priechod košíkom. Vďaka tomu bol grafický design iterovaný efektívne — klient odsúhlasoval rozloženie oddelene od vizuálneho štýlu, bez miešania dvoch rôznych typov spätnej väzby.
Validácia produktového feedu — podmienka pre tovarové vyhľadávače
Motocykle sú špecifický segment: produktové atribúty (značka, model, rok výroby, objem motora, typ) musia byť vo feede správne štruktúrované, aby tovarové vyhľadávače produkty prijali a správne kategorizovali. Validácia feedu prebehla pre všetky produkty v katalógu — výsledkom je čistý feed bez chýb, pripravený pre Heureku a Google Shopping.
Čo sa podarilo.
E-shop zodpovedajúci imidžu Honda dealera
Unikátny grafický design na mieru — žiadna generická šablóna. E-shop vizuálne zodpovedá pozícii oficiálneho Honda dealera a kamenného motosalónu.
Plne responzívny — desktop aj mobil
Wireframe navrhnutý súčasne pre obe platformy zaistil konzistentný používateľský zážitok bez kompromisov na mobilnej verzii.
Čistý produktový feed pre tovarové vyhľadávače
Validovaný feed bez chýb — motocykle Klokočka sú správne zalistované na tovarových platformách.
Priebežná spolupráca od 2021
Klient oslovil MirandaMedia s ďalšími projektmi a priebežnou spoluprácou — priamy dôkaz spokojnosti s výsledkom.
Voľby, ktoré obhájime
Ako pracujeme
Motosalon Klokočka bol projekt s jasným cieľom — profesionálny online predaj motoriek Honda, bez generickej šablóny. Tím pokrýval UX, design a kódovanie. Systematický prístup wireframe → design → vývoj zaistil efektívnu iteráciu bez zbytočných prepracovaní.
Čo sme pre Motosalon Klokočka postavili
3 hlavné realizácie · 2021–2023E-shop na Shoptete s unikátnym grafickým designom
Vstupná analýza, wireframe pre desktop aj mobil, unikátny grafický návrh zodpovedajúci vizuálnemu štýlu Honda dealera, kódovanie na Shoptet — plne responzívne. Napojenie SmartEmailing pre podstránku Výkup vozidiel.
Validácia produktového feedu
Validácia produktového feedu pre tovarové vyhľadávače — Heureka, Google Shopping. Kontrola atribútov, kategorizácia, formátovanie. Čistý feed pre plné zalistovanie produktov.
Priebežné úpravy a servis
Kodérske úpravy e-shopu, kontrola domény, vloženie skriptov, priebežné úpravy podľa potrieb klienta.
Staviame aj pre
iné značky.
Čo urobiť, aby ti e-shop zarábal viac? Margly to vie skôr než ty.
Staviame aj pre
vás.
Pošlite nám pár viet o vašom projekte. Dáme si nezáväzný hovor.