VOSKOP
O projektu
Při realizaci webové prezentace pro Střední a vyšší odbornou školu bylo klíčové sjednotit prezentaci všech oborů a zároveň je jasně rozlišit v rámci struktury webu. Důraz jsme kladli na přehlednou orientaci a srozumitelné oddělení oborů střední školy a vyšší odborné školy.
Projekt jsme nejprve zpracovali formou koncepční prezentace, na jejímž základě jsme návrh získali. Následně jsme navrhli budoucí strukturu webu, rozložení jednotlivých stránek a způsob prezentace obsahu tak, aby web byl dlouhodobě přehledný a snadno rozšiřitelný.
Analýza
Důkladná analýza požadavků a celkové koncepce je pro nás klíčová k úspěšnému dodání projektu podle schváleného zadání. V této fázi se soustředíme na pochopení všech požadavků klienta a jejich převedení do řešení, které je přehledné, logické a uživatelsky přívětivé pro budoucí návštěvníky webu.
V případě projektu Voskop byla analýza náročnější, než se mohlo na první pohled zdát. Původní web jsme detailně analyzovali přímo na již běžící webové prezentaci, a to především kvůli zmapování rozsahu obsahu a zajištění správného přesměrování všech stránek při spuštění nového webu.
Pomocí sitemap a dat z Google Search Console jsme zjistili, že web je poměrně rozsáhlý a obsahuje velké množství stránek a tematických oblastí. Naším cílem proto bylo sjednotit a zpřehlednit strukturu webu, aby se v něm uživatelé lépe orientovali a obsah byl prezentován srozumitelnější formou než v původním řešení.
Fáze návrhu
Navržení správné struktury a orientace na webu
Voskop je specifický tím, že nabízí studijní programy pro střední školu a pro vyšší odbornou školu dohromady s tím, že některé programy se i jmenují stejně a tak je bylo třeba všechy správně rozdělit.
Pro lepší orientaci jsem skrze celý web navrhli barevné rozdělení programů na dvě barvy, kdy pro střední školu jsme navrhli oddělit obory a kategorie modrou barvou a vyšší odbornou školu jsme navrhli červenou barvou. Díky tomu se lze jednoduše orientovat, jestli se uchazeč nachází oboru pro vyšší odbornou školu nebo pro střední školu.
Další důležitou částí bylo navržení správného hlavního menu, pro rychlejší přechod mezi stránkami a orientaci návštěvníků.
Celý web jsme strukturovali do přehledných sekcí – střední škola, vyšší odborná škola, autoškola, ubytovna a samostatné části s informacemi a podklady pro studenty a uchazeče.
Design a zpracování
Správná komunikace u návrhu zajistí správný výsledek
U návrhu se snažíme vždy přenést naše i klientovi myšlenky do návrhu s tím, že téměř vždy se snaží prodat klientovi naši expertízu s tím, že některé požadavky klienta, které nedávají úplně smysl, se snaží klientovi vysvětlit, že takto by to úplně správně nefungovalo. Pokud však klient za námi přichází s nápadem, který dává smysl, tak jej rádi uvítáme a zpracujeme do návrhu.
Pro komunikaci a návrh používáme nástroj Figma:
- Komunikace s klientem skrze komentáře
- Prezentace designu návrhu
- Navržení a ukázka animací
Výsledky
Zlepšení orientace a dohledatelnosti
Webová prezentace Voskopu má pozitivní dopad:
- Vyšší návštěvnost díky správné struktůře dat a SEO
- Zvýšený počet žádostí z webové aplikace
- Zvýšená návštěvnost a využití novinek, galerie
- Delší strávená doba na detailu oboru
Celkový dojem
Voskop získal platformu, která pomáhá studentům i žadatelům:
- Studenti mají přehlednou webovou prezentaci, která jim poskytuje potřebné informace
- Žadatelé najdou vše potřebné, co potřebují vědět
- Moderní a reprezentativní design
Zaujal vás projekt?
Náš tým je připraven transformovat vaši webovou prezentaci stejně, jako jsme to udělali pro VOSKOP.
Kontaktujte nás