Soucitně

Cíle projektu

Tento projekt jsem realizoval pro neziskovou organizaci Očima zvířat, ve které zároveň působím jako dobrovolník. Projekt Soucitně potřeboval modernizovat webovou platformu. Cílem bylo vytvořit nový web, který bude moderní, rychlý a uživatelsky přívětivý. Web obsahuje širokou databázi veganských receptů, článků a informací. Zároveň nabízí interaktivní mapu restaurací a prodejen, kde je možné nakoupit veganské produkty. Web také obsahuje komunitní kalendář akcí, které se týkají veganství nebo ochrany zvířat. Základní požadavky byly:

• umožnit správu a publikaci článků a receptů,
• vytvořit interaktivní mapu restaurací a prodejen s napojením na Google Maps API,
• vytvořit komunitní kalendář akcí, kam uživatelé budou moci přidávat vlastní akce,
• zajistit efektivní práci s obrázky a optimalizaci jejich načítání,
• zajistit responzivní design pro mobilní zařízení.

Výběr technického řešení

Jelikož původní web běžel na velmi zastaralé verzi systému Drupal, se kterým jsem zároveň neměl zkušenosti, rozhodl jsem se migrovat veškerý obsah do CMS Joomla. Joomla nabízí pokročilé možnosti pro správu redakčního obsahu a přístupových práv, což bylo klíčové pro projekt tohoto typu.

Důvody pro výběr CMS Joomla:

• Flexibilní správa obsahu – robustní redakční systém vhodný pro články, recepty i kalendář akcí.
• Modularita – snadné rozšíření o další funkce.
• Bezpečnost a výkon – stabilní platforma s možností optimalizace pro vysoký provoz.

Funkcionality

• Novinky, články a recepty – strukturovaný obsah s možností přehledné navigace a vyhledávání.
• Interaktivní mapa restaurací a prodejen – vytvořeno vlastní řešení pomocí Google Maps API, přímé napojení na Google Places, kdy se na web načítá aktuální otevírací doba provozoven a recenze zákazníků. Uživatelé mají možnost přidávat nové podniky vyplněním formuláře, který se odešle ke schválení administrátorovi.
• Komunitní kalendář akcí – návštěvníci mohou přidávat akce, které se po schválení zobrazí v kalendáři.
• Optimalizace obrázků – využití služeb Cloudimage a ImageKit pro zajištění rychlého načítání a tvorbu miniatur.
• PWA aplikace – web je přístupný jako progresivní webová aplikace (PWA), což umožňuje pohodlnější používání na mobilních zařízeních.

Jelikož projekt Soucitně funguje na dobrovolnické bázi, bylo mým cílem co nejvíce činností automatizovat a zjednodušit, aby práce s webem dobrovolníkům zabírala co nejméně času. Mezi tyto automatizace patří:

• Automatické generování obrázků pro sociální sítě – Když je publikován nový článek, automaticky se na základě úvodního obrázku a titulku vygeneruje obrázek ve formátech vhodných pro nasdílení na Instagramu a Facebooku.
• Automatické generování obsahu newsletteru – Web umí do šablony newsletteru dosadit poslední publikované články a výrazně tak urychlit odeslání newsletteru jednou za měsíc.
• Automatické generování meta description pomocí AI

Design

Web byl navržen s důrazem na jednoduchost, přehlednost a snadnou orientaci širokému okruhu uživatelů. Barevné schéma vychází z původního loga a respektuje vizuální identitu. Důležitým aspektem byl responzivní design, který zajišťuje optimální zobrazení na mobilních zařízeních, tabletech i desktopu.

Výsledek a přínosy

Díky optimalizovanému technickému řešení a moderním funkcím se podařilo vytvořit rychlý, bezpečný a uživatelsky přívětivý web, který podporuje veganskou komunitu a poskytuje hodnotný obsah i široké veřejnosti.