K třetím narozeninám jsme si „nadělili“ nový firemní web. Proč? Sice „starý“ web nebyl špatný, ale my už jsme ve visionslabs nějak cítili, že je potřeba to celé trochu oprášit a vyleštit do krásy. Abychom nebyli za chvíli jako „kovářova kobyla„, kdy webové stránky, které vytváříme pro naše klienty byly mnohem lepší, rychlejší a designové zajímavější než ty naše 🙂
Jak to celé probíhalo?
Už v době, kdy začala „karanténa„, jsme si začali pohrávat s myšlenkou na nový web. Tzn. někdy v březnu/dubnu jsme začali vytvářet nové grafické návrhy. Naše interní zadání mělo několik pevně daných bodů týkajících se designu webovích stránek a to:
- držet se stále „flat“ designu neboli plochého designu, ale doplněného o moderní nádech barevných stínů,
- jako grafické elementy využívat isometrické obrázky (nevíte, co je to isometrická grafika ? Tak se můžete zeptat Google – nebo Wikipedie | nebo se podívat na obrázek vedle),
- dále jsme chtěli využít gradientů jako moderního prvku, který dodá webovým stránkám jiskru.
Celkově jsme si vytvořili asi 8 různých grafických návrhů než jsme došli k nějaké shodě, co se nám líbí a co by mohlo fungovat. Všechny návrhy jsme si vytvářeli ve Sketchi, stejně, jak to děláme pro naše klienty.
Takže v bodě, kdy jsme měli odsouhlasený design, tak jsme se zaměřili na obsah. Protože jsme chtěli zachovat kompletní historii našeho webu, ale všechno „převléct“ do nového kabátu, tak nám nastalo přetahování článků, referencí, obrázků a dalších. Tento krok je většinou velmi neoblíbený, protože v podstatě musíte zeditovat všechny příspěvky, zkontrolovat obrázky, jestli jsou správné, nastavit nové náhledové obrázky – no prostě kopec práce, která není moc kreativní, ale spíše administrativní.
Jaký je výsledek?
Výsledek může posoudit sami, ale dali jsme si opravdu záležet a použili jsme poslední standardy, technologie a postupy, které jsme mohli. využít Jeden z důležitých kroků byl nový WordPress 5.5, kdy začala „příprava“ na odstranění starého jQuery z WP a nahrazením nejaktuálnější verze. Tento krok by měl nastat snad až ve verzi WP 5.6, ale náš web již nyní používá aktuální jQuery, což mimo jiné, pomáhá při hodnocení webu ze strany Google (resp. PageSpeed Insight). Dále to bylo využítí SVG obrázku, kde to jen šlo. Tam, kde to nešlo – v případě klasických fotek – jsme použili opět doporučený formát WebP (místo klasického JPG/PNG). Nechceme vás úplně zahltit technickými daty, ale myslíme si, že výsledky v následujících testech jen podtrhují naše slova.
Výsledky výkonostních testů
gtMetrix Web.dev – lighthouse Pingdom Pagespeed – desktop Pagespeed – mobilní
Ukázka nového webu
A tady máte konečný výsledek, jaké nové webové stránky jsme si nadělili ke třetím narozeninám. Tak jak se vám nový web líbí?
K novému webu i nové logo
Protože jsme chtěli ještě více zjednodušit naše logo a práci s ním, tak jsme jednoduše vypustili ikonku „notebooku a telefonu“ a prostě použili písmena „vl“ v kolečku v kombinaci s novými barvami. Také jsme přešli z fontu Roboto na Raleway. Jednoduše jsme to vzali od podlahy a snažili jsme si nadělit nový svěží design ve všech směrech.
Změnili jsme i místo, kde nás najdete
Změnu jsme vzali opravdu vážně a tak jsme změnili i místo, kde nás nyní najde v Brně. V Olomouci se sídlo společnosti nezměnilo, zde nás najdete stále na adrese Stupkova 413/1a, kde jsou převážně aktivity spojené s části společnosti CENTRUM-VZDĚLÁVÁNÍ.CZ. V Brně nás nyní najdete v coworkingovém prostoru ImpactHub v centru Brna a to v ImpactHub Brno – Cyrilská 7, 602 00 Brno. Budeme se na vás tady těšit.
Co nového jsme ještě přidali na web?
Tak kromě nového designu webu, nového loga jsme ještě rozšířili naše služby, které logicky po té době vyplynuly z naší práce, takže kromě celkové tvorby webových stránek, jsme přidali sekci Tvorba WordPress pluginů. Stávalo se nám, že jsme byli součástí projektů, kde jsme měli na starosti programování speciálních funkcí na webu – například interniordinace.cz – kde jsme vytvořili rezervační formulář napojený na externí rezervační systém ordinace. Nebo také v rámci našich webů jsme tvořili větší pluginy, jako například pro ARTAV, kdy jsme vytvořili plugin pro správu „poradny“ ve stylu FAQ.
Dále jsme se v poslední době dostali také ke Tvorbě e-shopů na WordPress s rozšířením WooCommerce, kdy můžete brzy čekat referenci na našem webu.
Tak jak se vám náš nový web líbí? Napište nám na naše sociální sítě, nebo třeba i na e-mail hello@visionslabs.io.
