O klientovi
OKNOSERVIS je výrobce, prodejce i realizátor oken a dveří všech druhů – od plastových po hliníková, od oken do rodinného domu až po ta protipožární. Od těch patřících do nejvyšší a prémiové řady až po ta s výbornými vlastnostmi v poměru ceny a výkonu. Vedle toho se zaměřují také na doplňující příslušenství, jako jsou venkovní rolety, žaluzie nebo sítě proti hmyzu. Dnes už s 25letým zápisem do historie se navíc jedná o firmu s dlouhou a pestrou tradicí v českém prostředí.
Více o klientovi na www.oknoservis.cz
Zadání klienta
Nový web má být moderně pojatý, spojit působivá, moderní řešení a důraz na konverze a zaujetí potenciálních klientů. V jeho středu mají stát obrázky a fotografie, nikoliv text, prostřednictvím kterých lze přiblížit zákazníkům celou šíři nabízených oken. Na opačné straně může pomoci i obchodníkům OKNOSERVISU, pro které může nový web fungovat jako podpora k ukázkám kvality, možností a realizací. Hlavním cílem tedy byla prezentace produktů.
Výsledné řešení
Vzhled a uživatelské rozhraní webu jsme postavili na několika základních pilířích, a to je:
- přehledná prezentace oken a všech dalších produktů za pomocí vhodné kombinace vizuálních a textových informací;
- jednoduchý a kompaktní přehled vybraných výhod, proč zvolit zrovna OKNOSERVIS;
- možnost rychlého a téměř okamžitého poptání produktů (a následného setkání s obchodníkem).
Z techničtější oblasti jsme dále:
- nasadili webové stránky na náš redakční systém,
- nákodovali nařezanou grafiku,
- přichystali pro web moduly na míru,
- udělali na něm responzivitu,
- nakonec překontrolovali
- a základně nastavili SEO.
Uživatelské rozhraní a vzhled webu
![Designový web a prezentér produktů pro OKNOSERVIS | Plná šířka rozhraní, kvalitní fotografie, ilustrativní ikony a relevantní texty v detailu produktu](/data/reference/block/98-designovy-web-a-prezenter-produktu-pro-oknoservis-uzivatelske-rozhrani-a-vzhled-webu_rn1_thumb.png)
![Designový web a prezentér produktů pro OKNOSERVIS | Výhody OKNOSERVISU v jednoduchých a krátkých bodech](/data/reference/block/98-designovy-web-a-prezenter-produktu-pro-oknoservis-uzivatelske-rozhrani-a-vzhled-webu_rn2_thumb.png)
Zásadním cílem byl smysluplný přehled všech produktů klienta tak, aby se v něm potenciální zákazník mohl snadno zorientovat a během pár chvil některý z nich poptat. Na webu jsme proto pracovali s velkými a kvalitními fotografiemi z referencí, případně s vizualizacemi, které jsme seskládali do velkých bloků přízpůsobených na celou šířku monitorů.
Doplnili jsme je vhodnými ikonami, které v doprovodu krátkých textů pomáhají orientaci a skenování webového rozhraní a obsahu. Stránky tak nepůsobí ani prázdně, ani přeplněně, ale podle přání klienta umožňují prohlédnout si celou nabídku bez vynaložení zbytečného úsilí.
Ve speciálních blocích a na rozmanitých místech jsme umístili top výhody OKNOSERVISU tak, aby o ně každý zákazník zavadil a vnímal je (ať už záměrně či nezáměrně). Je to např.
- výpis 4 hlavních výhod na domovské stránce tzv. nad ohybem;
- 5 pozitivních vlastností oken VEKA;
- nástin průběhu realizace v šesti krocích;
- seznam odrážek, proč využít odborného poradenství zdarma.
Posledním bodem z hlediska uživatelského rozhraní byla snaha o co nejsnažší a zároveň nejrychlejší poptání oken nebo vznesení dotazu. K tomu slouží v první řadě pop-up formulář o pár položkách, v druhé řadě odkazy na telefon a e-mail, které okamžitě začnou buď prozvánět či otevřou mailového klienta, ve třetí řadě pak přehledná stránka Kontakty.
Technické řešení webu
![Designový web a prezentér produktů pro OKNOSERVIS | Ukázka vstupní stránky redakčního systému Comerto](/data/reference/block/99-designovy-web-a-prezenter-produktu-pro-oknoservis-technicke-reseni-webu_rn1_thumb.png)
![Designový web a prezentér produktů pro OKNOSERVIS | Responzivita v praxi: Zobrazení webových stránek na telefonu iPhone XR](/data/reference/block/99-designovy-web-a-prezenter-produktu-pro-oknoservis-technicke-reseni-webu_rn2_thumb.png)
![Designový web a prezentér produktů pro OKNOSERVIS | Responzivita v praxi: Zobrazení toho samého obsahu na počítači](/data/reference/block/99-designovy-web-a-prezenter-produktu-pro-oknoservis-technicke-reseni-webu_rn3_thumb.png)
![Designový web a prezentér produktů pro OKNOSERVIS | Generování sitemap.xml je klíčovým aspektem k procházení stránek Googlem, a tedy i zobrazování ve výsledků vyhledávání](/data/reference/block/99-designovy-web-a-prezenter-produktu-pro-oknoservis-technicke-reseni-webu_rn4_thumb.jpg)
Nasazení redakčního systému Comerto, nakódování webu a programování modulů
Díky našemu redakčnímu systému je kompletně celý web pod dohledem a kontrolou, zajišťuje jednu z nejvyšších měr zabezpečení, umožňuje nám jednoduchou správu webových stránek, libovolné úpravy podle přání klienta i implementaci nejmodernějších přístupů z pohledu webdesignu a tvorby webů, v neposlední řadě je skvěle nachystaný na optimalizaci pro vyhledávače.
Souběžně jsme také nařezali grafiku vytvořenou přímo pro klienta a nakódovali ji, díky čemuž web získal první, skutečně použitelné obrysy. Připravili jsme také speciální moduly na míru – katalog profilů i s parametry a výpis referencí.
Responzivita
Dnešní doba je více než kdy dřív charakteristická tím, že lidé používají různá zařízení s rozdílně velkými monitory, odlišnými operačními systémy a internetovými prohlížeči. Proto je potřeba na všech moderních webech ladit responzivitu tak, aby se stránky zobrazovaly na všech korektně. V rámci tvorby webů zajišťujeme správné zobrazení na mobilech, tabletech i počítačích a v Chromu, Firefoxu, Safari i Opeře.
Kontrola funkčnosti a základní nastavení webu pro SEO
Před finalizací a ostrým spuštěním je potřeba ještě celý web doplnit a překontrolovat kodérem, od vložení základního obsahu přes minifikaci obrázků až po kontrolu validity kódu a webu.
Součástí je nakonec také příprava webu na soustavnou práci v oblasti SEO, takže se:
- kontroluje základní nastavení souborů robots.txt;
- generuje mapa stránek (sitemap) se správnými URL adresami;
- nastavují redirecty (tak, aby nedošlo ke ztrátě pozic ve výsledcích vyhledávání Googlu) a oprava broken linků (404);
- reviduje generování meta tagů jednotlivých stránek;
- aktivují marketingové nástroje ke sledování výsledků (Google Analytics, Google Search Console).
Podobné reference
![Nový prezentační web zaměřený na design a čisté provedení](/data/reference/308-novy-prezentacni-web-zamereny-na-design-a-ciste-provedeni_list_thumb.jpg)
Nový prezentační web zaměřený na design a čisté provedení
![Redesign webu hotelu Continental Brno se zaměřením na SEO](/data/reference/305-redesign-webu-hotelu-continental-brno-se-zamerenim-na-seo_list_thumb.png)
Redesign webu hotelu Continental
![Nový web pro Elektrofyziku a systém Drypol®](/data/reference/301-novy-web-pro-elektrofyziku-a-system-drypol_list_thumb.jpg)
Nový web pro Elektrofyziku a systém Drypol®
![Tvorba webu na míru pro NANO - AUDIT](/data/reference/298-tvorba-webu-na-miru-pro-nano-audit_list_thumb.png)