Problém

Původní web byl vizuálně zastaralý, nepřizpůsobený pro mobilní zařízení a měl složitou navigaci. Klíčové informace, jako otevírací doba, přednášky a sbírky, byly na webu utopeny a chyběla možnost pravidelných aktualizací nebo online prodeje knih. Klient potřeboval osvěženou digitální prezentaci, která by respektovala historickou identitu organizace a zároveň usnadnila správu a používání webu.

Hlavní výzvy

  • 1
    Navrhování pro široké publikum včetně starších návštěvníků s různou úrovní digitálních dovedností.
  • 2
    Uspořádání velkého množství historického obsahu do přehledné struktury.
  • 3
    Zavedení e-commerce prvků, aniž by odváděly pozornost od hlavního poslání muzea.
  • 4
    Práce se stávajícím logem a definovanou paletou barev.

Spolupráce

Tento projekt byl realizován ve spolupráci se společností Nanet Websites, která zajistila nastavení serveru, hosting a SEO. Klient sdílel úvodní ručně kreslený návrh své vize, který jsem přetvořil do propracovaného digitálního zážitku. Vedl jsem návrh UX struktury, UI design a front-end vývoj na platformě WordPress, přičemž jsem dbal na to, aby web zůstal snadno aktualizovatelný pro dobrovolníky.

Průzkum a poznatky

Provedl jsem analýzu srovnatelných webů muzeí a kulturního dědictví, abych pochopil očekávání uživatelů. Návštěvníci obvykle vyžadují rychlý přístup k praktickým informacím spolu s poutavým vyprávěním příběhů skrze snímky a články. Klíčovým faktorem byla přístupnost, zejména u stránek s velkým množstvím textu, což vedlo k silnému důrazu na čitelnost, kontrast a logickou hierarchii obsahu.

Designový proces

Web jsem znovu postavil na platformě WordPress s využitím šablony Avada, což zajistilo flexibilitu a zároveň snadnou správu systému pro netechnické uživatele.

Můj postup zahrnoval:

  • Převod klientova náčrtu do strukturovaných rozvržení stránek
  • Návrh responzivních šablon pro klíčové sekce
  • Ladění navigace se zaměřením na akce, sbírky a e-shop
  • Integraci WooCommerce pro online prodej knih

Všechna rozvržení byla testována na desktopu, tabletu i mobilu, aby byla zajištěna stoprocentní konzistence.

Vizuální směr vycházel ze stávající identity značky. Barevná paleta #29235C a #00A9E2 byla převzata přímo z loga pro zachování kontinuity a vytvoření klidného, moderního rozhraní. Typografie kombinuje písmo Trocchi, které dodává tradiční, redakční nádech, s písmem Work Sans pro čistotu a moderní rovnováhu, což podporuje čitelnost na stránkách s velkým množstvím obsahu.

Hlavní kroky

  • Definování jasné informační architektury pro historický obsah
  • Návrh znovupoužitelných šablon pro události, blogové příspěvky a funkce sbírek
  • Implementace WooCommerce pro prodej publikací a reklamních předmětů
  • Optimalizace typografie pro dobrou čitelnost dlouhých textů
  • Zajištění plné responzivity a přístupného barevného kontrastu

Výsledky

Finální web prezentuje historii Newhavenu klidným, strukturovaným a moderním způsobem. Nové sekce pro události, blogové příspěvky a e-shop umožňují organizaci oslovit návštěvníky i mimo prostory fyzického muzea.

Dopad a reflexe

Redesignovaný web je nyní plně responzivní a má jednodušší navigaci, což organizaci poprvé umožnilo prodávat publikace online. Klíčové informace pro návštěvníky jsou přehlednější a díky strukturovanému obsahu lze efektivněji propagovat pořádané akce.

Co jsem se naučil

Tento projekt potvrdil hodnotu promyšleného UX pro kulturní organizace. Naučil jsem se, jak vyvážit historický storytelling s moderními webovými standardy a vytvořit řešení, které působí uctivě k tradici a zároveň je praktické pro tým složený z dobrovolníků.

Co dělám

Další projekt

  • E-shop
    Master of Pellets

    E-commerce platforma specializující se na vysoce kvalitní dřevní pelety.