před úpravamipo úpravách

Michal Dušek

referenční ukázka úpravy CSS/JS šablony e-shopu Fastcentrik

E-shop Sport-D.cz

Hlavní požadavky na úpravu šablony e-shopu:

  • Změna barev. Majitelka si přála barevnou kombinaci, která odpovídá jejich celkovému přírodním stylu a přitom zachovat jemnost a střídmost. Nutno říci, že přesně věděla, co chce a zbytek nechala na mě.
  • Celý design rozšířit a využít tak více prostoru na monitorech.
  • Upravit produktové menu.
  • Přesunout hlavní menu úplně nahoru.
  • Upravit patičku, změnit filtrování, celkově zpřehlednit.
  • Doplnit ikony a zpřehlednit všechny stránky typu košík, výběr platby a dopravy, stránku s dokončením objednávky.
  • Přesunout video z popisu v detailu do hlavní části produktové stránky.

Proces úprav HTML/CSS/JS šablony e-shopu:

Nejdříve jsme si ujasnili základní a doplňkové barvy. Obvykle řeším na začátku i změnu písma, nicméně písma jsme upravili až když byly základní vzhledové úpravy šablony vyřešeny.

Pak jsem upravoval rozšíření vzhledu, rozložení na monitoru tak, aby se lépe využil prostor na displeji.

Následně jsem se zaměřil na vytvoření základního motivu soudkovitého tlačítka a ostatních prvků, na úpravy hlavičky webu. Přesunutí menu, změna a úpravy vyhledávacího pole, popup košíku a celé horní části.

Když jsme si odsouhlasili celkové rozložení, pustil jsem se do úprav patičky a poté i dalších částí.

sport-d - levé menu

Porovnejte stav šablony PŘED úpravami a PO úpravách

Obrázky PŘED a PO se překrývají. Posuvníkem si můžete odkrýt ten, který chcete.

Přeuspořádal a přestyloval jsem základní informace o výrobku, v části s dopravou doplnil informace o dopravě, termínech a skladu, předělali jsme zobrazení cen v Kč a Eurech. Samozřejmostí je změna soudkovitosti a stylu tlačítek, formulářových polí.

Vizuálně je oddělena část s detaily popisu a parametry zboží. Video se nově přesouvá z popisu do horní části stránky (pod stručný popisek).

 

Zvýrazněno podstatné, utlumeno nedůležité. Objasněny kroky uživatele, dodržen celkový koncept nového vzhledu.

 

Zpřehledněny oddíly pro výběr, doplněny ikony k dopravě, upraveny texty, práce na informačním bloku s okamžitými kontaky.

 

Detail produktu předDetai produktu PO úpravách
Stránka košík před úpravamiStránka košík PO úpravách
Stránka platební metoda a doprava před úpravamiStránka platební metoda a doprava PO úpravách

Veškerý obsah, fotografie, ikony, SEO, popisky kategorií i produktů, si tvoří přímo ve Sport-D. Renátu Daňkovou, majitelku firmy, dávám mnohým svým klientům jako vzor. Neustále rozvíjí své dovednosti.

Pokaždé, když spolu něco probereme, nejpozději do 3 dnů (obvykle hned „zítra“) mi volá a říká: „Hotovo, co dál?“ 🙂 Nahrává si produktová videa, vytváří e-mailingové novinky. Mimochodem od r. 2017 ještě píše inspirativní cestovatelský blog www.renatadankova.cz. Mimochodem všechny fotografie produktů jsou jejich vlastní originál. V prostorách firmy si zřídili fotokoutek. 

Co tomu říká zadavatelka?

reference...
Renáta Daňková

majitelka, Sport-D.cz

Poznámka: Toto byl již druhý komplexní redesign šablony systému Fastcentrik v posledních 5 letech pro Sport-D.cz. Jelikož je majitelka sportu zběhlá v marketingu a měření výsledků, všechny úpravy jsme také tvořili na bázi konzultací a měření, se zpětnou vazbou od návštěvníků a zákazníků.

Pin It on Pinterest

Sdílej

Dej o tom vědět přátelům