Redesign webu. Autor: Michal Blažek

Transkript

1 Redesign webu Autor: Michal Blažek

2 Obsah OBSAH... 2 WIREFRAME WEBOVÝCH STRÁNEK... 3 DŮVODY PRO REDESIGN... 4 CÍLE REDESIGNU... 4 ROZSAH REDESIGNU... 4 JAKÉ STRÁNKY JE NUTNÉ NAVRHNOUT?... 4 FIREMNÍ GRAFICKÝ MANUÁL... 5 POPIS JEDNOTLIVÝCH PRVKŮ V NÁVRHU WEBU... 5 KRÁTKÝ POPIS STRÁNKY... 5 SLIDER S VIDEI... 5 PATIČKA STRÁNKY... 6 ZAJISTÍME VÁM I LETENKU POJIŠTĚNÍ A UBYTOVÁNÍ... 6 KÓDOVÉ ŘEŠENÍ... 6 NIC NENÍ DOGMATICKÉ... 6 KONTAKTNÍ OSOBA

3 Wireframe webových stránek V rámci redesignu webových stránek Czech-us navrhuji následující rozvržení stránky. 3

4 Důvody pro redesign Aktuální web je označován mladými lidmi, kteří jsou hlavní cílovou skupinou naší společnosti za neaktuální a nevzhledný.sah Aktuální web není optimalizovaný pro mobilní zařízení (mobily, tablety) S předchozím souvisí, že rozvržení webu nereflektuje současné trendy ve využívání internetu a rychlou dobu. Web nyní nevede uživatele k jasné konverzní cestě. Web je nepřehledný. Nejvíce kritizované je velký počet položek v menu a dvě menu pod sebou. Tato dvě menu komplikují i ovládání webu. Cíle redesignu Reagovat na důvody pro redesign a vytvořit řešení, které zůstane aktuální minimálně pro další 2 3 roky. Rozsah redesignu Redesign se v první řadě dotkne hlavních webových stránek Bezprostředně po redesignu hlavního webu bude upraven na nový vzhled i blog.czech-us.cz, což bude snadné díky využívání redakčního systému WordPress. Následně bude aktualizována i stránka pro zaměstnavatele iamthejob.com. V poslední řadě bude aktualizován portál pro registrované uživatele Tato poptávka se vztahuje pouze na redesign a blog.czech-us.cz. Další weby budou zadané samostatně. V druhé fázi je potenciál k vytvoření: nového vzhledu firemních dokumentu nového vzhledu vizitek nový vzhled cedulek v kanceláři a další Jaké stránky je nutné navrhnout? Primárně je nezbytná domovská stránka, na základě které budeme tvořit další stránky. Dále bude nutné vytvořit: Návrh pro stránky Návrh pro příspěvky Návrh pro jazykové kurzy v zahraničí Návrh pro výběr jazykových kurzů v zahraničí Návrh pro kontaktní sekci Návrh sekce o nás Návrh blogu Návrh výpisu příspěvků na blogu. 4

5 Firemní grafický manuál Barvy: Czech-us využívá hlavně modrou a bílou barvu. Logo: Slogan a další barvy použitelné na webu: Písmo na webu i v grafice jsou použité různé typy fontů. Oficiálně je logo a slogan ve fontu Humanist, který ale nemá některá česká písmena, takže jsou další textu ve fontu Tahoma, někdy i v jiném. Na tomto písmu netrváme do budoucna, ale nechceme měnit logo. Slogan i logo v EPS v příloze. Popis jednotlivých prvků v návrhu webu Hlavička webu hlavička musí primárně zaujmout a bude stená na všech výše zmiňovaných webových stránkách. Menu Menu, prosíme, ať je rovněž součástí návrhu. Menu se nám líbí ve stylu, který přináší nejnovější verze Presta Shop. Toto menu lze také velmi snadno nastavit, aby bylo responsivní pro mobilní zařízení. Krátký popis stránky Chceme ihned na začátku lidem říci, kdo jsme. Zároveň nadpis h1 ihned v záhlaví stránky pomůže stránce v indexaci ve vyhledávačích. Slider s videi V naší propagaci extenzivně používáme video marketing a plánujeme další rozšiřování YouTube reklamy. Videa jsou pro nás velmi důležitá a chceme, aby si každý návštěvník alespoň jedno pustil. Všechna naše videa jsou k dispozici na našem YouTube kanále youtube.com/czechusagency. Ve slideru bude cca 6-8 videí. 5

6 Další sekce budou defacto kopírovat současné řešení, ale v novém vzhledu. novinky aktuality Facebook kontaktní formulář reference máme velké množství pozitivních referencí, které chceme publikovat již na homepage. Částečně budou reference zveřejněné už ve videích, dále bychom je chtěli mít v blízkosti kontaktního formuláře. Patička stránky Bude se jednat o standardní patičku WordPress stránky. Zajistíme vám i letenku pojištění a ubytování Tato sekce slouží místo zrušeného druhé menu. Upselling těchto doplňkových služeb je pro naše programy možností rychlého a snadného příjmu. Kódové řešení Všechny stránky, které jsou spravovány společností Czech-us využívají redakční systém WordPress. Výjimkou je portál pro klienty, který je programovaný na míru a úpravy jsou limitované. Podle grafického návrhu se rozhodneme, zda weby budou kódované od začátku nebo bude využita šablona, která bude pro navrženou grafiku upravena. Tato informace má pouze informativní charakter, prosíme, nijak se při grafickém návrhu neomezujte. Nic není dogmatické Vše, co jsme navrhli v tomto dokumentu, jsou pouze návrhy k dalšímu řešení. Budeme rádi za jakékoliv doporučení nebo vlastní invenci při návrhu. Kontaktní osoba V případě jakýchkoliv dotazů kontaktujte Michala Blažka, michal.blazek@czech-us.cz,