Novinka: Vizuální editor pro éru AI webů. Poslední dílek skládačky, když chcete upravovat web a ne psát e-maily. www.directedit.dev

💬
Projekt

MP edu

Udělat přístupný web je někdy oříšek. Ale udělat pestrobarevný přístupný web? To je hotový kokosák! Výzva to byla, ale výsledek předčil všechna očekávání.

Co tu najdete

Blog
Design na míru
E-shop
Funkce na míru
Grafické práce
Newsletter
Překlady
Redesign
MP edu
MP edu

O projektu

Na první pohled se zadání zdálo jasné, ale jak to u webových projektů někdy bývá, během vývoje se objevily další požadavky a nápady, které stálo za to implementovat. Výsledkem je kompletní řešení, které dalece překročilo původní záměr:

  • Dvojjazyčný web – plně oddělené české a slovenské verze s unikátním obsahem a funkcemi pro každý trh,
  • Komplexní objednávkový systém s klasickým košíkem pro bezproblémové nákupy, což přineslo větší komfort a menší chybovost oproti předchozímu objednávkovému formuláři,
  • E-mailové notifikace – automatické zasílání detailního souhrnu objednávek společnosti a nově i přímo objednávající škole
  • Strategicky organizované informace pro rychlou orientaci různých typů návštěvníků,

V hlavní roli přehlednost a přístupnost

Srovnání s původním webem odhaluje, jak zásadní změny se podařilo dosáhnout:

Přístupnost na profesionální úrovni

  • Pečlivě otestovaná barevná paleta splňující všechny WCAG standardy zajišťuje, že je web použitelný i pro uživatele se zrakovými obtížemi,
  • web je kompletně ovladatelný klávesnicí a splňuje i další požadavky přístupnosti,
  • typografická hierarchie s jasným a dobře čitelným fontem umožňuje snadné čtení,
  • plně responzivní design je samozřejmostí.

Barevný systém jako navigační kompas

  • Každé vzdělávací úrovni i tématu byla přiřazena vlastní barva, která se promítá do celého webu,
  • díky tomu vzniká vizuálně intuitivní navigace, uživatelé si vytvoří mentální mapu webu během první návštěvy, barva slouží jako vizuální zkratka, díky čemuž se návštěvníci dokáží orientovat na první pohled.

Revoluce v organizaci obsahu

  • Kompletně přepracovaná struktura informací dává každé informaci své místo a smysl,
  • sofistikovaný systém filtrů (téma, věková skupina, aj.) šetří učitelům i ředitelům hodiny procházení,
  • programové bloky jako novinka,
  • každý text byl přepsán od začátku s důrazem na srozumitelnost a přesnost.

Vznikla nová vizuální identita

Projekt zahrnoval také redesign části vizuální komunikace:

  • Modernizace loga a převod do vektorových formátů pro všechna média,
  • tiskové materiály pro školy jako profesionální letáky s promyšlenou hierarchií informací,
  • ceníky jako elegantní PDF dokumenty připravené k tisku i digitálnímu sdílení,
  • e-mailová šablona pro newsletter.

Projekt MP edu ukázal, že pestrobarevný design a plná přístupnost nejsou protiklady. Výsledkem je web, který skvěle vypadá a zároveň funguje pro všechny uživatele. Zpětná vazba od paní majitelky i jejích kolegyň potvrzuje, že nový systém jim výrazně zjednodušil komunikaci se školami a ušetřil administraci.

MP eduMP eduMP edu

... prostě web vyladěný do poslední tečky.

MP edu

Chcete také takový web?

Jsem tu pro vás