Nový web pro kominictví Ocelmat

Nový web pro kominictví Ocelmat
Především rychlé, funkční a přehledné webové stránky s puncem tematického a minimálního vzhledu, dodržující nejlepší praktiky z hlediska SEO
Pro: Ocelmat
Realizace: 2024
www.ocelmat.cz

O klientovi

Ocelmat je brněnské kominictví, které už přes pětadvacet let působí po celé jižní Moravě. Zabývá se vším, co je spojené s komínovými systémy, ať už se jedná o stavbu, dodání, montáž a instalaci komínů, krbových kamen a kouřovodů. Zajistí pro vás také jejich opravu nebo vám poskytne pravidelný servis v podobě kontroly a čištění komínů. V neposlední řadě provozují e-shop, na kterém prodávají komínové potřeby, díly a další nezbytné vybavení a příslušenství.

Více o klientovi na www.ocelmat.cz

Zadání klienta

Ocelmat měl od budoucího webu tři typy požadavků:

  • Z technického hlediska to bylo zaměření na rychlost, funkčnost, přehlednost tak, aby zákazník snadno a během pár chvil dostal veškeré důležité informace.
  • Z estetického hlediska si slibovali moderní design budící důvěryhodnost, jednoduchost hraničící s minimalismem a jistou hravost v odlišnosti.
  • Z marketingového hlediska kladli důraz na konverznost, lepší cílení na zákazníky v Jihomoravském kraji, provázanost mezi službami s referencemi a v neposlední řadě napojení na stávající e-shop.

My jsme k tomu doplnili poslední, avšak neméně důležitý požadavek, a to s ohledem na dlouhodobou optimalizaci pro vyhledávače – redesignovat web tak, aby nedošlo ke ztrátě optimalizované obsahu, síly URL adres, pozic a celkové návštěvnosti z organického vyhledávání.

Jak web vypadá

Mobilní verze stránek

Výsledné řešení

Požadavky jsme se řídili v průběhu celého vývoje nového webu, který se skládal ze tří částí:

  1. počáteční fáze s tvorbou drátěného modelu struktury webu (wireframe) a grafiky včetně jednotlivých vizuálních a akčních komponentů;
  2. fáze s implementací na redakční systém Comerto, nakódování grafické šablony a naprogramování modulů na míru;
  3. finální fáze zahrnující plnění obsahem a především nezbytné kontroly před spuštěním.

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

Rozdíly po a před

Nový web pro kominictví Ocelmat - Porovnání, stará verze #1
Nový web pro kominictví Ocelmat - Porovnání, nová verze  #1
Nový web pro kominictví Ocelmat - Porovnání, stará verze #2
Nový web pro kominictví Ocelmat - Porovnání, nová verze  #2

Podobné reference

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, květináče...
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ý...
Redesign webu hotelu Continental Brno se zaměřením na SEO

Redesign webu hotelu Continental

Nový web pro Continental Brno, známý brněnský hotel s dlouholetou tradicí, se speciálním zaměřením na prezentaci služeb a...