Tvorba nového webu pro Odtahové vozy

Architektura webu a grafický návrh

Tvořit z ničeho kompletně nový web je na jednu stranu osvobozující, na druhou stranu přináší ještě větší zodpovědnost a v něčem může být takový proces náročnější. Třeba právě v prvních fázích je složitější se odpíchnout a vytvořit základní strukturu webu a v návaznosti obsahový wireframe, protože neexistuje alespoň částečná předloha. Samozřejmě jsme při tvorbě tohoto webu žádný z těchto kroků nepřeskočili, popasovali se s tím a jednotlivé dokumenty připravili grafikovi.

Grafik podle našeho specifikého zadání (kdo je náš klient, co prodává a také pro koho, jaké jsou jeho požadavky, cílové skupiny apod.) vytvořil nejprve návrh na míru na homepage, posléze i na další podstránky. Bral přitom v potaz, že v Comertu netvoříme jednotlivé stránky, ale spíše navrhujeme typologické stránky poskládané z několika bloků, které se pak použijí podle potřeby na konkrétní obsahovou stránku.

Programování modulů a nakódování

Při tvorbě nového webu, redesignu starých webů a přechodu na redakční systém Comerta je zpravidla potřeba vytvořit moduly ušité na míru konkrétnímu klientovi. Pro Odtahové vozy se jednalo o tři:

1. modul na katalog produktů, díky kterému lze na domovské stránce, v různých kategoriích či podkategoriích nebo na jiných stránkách vypisovat jednotlivé produkty;
2. modul na reference, který shromažďuje veškeré vložené reference, napojuje je na konkrétní produkty a zobrazuje je v relevantních kategoriích katalogu;
3. modul na bazar, do kterého lze vkládat a inzerovat v něm bazarové a již použité odtahové vozy a nástavby.

Jak již bylo zmíněno, moduly vytváříme jako soběstačné bloky, které lze bez problémů vypisovat na vícero místech, aniž by zbořily vzhled celé stránky. Typicky tak na produktové stránce lze vypsat veškeré reference, které obsahují daný produkt, čímž se zvyšuje hodnota, relevance a hlavně užitečnost konkrétní stránky. Je to jeden z vysoce efektivních nástrojů, které pomáhají administraci, ale také optimalizaci pro vyhledávače.

Během tohoto procesu jsme nařezali grafiku a implementovali ji do webu, díky čemuž nabyl reálnější podoby blížící se reálnému spuštění webu. Tímto krokem jsme se nakonec přesunuli do závěrečné fáze, ve které schází dokončit poslední úpravy a kontroly.

Finalizace projektu

V konečné fázi dochází k běžným kontrolám kódu, funkčnosti, nastavení nástrojů k SEO a celkové připravenosti na zveřejnění.

1. Zajištění responzivity (webové stránky jsou dobře uzpůsobené pro procházení na počítači, telefonech i tabletech, současně v různých prohlížečích, např. Chrome, Firefox nebo Safari).
2. Kontrola a oprava funkčních a grafických prvků (např. neunifikovaná vzdálenost jednotlivých prvků od sebe, absence odkazů, úprava animací a mikroefektů, další doporučení grafika).
3. Kontrola SEO nastavení (tvorba URL adres, meta title, tvorba altů u obrázků, drobečková navigace).
4. Minifikace obrázků.
5. Zaškolení klienta s Comerto redakčním systémem.

S dokončením těchto závěrečných operací jsme web po schválení klienta spustili.