Webové stránky pre LOMAX
Pre klienta sme navrhli moderný web, ktorý podporuje predaj a skvele ho reprezentuje pre B2B aj B2C segment.
LOMAX
LOMAX je najväčší český výrobca garážových brán a popredný výrobca tieniacej techniky a vchodových dverí. Na trhu funguje 30 rokov a pôsobí vo viac ako 14 krajinách sveta. LOMAX prevádzkuje v Česku a na Slovensku 80 pobočiek a tiež najväčší showroom garážových brán.
Zadanie klienta a naša rola
Klient nás oslovil s požiadavkou inovovať web, a to po vizuálnej aj funkčnej stránke. Väčšina dodávok LOMAXU prebieha v domácnostiach koncových zákazníkov a web je pre firmu v procese zberu dopytov najdôležitejším článkom. Dôležitou úlohou bolo tiež zachovať všetky odladené zákaznícke cesty, ktoré vedú k dopytom.
Nový web sme navrhli kompletne od štruktúry a UX cez grafiku až po copywriting a programovanie. Samozrejmosťou bolo aj zaistenie hladkého prechodu na nový web vrátane všetkých SEO náležitostí. Súčasťou realizácie bolo aj prepojenie s informačným systémom Helios.
Realizačný tím:
- Projektové riadenie:
Michaela Kurtaničová - User experience:
Michaela Kurtaničová - Grafický dizajn:
Ivan Kebeleš - Development backend:
Jan Polzer - Development frontend:
Lukáš Polzer - Migrácia obsahu:
Jana Varnerová - Copywriting:
Tím Lesensky.cz - 3D animace:
MadMenMedia
Východisková situácia
Web LOMAX bol zastaraný a nespĺňal súčasné nároky na prezentáciu úspešnej firmy. Zväzujúca štruktúra stránok neumožňovala jeho modernizáciu. Pokusy o vkladanie nového obsahu do informačnej architektúry webu neboli používateľsky príjemné, problémy boli aj s dizajnom.
Vo výberovom konaní na nový web sme zvíťazili s jasnou predstavou o dizajne aj technickom riešení. Web sme odporučili postaviť na redakčnom systéme Drupal, ktorý je otvorený a nehrozí tak závislosť od jediného dodávateľa (a od jeho schopností a kapacity) a zároveň poskytuje široké možnosti dodatočných úprav.
Analýza & stratégia
Spoluprácu sme odštartovali analýzou východiskovej situácie. Z dát vyplynulo, že na webe prevládajú návštevy z mobilných zariadení alebo že pomer ženy/muži je medzi zákazníkmi vyrovnaný. Zároveň sme zistili, že LOMAX má veľmi dobre spracované zákaznícke cesty a formuláre a tieto procesy je dôležité zachovať.
Najväčšou úlohou pre nás bolo roztriediť obrovské množstvo informácií do prehľadnej ponuky produktov a služieb. Klientovi sme odporučili úplne novú štruktúru a dizajn webu. V zadávacej fáze boli prioritami používateľská prívetivosť, zrozumiteľnosť a výrazné posilnenie vizuálnej komunikácie.
Grafika ako hlavný sprievodca návštevníka
Nový web privíta návštevníka 3D vizuálom domu a rázcestník ho navedie na produkty. Orientáciu zabezpečí šesť animácií na hlavných podstránkach produktov. Výrazným sprievodcovským prvkom je 50 unikátnych ikon a vyše 200 originálnych fotografií. Pre web vznikla databáza grafických prvkov, ktorá klientovi uľahčí úpravu stránok v budúcnosti.
Zaujímavým technickým aj vizuálnym prvkom je galéria fotiek, ktorá sa ovláda kolieskom myši. Tým sa ušetrí priestor a zrýchli pohyb na stránke. Súčasťou prezentácie sú aj početné fade-in animácie jednotlivých blokov, ktoré web dynamizujú.
Modulárny web pre jednoduchú prestavbu
Jednotlivé podstránky webu sú postavené z komponentov pripravených na mieru pomocou modulu Paragraphs. Klient s webom získava komplexnú knižnicu blokov, ktoré môže sám na webe ľubovoľne premiestňovať, upravovať či skrývať.
Ďalšie stránky webu tak možno stavať priamo z administrácie webu, bez nutnosti zasahovať do kódu.
Bleskové načítanie
Množstvo fotiek s veľkou kapacitou a animačných súborov si vyžiadalo špeciálnu pozornosť zameranú na optimalizáciu rýchlosti webu. Vďaka programátorským nadstavbám sa nám podarilo postaviť svižný web zodpovedajúci súčasným nárokom vyhľadávačov aj používateľov.
Hlavné ukazovatele rýchlosti webu – PageSpeed Insights a Core Web Vitals, majú výborné hodnoty.
Vyhľadateľnosť na prvom mieste
Pretože LOMAX dlhodobo pracuje s SEO, bolo naším cieľom zachovať dohľadateľnosť a pozície vo vyhľadávačoch. Aby sme uľahčili migráciu z hľadiska SEO, vytvorili sme na začiatku projektu interné pravidlá na presmerovanie, titles, metatagy aj copywriting všetkých stránok. Týmto postupom sme obmedzili potenciálne straty pozícií po spustení nového webu.
Vznikol aj detailný sprievodca výberom garážových brán, vďaka ktorému sa stránky zobrazia pri zadaní viacerých otázok súvisiacich s kľúčovým produktom firmy. Tento prvok v systéme funguje ako editovateľný modul, takže ho klient môže v budúcnosti využiť aj na tvorbu ďalšieho contentu.
Aby zákazníci trafili do pobočky
LOMAX má v Česku a na Slovensku viac ako 80 pobočiek, v ktorých prebieha veľká časť dopytov.
Na ľahšie hľadanie pobočky sme na webe navrhli implementáciu vyhľadávacieho poľa s automatickým vyplnením podľa aktuálnej polohy (ak ho používateľ povolí v prehliadači) a výpisom najbližších pobočiek podľa vzdialenosti.
Kariérne podstránky
Na pôvodnom webe sa desiatky kariérnych ponúk umiestňovali na podstránku „O nás“, kde sa dali ťažko nájsť a keď už, ťažko sa v nich orientovalo. Pre nový web sme preto navrhli plnohodnotnú kariérnu stránku, kde má každý inzerát vlastný priestor.
Vo výpise pozícií je možné filtrovať podľa charakteru pozície alebo regiónu. S detailom pozície sa dá pracovať ako s landing page, takže HR oddelenie LOMAX získalo výborný nástroj pre náborové kampane.
Technické zaujímavosti
Kompletne responzívny
„AGENTÚRU LESENSKY.SK SME SI VYBRALI PRE ZROZUMITEĽNÚ PONUKU, DIZAJNOVÝ NÁVRH AJ POZITÍVNE REFERENCIE. CELÝ PROCES PREBEHOL PODĽA PLÁNU. S VÝSLEDKOM SME PO VIZUÁLNEJ I TECHNICKEJ STRÁNKE VEĽMI SPOKOJNÍ. SOM RÁD, ŽE SME SI VYBRALI SPRÁVNE A TEŠÍM SA NA ĎALŠÍ ROZVOJ WEBU“
Petr Přichystal, manažér marketingu LOMAX