Tvorba webových stránek IMA.cz

IMA.cz je přední česká společnost zabývající se dodávkami a servisem přístupových systémů a technologických řešení. Firma nás oslovila s požadavkem na kompletní redesign jejich webových stránek, které měly být moderní, funkční, s lepší optimalizací pro vyhledávače (SEO) a uživatelskou přívětivostí, a to včetně podpory více jazyků.

Cíl projektu

Primárním cílem bylo vytvořit novou, responzivní webovou prezentaci, která by odpovídala moderním standardům, zlepšila vizuální stránku webu a optimalizovala jeho výkon. Klíčovými požadavky klienta byly:

  • Nová informační struktura webu s vylepšenou navigací.
  • Optimalizace pro SEO a rychlost načítání.
  • Responzivní design.
  • Podpora dvou jazykových mutací.
  • Snadná správa obsahu prostřednictvím redakčního systému WordPress.
  • Zaškolení týmu klienta pro plnění webu obsahem a základní údržbu.

Průběh realizace

1. Informační struktura webu

Na začátku jsme navrhli strukturu webu, která zahrnovala hlavní stránky, podstránky a menu. Tento krok byl zásadní pro správné uživatelské prostředí a snadnou navigaci na webu. Zároveň jsme navrhli nadpisy H1 a meta-titles na základě vyhledávaných klíčových slov, čímž jsme optimalizovali strukturu URL a zlepšili šance na lepší SEO pozice. Během tohoto kroku jsme úzce spolupracovali s klientem, abychom zajistili, že veškerý obsah bude na správných místech.

2. Grafické podklady

Grafické podklady byly připraveny podle wireframu dodaného externí grafickou společností. Upravili jsme obrázky z fotobanky a zoptimalizovali jejich velikosti tak, aby byly přívětivé z hlediska datové zátěže a nezpomalily načítání webu. Součástí grafických úprav byla také příprava SVG grafiky a ikon, které jsou nedílnou součástí moderního designu webu.

3. Výroba webových stránek

Na základě hotových grafických návrhů jsme převedli všechny stránky a podstránky do WordPressu s použitím nástroje Elementor (PRO verze). Tento postup nám umožnil minimalizovat zatížení webu zbytečnými skripty a styly. Web byl postaven na čisté šabloně Elementor, která byla přizpůsobena specifickým požadavkům.

Důraz byl kladen na responzivní design, aby web fungoval bezchybně jak na počítačích, tak na mobilních zařízeních. Pro každou stránku jsme vytvořili specifické šablony, které bylo možné snadno přizpůsobit budoucím potřebám klienta.

4. Plnění webu obsahem

Naplnění webu bylo prováděno v úzké spolupráci s klientem. Bylo nutné naplnit přibližně 27 typových podstránek a zajistit, aby na žádné z nich nebyl prázdný obsah. Součástí tohoto kroku bylo i zaškolení administrátorů klienta do správy obsahu v redakčním systému WordPress, což zahrnovalo nejen základní plnění stránek, ale i úpravu textů, přidávání obrázků a vytváření nových příspěvků.

5. Testování webu

Po naplnění webu proběhlo detailní testování pro zajištění správné funkčnosti všech prvků webu, včetně správného zobrazení na různých zařízeních a prohlížečích. Testování zahrnovalo kontrolu funkčnosti formulářů, menu, interních i externích odkazů a výkonu webu.

6. Webová analytika & cookies

Nastavili jsme základní měření přes Google Tag Manager včetně napojení na Cookiebot v automatickém režimu. Implementovali jsme Google Analytics 4 pro sběr statistik o návštěvnosti a uživatelském chování, stejně jako remarketingové kódy a ověřovací kód pro Google Search Console.

7. Optimalizace rychlosti před spuštěním

Optimalizace rychlosti načítání byla klíčovým faktorem pro úspěch projektu. Naše optimalizace zahrnovala implementaci cache, preload obsahu, optimalizaci obrázků do formátu WebP a minimalizaci načítání externích skriptů, což vedlo k výraznému zlepšení metrik Core Web Vitals. Výsledkem byla rychlejší odezva webu a zlepšená uživatelská zkušenost.

8. Spuštění projektu

Po dokončení všech předchozích fází došlo k samotnému spuštění webu na hostingu blueboard. Provedli jsme finální nastavení DNS záznamů a zkontrolovali jsme, že všechny funkce fungují bezchybně.

9. Projektové řízení a konzultace

Po celou dobu realizace jsme poskytovali konzultace a projektové řízení, což zahrnovalo pravidelné schůzky s klientem, monitorování postupu prací a zajištění hladké komunikace mezi všemi zainteresovanými stranami.

10. Vývoj specifických funkcí

Vzhledem k tomu, že některé prvky v grafickém návrhu a struktuře webu nebylo možné implementovat přímo přes Elementor, bylo nutné provést individuální vývoj specifických funkcí. Tento vývoj zahrnoval například customizaci specifických prvků, které měly za cíl zlepšit uživatelský zážitek a zajistit splnění všech požadavků klienta.

Závěr

Výsledkem projektu je moderní, rychlý a uživatelsky přívětivý web, který reflektuje aktuální trendy a požadavky na SEO, bezpečnost a výkon. Web je snadno spravovatelný prostřednictvím redakčního systému WordPress, což umožňuje klientovi flexibilitu při úpravách obsahu.

Web IMA.cz nyní slouží jako efektivní nástroj pro prezentaci společnosti, její produkty a služby, a přináší lepší uživatelský zážitek jak pro nové, tak i pro stávající klienty.

Spojte se s námi

Nebo nás poznejte osobně

Kanceláře máme v Plzni, ale ani druhá strana světa nás nevyvede z míry.

Těmto značkám už pomáháme

Staráme se obsah lokálním značkám, spravujeme kampaně multijazyčným e-shopům a některým klientům pomáháme dlouhodobě růst na dvojnásobek každý rok. Jsme mladí, krásní a máme zkušenosti, které by nám mohl leckdo závidět.