Tvorba nového webu pro VacuSol ve svérázném designu

Minimalismus za každou cenu ... nebo ne?

Po zmapování všech služeb, které VacuSol nabízí, a nastínění struktury webu jsme wireframe předali grafikovi. Tentokrát jsme ale od něj dostali jedno původní, a pak druhé přepracovné vyhotovení grafiky úvodní strany.

Prvnímu návrhu dominoval minimalismus, jemné linky, kulatější bezpatkový font a decentní vizuální prvky. Grafika vypadala dobře, nebylo na ní vyloženě nic špatně, ale po chvíli pozorování jsme dospěli k závěru, že to není ono. Chyběla tomu identita a osobnost, která je v oblasti solárních panelů dnes tak důležitá.

VacuSolu jsme chtěli nabídnout odlišnost. Prohlédli jsme si proto ještě jednou jejich vizuální identitu s logo manuálem a původní návrh přetransformovali do retro vzhledu 90. let, v popředí stojí černá barva s přiměřeně agresivními, avšak stále pozitivními odstíny oranžové, písmo je výraznější a tučnější.

Druhý návrh jsme nakonec s klientem společně odsouhlasili, což nám udělalo radost. Věříme, že díky tomu firma opravdu nezapadne mezi konkurencí a stane se snadno zapamatovatelnou ikonou.

Katalog produktů s napojením na reference

Klíčovými požadavky pro VacuSol byla prezentace produktů na jedné straně a ukázání referencí na druhé straně. Obou cílů jsme dosáhli pomocí individuálních modulů na míru, které lze díky našemu Comerto redakčnímu systému dynamicky propojovat a obsažené informace zobrazovat na několika místech webu. Ve výsledku tak můžeme na detailu produktu (nebo v podstatě jakékoliv jiné stránce) zobrazovat buď kompletní výpis všech referencí, nebo jen některé z nich, třeba pouze instalace na rodinných domech.

Podobné moduly mají několik výhod (všechny je najdete v našem článku o redakčním systému), nicméně zde zmíníme alespoň některé:

• Lepší vzájemné provázání všech jednotlivých prvků a stránek webu:
     Jasná, hierarchická struktura webu spolu s prolinkováním má výrazný vliv nejen na uživatele, ale také na hodnocení ve vyhledávačích
• Jednoduchá aktualizace konkrétní informace na jednom místě v redakčním systému:
     Napsali jste chybu v nadpisu jedné reference? Stačí ji opravit jen a pouze jednou a projeví se to na celém webu
• Možnost rychlé změny zobrazovaných informací, prvků či funkcí:
     Chcete na webu zobrazovat konkrétní informace už v náhledu reference? Stačí upravit několik řádků kódu a změna je okamžitě vidět

Finalizace úprav, vyladění, příprava na SEO

Po implementaci zmíněných konceptů byly na řadě trochu techničtější záležitosti.

Zajištění responzivity je důležitým aspektem moderních webů, jelikož právě díky ní je umožněno pohodlné prohlížení uživateli bez ohledu na používané zařízení nebo prohlížeč. Ať už tedy dnes přistupujete na stránky VacuSolu z počítače nebo z telefonu, z Chromu nebo Firefoxu, všechno se zobrazuje správně a tak, jak má (např. prvky nepřetékají mimo obrazovku, elementy se nepřekrývají).

V rámci našich kontrol funkčnosti se před téměř finálním spuštěním stránky podrobně procházejí, hledají se veškeré chyby a odstraňují se, např. úprava a zjednodušení poptávkového formuláře, oprava navigace a navigační struktury, doplnění chybějících textů na hlavních podstránkách, zvětšení či zmenšení okrajů, odsazení apod.

V závěrečném sprintu před spuštěním nového webu a krátce po něm jsme ještě zajistili správné nastavení parametrů sloužících k optimalizaci pro vyhledávače (SEO), mezi nimi třeba:

• kontrola robots.txt k umožnění indexace vyhledávači;
• generování sitemap.xml ke správné indexaci vyhledávači;
• nastavení meta značek jednotlivých stránek;
• kontrola 404 a broken linků;
• nastavení základních redirectů (přesměrování);
• aktivace analytických nástrojů na měření návštěvnosti a dalších cílů (Google Analytics 4, Google Search Console, Collabim).