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ší.