E-shop Gastro Novotný: Redesign živého e-shopu na Shoptetu

Specifikace nového e-shopu

Základem pro návrh nové grafiky byla naše specifikace, která shrnovala základní a důležité informace o Gastro Novotný:

• nový e-shop má klást důraz na tradici firmy, která se datuje až do roku 1996;
• částečně by měla barevnost vycházet ze současné firemní identity s barevnou duhou v jemných písčitých odstínech;
• nezbytným prvkem k implementaci je upozornění na možnost realizace na klíč;
• a nakonec samozřejmě primární cílovou skupinou jsou majitelé gastroprovozoven (B2B), nicméně v omezené míře také koncoví zákazníci (B2C).

Hlavním požadavkem však bylo připravit takový grafický návrh, který by odpovídal námi zvolené šabloně Shoptetu. Pro nový e-shop jsme totiž zvolili takovou, která je v současnosti jedna z nejlepších a má nejkonverznější objednávkový proces. Po grafikovi jsme pak chtěli, aby tuto „obyčejnou“ šablonu ozvláštnil a vylepšil, např. přidáním grafických prvků pro posílení důvěryhodnosti a moderního vzhledu, nebo zjednodušením uživatelského prostředí (UX).

Často kladené dotazy o e-shopech

Úprava Shoptet šablony podle grafiky

Grafická obměna nebyla nijak rozsáhlá, ale rozhodně na první pohled znatelná a odpovídala modernímu pojetí webdesignu a designu e-shopů, díky čemuž jsme dostali zelenou dál ke kódování. Museli jsme se ale popasovat s tím, že Gastro Novotný provozoval už v té době fungující e-shop na Shoptetu.

A tak jsme naplánovali na dva nejméně vytížené dny v týdnu přímou implementaci nové grafiky do webu (přestože jsou e-shopy na Shoptetu připravené na občasnou výměnu šablony, je dobré být rychlý a precizní, aby se co nejvíce zamezilo výpadkům). Během této doby jsme:

• pořídili domluvenou šablonu;
• nastavili šablonu dle návodů od jejího tvůrce;
• upravili šablonu podle grafického návrhu;
• ozkoušeli objednávkový proces a odesílání automatických e-mailů.

Zkrátka jsme se v první fázi zaměřili na ty aspekty a funkce e-shopu, které jsou pro jeho chod zásadní a nejdůležitější.

Doladění, analytika a další úpravy

V další fázi jsme se postarali o vedlejší funkce e-shopu. Ty sice nemají zásadní vliv na jeho chod, ale rozhodně by neměly zůstat v původním a nedotknutém stavu. Jedná se o různé kontroly funkčnosti a na ně navazující úpravy e-shopu:

• kontrola kompatibility s různými prohlížeči (Chrome, Edge, Firefox, Safari apod.) a různými zařízeními (počítač, desktop, tablet);
• kontrola responzivity;
• napojení analytických nástrojů;
• nastavení měření návštěvnosti a počítání cílů;
• kontrola z pohledu technického SEO (přesměrování, chybové stránky, tvorba metadat).

Po dokončení všech kontrol a úprav jsme e-shop úspěšně spustili do ostrého provozu (obrazně řečeno, protože se na něm pracovalo kontinuálně v průběhu několik týdnů). Tím jsme uzavřeli celý proces redesignu a předali plně funkční, optimalizovaný a moderní e-shop připravený pro zákazníky.