SPŠCH Pardubice (Koncept)

Redesign webové stránky SPŠCH Pardubice
Role
UX/UI designer
Nástroje
Figma
SPŠCH Pardubice (Koncept)

Úvod a vize

Cílem bylo vytvořit moderní a intuitivní digitální tvář SPŠCH Pardubice. Zastaralý systém jsem proměnilia v přesvědčivou platformu, která nejen maže vizuální dluh minulosti, ale skrze jasnou argumentaci a atraktivní prezentaci oborů ukazuje studentům jejich budoucí cestu. Výsledkem je digitální identita, která plně odpovídá prestiži této školy.

Problém

Původní web působil jako zastaralý digitální archiv, který svou vizuální podobou a nulovou responzivitou absolutně neodpovídal prestiži školy ani potřebám generace Z. Uživatelský zážitek navíc zásadně komplikoval navigační chaos s duplicitními prvky, ve kterém se návštěvník snadno ztratil, což v kombinaci s neestetickým prostředím vyvolávalo v uživatelích nedůvěru.

Z hlediska identity web zcela postrádal jasnou vizi a odpověď na otázku, proč studovat právě zde. Nevyužitý potenciál vizuálního stylu a strohá data u detailů oborů bez hlubšího kontextu smazávaly skutečnou hodnotu školy. Web tak nedokázal studentům prodat jejich budoucí cestu ani adekvátně reprezentovat renomé SPŠCH Pardubice v digitálním prostoru.

Řešení

Základem nového webu je vizuální kódování oborů, které pomocí barevného systému usnadňuje orientaci a sjednocuje identitu školy. Celý koncept jsem navrhla jako plně responzivní, aby škola efektivně komunikovala se studenty tam, kde tráví nejvíce času – na mobilních zařízeních.

V rámci obsahové transformace jsem nahradila strohá data atraktivní sekcí „Proč si vybrat nás?“ a detailními kartami oborů. Místo suchých tabulek tak web nyní nabízí lákavou vizi budoucí kariéry a jasné benefity, které plně odpovídají prestiži SPŠCH Pardubice.

No items found.

Vizuální identita

Novou identitu jsem postavila na barevném kódování, které vychází přímo z loga školy. Zatímco starý web barvy ignoroval, v mém návrhu slouží jako hlavní navigační pilíř – každý obor má svou barvu, se kterou pracuji v různých sytostech. Původní šeď jsem nahradila čistým bílým prostorem, který dává designu „vzdušnost“ a moderní řád.

‍

V typografii propojuji tradici s funkčností. Patkové písmo Merriweather dodává nadpisům akademickou vážnost, zatímco moderní Roboto zajišťuje skvělou čitelnost na mobilu. Celkový dojem profesionality doplňuje sociální důkaz v podobě carouselu se sponzory, který podtrhuje silné propojení školy s reálnou praxí.

No items found.

Závěr

Co jsem se naučila?

Redesign mě naučil, že školní web musí mluvit dvěma jazyky – musí nabídnout přehlednost rodičům a zároveň energii studentům. Pochopila jsem, že UX není jen o mřížce a tlačítkách, ale o empatii k uchazeči, který stojí před důležitým rozhodnutím. Práce s barevným kódováním mi pak potvrdila, že i technicky zaměřený web může být moderní a vizuálně atraktivní, aniž by ztratil na své vážnosti a prestiži.

‍

V čem se mohu zlepšit?

Dnes se na výsledek dívám kritickým okem a vnímám, že design místy sází na jistotu. Tento projekt je pro mě odrazovým můstkem – v budoucnu chci více experimentovat s netradičními layouty a autorskou grafikou. Příště bych se také zaměřila na hlubší uživatelské testování přímo se žáky 9. tříd a do webu integrovala interaktivní prvky, jako je virtuální prohlídka laboratoří, které by zážitek z digitální tváře školy ještě více prohloubily.

Zdroje

Všechny obrázky použité v projektu jsou z Freepik.com.

Zaujala vás moje tvorba? Dejte mi vědět!
Ozvěte se mi do zpráv na LinkedInu, nebo mi pošlete e‑mail.
Ráda si s vámi popovídám o designu (nebo o čemkoliv jiném).
Mail.Ru