#RespectKraków – Multimedialna Platforma Informacyjno-Edukacyjna Miasta
O projekcie
#RespectKraków to nowoczesna platforma internetowa będąca sercem kampanii społeczno-edukacyjnej miasta Krakowa. Celem projektu było stworzenie responsywnego i atrakcyjnego wizualnie serwisu, który w przystępny sposób komunikuje zasady współżycia w przestrzeni miejskiej, promuje lokalną kulturę oraz wspiera turystów w odpowiedzialnym odkrywaniu uroków miasta. Witryna łączy w sobie funkcję informacyjną z edukacyjną, kładąc duży nacisk na User Experience (UX) oraz dostępność cyfrową. Dzięki wykorzystaniu zaawansowanych technologii, strona stanowi sprawne narzędzie komunikacji między miastem a osobami odwiedzającymi stolicę Małopolski.
Problem:
Potrzeba stworzenia centralnego, cyfrowego punktu kampanii, który w sposób nowoczesny dotrze do szerokiego grona odbiorców. Wyzwania obejmowały:
- Zarządzanie dynamiczną treścią i multimediami (wideo, mapy, PDF-y) przez zespół redakcyjny.
- Konieczność przekazania ważnych zasad (np. cisza nocna, etykieta) w sposób atrakcyjny i nieantagonistyczny.
- Zapewnienie pełnej dwujęzyczności (PL/EN) dla obsługi ruchu turystycznego.
- Potrzeba wysokiej wydajności i doskonałego wyświetlania na urządzeniach mobilnych (Mobile First).
- Spełnienie restrykcyjnych norm dostępności dla osób z niepełnosprawnościami (WCAG).
Podjęte działania:
- Wybór zaawansowanego stosu technologicznego: Postawiliśmy na framework Symfony wraz z systemem Sulu CMS, co pozwoliło na stworzenie elastycznego i bezpiecznego zaplecza backendowego. Warstwa frontendowa została oparta o Tailwind CSS oraz framework Hotwire (Stimulus), zapewniając szybkość działania bez przeładowywania stron.
- Projektowanie modułowej architektury treści: Stworzyliśmy system dedykowanych bloków treści (tzw. „bricks”), takich jak sekcje Hero, karty ofert kulturalnych, moduły „Pamiętaj” czy interaktywne listy punktów informacji turystycznej. Pozwala to na dowolne konfigurowanie układu strony głównej.
- Wdrożenie systemu zarządzania multimediami: Skonfigurowaliśmy moduł Sulu Media, umożliwiający sprawne zarządzanie kolekcjami zdjęć, materiałami wideo oraz plikami PDF do pobrania, dbając o ich automatyczną optymalizację pod różne rozdzielczości ekranów.
- Optymalizacja pod kątem UX i interaktywności: Zaimplementowaliśmy płynne animacje i komponenty UI, które zwiększają zaangażowanie użytkownika. Kluczowe sekcje, jak „Don’t be noisy!”, otrzymały dedykowaną oprawę wizualną z wykorzystaniem wideo i banerów promocyjnych.
- Dostosowanie do standardów WCAG: Każdy element interfejsu został zaprojektowany i wdrożony z myślą o dostępności, wliczając w to odpowiedni kontrast, czytelność fontów oraz pełną obsługę czytników ekranowych.
- Implementacja funkcjonalności „Emergency & Info”: Przygotowaliśmy dedykowane moduły z numerami alarmowymi, opisami oraz listą Punktów Informacji Turystycznej (nazwy, adresy, godziny otwarcia), zapewniając realną wartość użytkową dla turysty w sytuacji kryzysowej.
- Integracja SEO i Meta-tagów: Każda podstrona została wyposażona w dedykowany panel do zarządzania meta-danymi (title, description, keywords), co gwarantuje wysoką widoczność kampanii w wyszukiwarkach internetowych.
Rozwiązanie Problemu:
Nowy serwis w pełni realizuje cele wizerunkowe i informacyjne Miasta Krakowa:
- Intuicyjny system CMS, pozwalający na błyskawiczną aktualizację treści i materiałów promocyjnych.
- Pełna responsywność (RWD), zapewniająca komfortowe przeglądanie strony na smartfonach w trakcie zwiedzania miasta.
- Czytelna sekcja zasad (#KrakowRules), która edukuje poprzez przyjazne ikony i krótkie komunikaty.
- Dedykowany moduł kulturalny, zachęcający do korzystania z lokalnej oferty wydarzeń i gastronomii.
- Wielojęzyczność, pozwalająca dotrzeć do turystów z całego świata.
Osiągnięcia Klienta:
- Skuteczne wdrożenie profesjonalnego wizerunku kampanii #RespectKrakow w sieci.
- Zwiększenie dostępności informacji o zasadach panujących w mieście dla obcokrajowców.
- Poprawa dostępności cyfrowej zasobów miejskich dzięki standardom WCAG.
- Uproszczenie procesu publikacji materiałów edukacyjnych (broszury PDF, wideo) przez urzędników.
- Zbudowanie fundamentu technologicznego pod dalszy rozwój funkcji turystycznych miasta.
Dlaczego my?
- Specjalizujemy się w technologii Sulu CMS, która łączy elastyczność programistyczną z prostotą obsługi dla klienta.
- Mamy doświadczenie w projektach realizowanych dla sektora publicznego, gdzie kluczowa jest transparentność, bezpieczeństwo i dostępność.
- Łączymy estetykę wizualną (nowoczesny design) z technologiczną doskonałością (Tailwind, Hotwire).
- Podchodzimy do projektów holistycznie – od konfiguracji serwera, przez architekturę bazy danych, aż po ostatni detal animacji na froncie.
Dalsza współpraca:
- Utrzymanie i bezpieczeństwo: Regularne aktualizacje frameworków Symfony i Sulu oraz monitoring stabilności serwisu.
- Rozwój funkcjonalny: Możliwość dodawania nowych wersji językowych oraz rozbudowy o kolejne moduły tematyczne.
- Analityka i SEO: Monitoring ruchu i optymalizacja treści pod kątem najczęściej wyszukiwanych przez turystów fraz.
Nowe możliwości:
- Wdrożenie interaktywnych map z geolokalizacją punktów informacji i zabytków.
- Integracja z miejskimi systemami powiadomień lub kalendarzami wydarzeń (API).
- Stworzenie dedykowanego panelu dla partnerów kampanii do pobierania materiałów brandingowych.
- Możliwość rozbudowy o moduł gry miejskiej lub quizów edukacyjnych dla młodszych turystów.
