Case Study Webový redesign & vývoj

Diakonie ČCE

Kompletní přestavba webu pro jednu z nejvýznamnějších sociálních organizací v České republice. Přístupný, rychlý a přehledný web, který pomáhá lidem najít sociální služby v jejich okolí.

Klient
Diakonie ČCE
Rok
2024
Rozsah
Full-service
Scroll
30+
Středisek na mapě
A++
Přístupnost webu
100%
Responzivní design
0→1
Od nuly na míru
01

Co Diakonie potřebovala
a proč to bylo urgentní

Diakonie ČCE pomáhá tisícům lidí po celé České republice. Jejich web ale nedokázal zprostředkovat jednu zásadní věc — rychle najít správnou pomoc ve správném místě.

Diakonie provozuje desítky středisek po celé republice. Nabízí sociální služby od péče o seniory přes pomoc rodinám v krizi až po podporu lidí s postižením. Jenže na starém webu bylo téměř nemožné zjistit, jaká služba je k dispozici ve vaší lokalitě.

Web nebyl přístupný pro starší uživatele a osoby se zrakovým omezením — tedy právě pro ty, kteří služby Diakonie potřebují nejvíce. Navigace byla matoucí, informace zastaralé a mobilní verze prakticky nepoužitelná.

👁️

Nedostatečná přístupnost

Malé písmo, nízký kontrast. Web nebyl použitelný pro seniory a osoby se zrakovými obtížemi — klíčovou cílovou skupinu.

🗺️

Chybějící přehled středisek

Žádná mapa, žádné filtrování. Lidé nevěděli, jaké služby Diakonie nabízí v jejich okolí.

📱

Nefunkční mobilní verze

Rozbitý layout na telefonech a tabletech. Většina návštěvníků přicházela z mobilu — a odcházela.

Zastaralý design i technologie

Web neodpovídal důvěryhodnosti a významu Diakonie. Vizuálně i technicky zaostával za dobou.

02

Web, který pomáhá
pomáhat

Naprogramovali jsme celý web od nuly s jedním cílem — aby každý člověk, bez ohledu na věk nebo schopnosti, snadno našel službu, kterou potřebuje.

01

Přístupný design pro všechny

Kontrastní barvy, velké písmo, jasná typografie. Web splňuje přísné standardy přístupnosti pro seniory i osoby se zrakovými obtížemi.

02
🗺️

Dynamická mapa středisek

Interaktivní mapa s filtrováním podle služeb a regionu. Kliknutím na bod zobrazíte kontakty, služby i otevírací dobu. Aktualizace v reálném čase.

03
🧭

Intuitivní navigace

Strukturované menu a jasné kategorie. Každý najde potřebné informace během sekund — ať je mu 25 nebo 75 let.

04

Rychlost & výkon

Čistý kód bez zbytečností. Optimalizované obrázky, lazy loading a moderní technologie. Web se načte rychle i na pomalejším připojení.

05
🔒

Bezpečnost osobních údajů

Zabezpečení proti běžným hrozbám a útokům. Ochrana osobních údajů uživatelů v souladu s GDPR a nejlepšími bezpečnostními praktikami.

06
📊

Pokročilá analytika & měření

Google Analytics, Hotjar heatmapy, custom dashboardy. Data o tom, jak lidé web používají, pomáhají neustále zlepšovat uživatelský zážitek.

Před a po —
rozdíl je vidět okamžitě

Ze zastaralého a nepřehledného webu jsme vytvořili moderní platformu, která odpovídá významu Diakonie.

Před Diakonie web – před redesignem
Po Diakonie web – po redesignu
03

Technologie, která
slouží lidem

Frontend & backend od nuly

Moderní frameworky pro dynamické rozhraní. Žádné šablony — čistý kód postavený přesně na míru potřebám Diakonie.

Dynamická mapa s databází

Propojení s databází středisek. Filtrování podle služeb a regionu. Automatická aktualizace při každé změně v nabídce.

Přístupnost (WCAG)

Vysoký kontrast, velké písmo, sémantický HTML. Web je použitelný i pro osoby se zrakovým nebo motorickým omezením.

Komplexní analytika

Google Analytics + Hotjar + custom dashboardy. Data o návštěvnosti pomáhají zlepšovat obsah a navigaci.

WordPress Custom Theme PHP JavaScript CSS3 Google Maps API Google Analytics Hotjar WCAG Responsive SEO GDPR
„Klíčovým požadavkem byla přístupnost. Web musí být srozumitelný a použitelný pro každého — od mladého dobrovolníka po seniora, který hledá pomoc. A přesně takový jsme ho vytvořili."
— V CREATE, vývojový tým
04

Co nový web
přinesl Diakonii

Platforma, která nejen informuje, ale aktivně pomáhá lidem najít a využít sociální služby v jejich okolí.

Přístupný web pro všechny

Vysoký kontrast, velké písmo, jasná navigace. Senioři i osoby se zrakovým omezením web bez problémů používají.

Střediska na dosah kliknutí

Dynamická mapa s filtrováním umožňuje okamžitě najít správnou službu ve správné lokalitě.

Důvěryhodný vizuál

Moderní design odpovídající významu a poslání Diakonie. Profesionální tvář pro celorepublikovou organizaci.

Data pro lepší rozhodování

Kompletní analytické nástroje ukazují, co návštěvníci hledají — a pomáhají obsah neustále vylepšovat.

Váš projekt

Potřebuje váš web
podobnou proměnu?

Pojďme společně vytvořit něco, co bude fungovat. Bez šablon, bez kompromisů — přesně na míru vašim potřebám.

Domluvit si konzultaci
Co je COOKIE?

Cookie je malý datový soubor umístěný ve vašem prohlížeči v zařízení (počítači, chytrém telefonu či tabletu), na kterém si stránky prohlížíte. Jeho úkolem je pomoci prohlíženým stránkám správně fungovat a zobrazovat správný obsah. Stránky si pamatují vaše prohlížení a fungují tak, aby se nemusely vaše preference nahrávat znovu. Díky tomu je pro vás užívání stránek mnohem přívětivější.