Comerto / Tvorba webových stránek a internetových obchodů / Reference webových stránek / E-shop Gastro Novotný: Redesign živého e-shopu na Shoptetu

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

E-shop Gastro Novotný: Redesign živého e-shopu na Shoptetu
Na internetový obchod Gastro Novotný jsme nasadili nejvýkonnější Shoptet šablonu a poté ji vyladili k dokonalosti, aby e-shop vynikal mezi konkurencí a zároveň sloužil zákazníkům
Pro: Gastro Novotný
Realizace: 2024
eshop.gastronovotny.cz

O klientovi

Gastro Novotný nabízí kompletní vybavení do gastroprovozu, ať už se jedná o restaurace, bary, hotely, závodní a školní jídelny i jiná stravovací zařízení. S téměř třiceti lety zkušeností dokáže na profesionální úrovni spolehlivě navrhnout, naprojektovat a dodat zařízení do těchto provozoven, zároveň také zajistit dodej drobnějšího vybavení a spotřebních materiálů.

Více o klientovi na eshop.gastronovotny.cz

Zadání klienta

S Gastro Novotný spolupracujeme už přes desítku let, během které jsme zvládli vytvořit nový firemní web a spravovat online marketing ve formě optimalizace pro vyhledávače a PPC kampaní. V neposlední řadě jsme už jednou v roce 2018 připravili nový e-shop. Ten však už v roce 2024 pomale zastarával a zcela neodpovídal dnešním standardům. Proto jsme se shodli na redesignu stávajícího e-shopu, přičemž s ohledem na dlouholetou spokojenost s našimi službami a na naši znalost klientova podnikání jsme nedostali v podstatě žádné zadání, kromě modernizace vzhledu e-shopu.

Jak web vypadá

Mobilní verze stránek

Výsledné řešení

Finální řešení redesignu e-shopu Gastro Novotný spočívalo ve:

  • specifikaci projektu a navrhovaného řešení;
  • implementaci moderního grafického návrhu na platformu Shoptet přímo na živém webu, a to nejprve s ohledem na klíčové e-shopové funkce;
  • doladění detailů a úpravy vedlejších funkcí.

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

Jaké systémy použiváte pro tvorbu e-shopů?

Primárně používáme platformu Shoptet, pokud je to vhodné na základě vyhodnocení potřeb klienta (například napojení na externí systémy) tak můžeme nasadit e-shop na platformu UpGates.

Co děláte v rámci úprav grafiky e-shopového systému UpGates?

Grafická úprava systému UpGates je služba, která zahrnuje grafickou úpravu krabicového řešení dle potřeb charakteru služby/produktů klienta. Chceme, aby vzhled byl více osobitější ve vztahu ke klientově značce/záměru. Také chceme unifikované šabloně krabicového e-shopu přidat na unikátnosti. Navrhneme prvky důvěry a po probrání s klientem je do šablony přidáme. Po zapracování grafické úpravy ještě má klient možnost projekt vidět a mít případné připomínky. Tyto připomínky budou následně zohledněny před odevzdáním finální podoby e-shopu.

Co by měl mít klient připraveno?

Bylo by dobré, aby pro e-shop byl (pokud možno) finální strom kategorí a několik reálných či případně testovacích produktů (pokud toto nemáte, tak Vám s tím pomůžeme).

Zbytek bude od klienta v průběhu úpravy e-shopu vyžádán individuálně.

Kdy jde na nasadit platební brána?

Platební brána lze standartně nasadit až po spuštění e-shopu do ostrého provozu na finální doméně.

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

Podobné reference

GHV Trading: Nový web se sjednoceným katalogem a e-shopem

GHV Trading: Nový web se sjednoceným katalogem a e-shopem

Rozsáhlý web s tisícovkami produktů a desetitisícovkami variant vyžadoval silně systematický a technický postup. Základy...
ARPEG: Redesign webu na míru pro dlouhodobý rozvoj

ARPEG: Redesign webu na míru pro dlouhodobý rozvoj

Nový web s přepracovanou strukturou, aktualizovaným grafickým vzhledem, zlepšením uživatelské přívětivosti i konverznosti...
Betoneshop.cz: tvorba e-shopu na míru pro Prefa Brno a.s.

Tvorba e-shopu na míru pro Prefa Brno

Zbrusu nová verze e-shopu s betonovými výrobky pro dům i zahradu. Oblíbeným sortimentem jsou například betonové dlažby,...
Nový prezentační web zaměřený na design a čisté provedení

Nový prezentační web zaměřený na design a čisté provedení

Moderní přístup k webdesignu si vysloužil projekt Maxmilian Develop, pro který jsme připravili kompletně nový web charakteristický...