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í.
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.
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.