#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?

  1. Specjalizujemy się w technologii Sulu CMS, która łączy elastyczność programistyczną z prostotą obsługi dla klienta.
  2. Mamy doświadczenie w projektach realizowanych dla sektora publicznego, gdzie kluczowa jest transparentność, bezpieczeństwo i dostępność.
  3. Łączymy estetykę wizualną (nowoczesny design) z technologiczną doskonałością (Tailwind, Hotwire).
  4. 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.