Studio Simpy E-shop

Webová prezentace masážního studia s tělocvičnou a prodejnou vybraného zboží vč. e-shopu.
Novinky, fotogalerie, kontaktní formulář, odběr newsletteru.

Prohlédnout web

Studio Simpy má webové stránky od roku 2012. V roce 2019 se holky ze studia rozhodly, že si obsah chtějí editovat samy a tak vznikl nový web. Získaly zkušenosti a i s ohledem omezení prodeje kvůli covidu se rozhodly rozšířit stávající prodej produktů ve studiu i o prodej ve vlastním eshopu. Vzaly jsme to tedy od podlahy a tady máme nejnovější verzi webu. Důležité bylo, aby web byl dobře použitelný a čitelný na počítači i mobilu a zároveň bylo možné rychle zadávat aktuální informace a vyřizovat objednávky.

Vzhled

Písmo

Základní písmo webu je Raleway o velikosti 18 px pro dobrou čitelnost.

Nadpisy používají výraznější Josefin Sans.

Barvy

Tlačítka

Hlavní Vedlejší

Desktop

Homepage

Úvodní stránka s novinkami – Aktuálně

Patička

Třísloupcová patička – hodí se pro odkazy na stránky, které nechceme mít v hlavním menu, a pro prvky, které se mají opakovat na každé stránce, např. rychlý kontakt, odkazy na sociální sítě nebo přihlašení k odběru novinek.

Novinka

Část obsahu novinky (příspěvku) – lze vkládat tlačítka, ale také obrazové odkazy na produkty e-shopu. Zároveň se nahoře zobrazuje zjednodušená hlavička s menu – tak, aby byla stále dostupná.

Galerie

Galerie fotek, při rozklinutí se zobrazí lightbox s fotkou na celé obrazovce. Fotogalerie lze vkládat i do novinek (příspěvků).

Formulář

Stránka Kontakt s mapou Google a formulářem, zabezpečeném proti spamu reCaptchou verze 3, která běží na pozadí a tak neobtěžuje pisatele.

E-shop

Stránka e-shopu s kategoriemi produktů – zde jsme zvolily značky produktů. Produkty jsou označeny doplňkovými informacemi, štítky, které jsou zobrazeny v pravém sloupci pod názvem Produkty.

Produkty

Výpis produktů zobrazuje kromě obvyklého názvu a ceny také informaci, o co se jedná a hmotnosti/objemu balení. Lze zobrazit i dostupnost zboží, resp. jestli je nebo není skladem nebo na objednávku.

Detail produktu

V detailu produktu jsou uvedeny veškeré informace vč. dostupnosti. Zde je nastaveno, že pro 1-2 kusy se zobrazuje počet, jinak pouze informace, že je skladem.