- Realizacje
- Stowarzyszenie SZANSA
— Realizacja · organizacja pozarządowa
Strona internetowa Stowarzyszenia SZANSA w Krakowie
Nowy serwis porządkuje działalność organizacji, prezentuje realizowane projekty i ułatwia kontakt — również osobom korzystającym z urządzeń mobilnych i technologii wspomagających.
Założenia projektu
- Prosta komunikacjamisja, działalność i projekty
- Dostępnośćczytelność i wygodna nawigacja
- Łatwy rozwójmiejsce na kolejne projekty
— Kontekst
Strona organizacji społecznej musi budować zaufanie i być zrozumiała
Stowarzyszenie Integracyjne Aktywizacji Zawodowej i Społecznej Osób Niepełnosprawnych SZANSA działa w Krakowie od 2004 roku. Serwis internetowy powinien więc jasno pokazać wieloletnie doświadczenie, aktualną działalność i projekty, a jednocześnie nie przytłaczać odbiorcy formalnym językiem.
Projekt otrzymał spójny one-page z wydzielonymi realizacjami projektów. Dzięki temu najważniejsze informacje są dostępne od razu, a strona może rosnąć wraz z działalnością stowarzyszenia.
— Cele serwisu
Strona internetowa dla stowarzyszenia musi odpowiadać na potrzeby kilku grup odbiorców
Do serwisu SZANSY trafiają osoby z niepełnosprawnościami i ich bliscy, uczestnicy projektów, kandydaci do pracy, partnerzy biznesowi, instytucje publiczne oraz darczyńcy. Każda z tych grup szuka innych informacji. Zadaniem projektu było zbudowanie jednej, prostej ścieżki, która szybko wyjaśnia, czym zajmuje się organizacja i prowadzi do właściwego działania.
Na pierwszym planie znalazły się misja, bieżąca działalność, Zakład Aktywności Zawodowej, realizowane projekty, partnerzy oraz kontakt. Informacje formalne — statut, sprawozdania i dokumenty — pozostały łatwo dostępne, ale nie dominują nad opowieścią o realnej pomocy i aktywizacji zawodowej.
Taki układ wspiera wiarygodność organizacji. Użytkownik nie musi znać urzędowego języka ani struktury stowarzyszenia, żeby zrozumieć ofertę. Partner może sprawdzić doświadczenie, osoba zainteresowana projektem odnaleźć szczegóły, a potencjalny klient Zakładu Aktywności Zawodowej szybko przejść do kontaktu.
— Zakres wykonania
Kompletny serwis gotowy do publikacji na Zenboxie
Wygląd, treść i rozwiązania techniczne zostały dopasowane do charakteru organizacji oraz jej odbiorców.
Architektura informacji
Misja, działalność, zespół, współpraca, kontakt i projekty ułożone w logiczną ścieżkę.
Projekty i aktualności
Osobne, indeksowalne podstrony pozwalające rozwijać widoczność organizacji w Google.
Dokumenty
Czytelny dostęp do statutu, sprawozdań i pozostałych materiałów organizacji.
Formularz Resend
Bezpieczna wysyłka wiadomości bez uzależnienia strony od zewnętrznego kreatora.
SEO i analityka
Title, meta description, nagłówki, ALT-y, sitemap, robots.txt i kod Google Analytics 4.
Wydajność
Lekki kod bez WordPressa, zbędnych wtyczek i ciężkiego panelu administracyjnego.
— Struktura informacji
Prosta strona główna i osobne podstrony projektów
Strona główna pełni rolę czytelnego przewodnika po organizacji. Zamiast rozbudowanego menu i wielu podobnych zakładek użytkownik otrzymuje logiczną opowieść: poznaje SZANSĘ, obszary działania, projekty i partnerów, a następnie może przejść do dokumentów lub formularza kontaktowego.
Każdy większy projekt może otrzymać własny adres URL, tytuł, opis i materiały. Dzięki temu serwis nie jest zamkniętym one-page’em, który po roku staje się za mały. Może rosnąć wraz z działalnością stowarzyszenia, a nowe inicjatywy mają szansę pojawiać się osobno w wynikach wyszukiwania.
Tak zaplanowana architektura pomaga także osobom opiekującym się treścią. Wiadomo, które informacje należą do strony głównej, które do projektu, a które do sekcji dokumentów. Aktualizacja nie wymaga przebudowy całego serwisu ani dokładania kolejnych przypadkowych elementów.
- Strona główna
- O stowarzyszeniu
- Zakład Aktywności Zawodowej
- Realizowane projekty
- Partnerzy i współpraca
- Kontakt i dokumenty
- Podstrony projektów
- unikalne treści
- osobne adresy URL
- gotowość do indeksowania
— Projekt dla ludzi
Dostępność potraktowana jako część projektu, a nie dodatek
W przypadku organizacji działającej na rzecz osób z niepełnosprawnościami dostępność nie może być dopiskiem na końcu prac. Kontrast, hierarchia nagłówków, teksty alternatywne, widoczny fokus, obsługa klawiaturą i czytelne komunikaty formularza zostały uwzględnione już w konstrukcji serwisu.
Treści zostały podzielone na krótsze fragmenty i opisane jednoznacznymi nagłówkami. Linki informują, dokąd prowadzą, a formularz nie wymaga domyślania się, które pole zostało wypełnione nieprawidłowo. To rozwiązania zgodne z dobrymi praktykami WCAG, ale przede wszystkim pomagające każdej osobie korzystającej ze strony.
Serwis działa responsywnie, dlatego informacje o działalności SZANSY są wygodne do przeczytania na komputerze, tablecie i telefonie. Mobilny układ nie jest pomniejszoną wersją strony desktopowej: kolejność treści, wielkość przycisków i odstępy zostały dopasowane do obsługi dotykiem.
— Technologia
Czysty HTML, CSS, JavaScript i PHP bez WordPressa
Strona internetowa stowarzyszenia została zbudowana od podstaw w lekkim kodzie. HTML odpowiada za poprawną strukturę treści, CSS za wygląd i układ, JavaScript wyłącznie za potrzebne interakcje, a PHP obsługuje bezpieczne wysyłanie formularza. Nie ma tu gotowego motywu, ciężkiego kreatora ani zestawu wtyczek wymagających stałych aktualizacji.
Ograniczenie zbędnych zależności skraca czas ładowania i zmniejsza liczbę elementów, które mogą przestać działać po aktualizacji. Obrazy są przygotowane do internetu, a kod ładuje tylko funkcje potrzebne na danej podstronie. To szczególnie ważne dla użytkowników korzystających z telefonu lub wolniejszego łącza.
Formularz kontaktowy wykorzystuje PHP i usługę Resend. Walidacja danych, zabezpieczenia antyspamowe i jasne komunikaty pomagają dostarczyć wiadomość bez ujawniania adresu e-mail w kodzie strony. Całość jest przygotowana do działania na hostingu Zenbox i pozostaje łatwa do dalszej rozbudowy.
— Widoczność i wiarygodność
Lokalne SEO wspiera działalność organizacji w Krakowie
Frazy związane ze stowarzyszeniem, aktywizacją zawodową, działalnością społeczną i Krakowem zostały połączone z rzeczywistą treścią, zamiast powtarzać jedną formułę w każdym akapicie. Każda podstrona otrzymuje własny tytuł, opis, nagłówek H1 i adres, dzięki czemu Google może lepiej rozpoznać jej temat.
Dane organizacji, pełna nazwa, historia, partnerzy, dokumenty i konkretne opisy projektów budują zaufanie zarówno użytkowników, jak i wyszukiwarki. To szczególnie ważne w przypadku strony internetowej dla fundacji lub organizacji pozarządowej, gdzie odbiorca chce wiedzieć, kto odpowiada za działania i jak może zweryfikować ich zakres.
Case study nie konkuruje ze stroną główną Stronisława o ogólne hasło strony internetowe Kraków. Pokazuje natomiast konkretną specjalizację: projektowanie dostępnych stron internetowych dla stowarzyszeń, fundacji i organizacji społecznych z Krakowa i nie tylko.
— Referencja
Trzecia realizacja dla SZANSY potwierdzona osobną referencją
„Współpracę oceniamy bardzo dobrze — za wyczucie tematu, ogromną cierpliwość w tłumaczeniu naszych potrzeb na język strony internetowej oraz prawdziwy szacunek dla osób, o których ta strona opowiada.”
Referencję podpisał Sebastian Białas, Prezes Zarządu Stowarzyszenia SZANSA. To kolejna wspólna realizacja po serwisach Na Wzgórzach 44 i Stypy Kraków, a zarazem najważniejsza strona organizacji — przedstawiająca jej misję, działalność społeczną i rehabilitacyjną oraz projekty.
Potrzebujesz strony fundacji lub stowarzyszenia?
Przygotuję czytelny serwis dopasowany do działalności organizacji i odbiorców.