Nový web pro kominictví Ocelmat

Wireframe + webová grafika na míru

Z našich zkušeností vyplývá, že weby často podstupují nejprve redesign, teprve po něm přicházejí na důležitost webové prezentace a pomalu se přesouvají buď k optimalizaci pro vyhledávače nebo k placené, reklamní inzerci.

Situace Ocelmatu byla v tomto odlišná, jelikož jsme pro ně dlouhodobě zajišťovali SEO. Díky tomu web v průběhu let nabobtnal tematicky, obsahově i strukturně. To se na jedné straně odráželo v pěkných výsledcích návštěvnosti z organického vyhledání, na druhé straně se to také znamenalo méně uspořádanou, nepřehlednější a občas příliš složitou logickou strukturu.

V počátcích jsme proto věnovali zvýšené množství času a úsilí právě novému přeuspořádání webu podle tematických, logických, smysluplných kategorií, které odpovídají skutečným potřebým zákazníků a klientů. Sekundárně jsme pak dopředu načrtnuli, kde a jak se starý obsah promítne v novém webu, což je důležité hlavně pro zachování maximální organické návštěvnosti a pozic ve výsledcích vyhledávání. Abychom tomu všemu dostáli, vytvořili jsme několik verzí drátěného modelu, ve kterém jsme načrtli stávající i novou strukturu a jak se jednotlivé stránky promění.

Následovala příprava grafického návrhu pro domovskou stránku (homepage) a posléze i podstránky. Zde jsme samozřejmě přihlédli k požadavkům klienta na moderní, jednoduchý web využívající prvky stávající firemní identity a loga. Když jsme se nesetkali s žádnými problémy či připomínkami, mohli jsme úspěšně překročit do další fáze.

Kódování webu a programování modulů

Po dokončení návrhu jsme grafiku nařezali a převedli do šablon, které byly následně nasazeny na náš redakční systém Comerto. Tímto způsobem jsme zajistili, že nový web bude nejen vizuálně přitažlivý, ale i plně funkční, rychlý a snadno editovatelný pro budoucí aktualizace.

Poté jsme přešli k programování specifických modulů, kde jsme vytvořili dva klíčové komponenty webu:

• Katalog – Modul připomínající e-shop, ale více se zaměřuje na zakázkové služby, které Ocelmat poskytuje. Zahrnuje různé výpisy kategorií a produktů, propojení se stávajícím e-shopem, optimalizovaná videa a dokumenty, a také sekci často kladených dotazů (FAQ).
• Reference – Modul umožňující dynamické zobrazování a výpis různých realizací např. podle kategorií. Je navržen tak, aby klient mohl jednoduše a efektivně prezentovat své úspěšné projekty a realizace, což posiluje důvěryhodnost a atraktivitu webu pro potenciální zákazníky

Díky implementaci těchto modulů jsme zaručili, že nový web Ocelmatu splňuje nejen všechny technické a estetické požadavky, ale také výrazně podporuje jejich marketingové cíle

Finalizace a kontroly

Po implementaci modulů jsme přešli k finalizaci nového webu. Nejprve jsme pečlivě přenesli veškerý obsah ze starého webu na odpovídající nové stránky, včetně textů v kategoriích, produktech, referencích a blogových článcích.

Následně jsme se zaměřili na důkladné kontroly funkčnosti. Řešili jsme např.:

• opravu důležitých, avšak chybně nezahrnutých SEO stránek,
• kontrolu nadpisů H1 na všech stránkách,
• doplnění dílčích informací do sekce Kontaktů
• kontrolu základních SEO prvků (jako jsou soubory robots.txt a sitemap.xml, meta titulky a popisy u stránek, také titulky a alternativní texty u obrázků)
• kontrola validity kódu dle současných W3C standardů
• minifikaci obrázků
• kompatibilitu a responzivitu napříč různými prohlížeci a zařízeními

Jakmile jsme dokonočili i tyto maličkosti (přestože nemsírně důležité), mohli jsme konečně spustit nový web. Poté jsme ještě dořešili přesměrování, abychom zajistili, že návštěvníci starých URL adres budou automaticky přesměrováni na nové stránky, a provedli jsme kontrolu/opravu nefunkčních odkazů. Nakonec jsme aktivovali analytické nástroje pro sledování návštěvnosti a výkonu webu.

A voilà, nový web již plně slouží potřebám Ocelmatu i jeho zákazníků.