Odmieniliśmy życie strony Stowarzyszenia Ad-Astra z Sosnowca z 2008 roku

Nowa domena, migracja i szyfrowanie

Strona działa dziś pod własnym, stałym adresem ad-astra.org.pl — niezależnym od jakiegokolwiek systemu zewnętrznego. Dzięki temu organizacja ma pełną kontrolę nad swoją obecnością w sieci i nie grozi jej ponowne zniknięcie strony przy decyzji podmiotu trzeciego.

Cała wartościowa treść ze starego serwisu została przeniesiona: aktualności, galerie, dane kontaktowe, dokumenty i informacje o działalności. Przy okazji uporządkowano strukturę i podzielono treści na czytelne działy.

Każda podstrona działa teraz po szyfrowanym połączeniu HTTPS, z certyfikatem SSL. To różnica nie tylko wizualna (kłódka w przeglądarce), ale realna — dane przesyłane przez odwiedzających, na przykład w formularzu kontaktowym, są chronione w transmisji.

Nowa identyfikacja wizualna

Strona dostała spójny, autorski system wizualny — zupełnie nową tożsamość, zaprojektowaną od podstaw. Zamiast przypadkowych elementów ze starego serwisu, całość opiera się na jednej, spokojnej i ciepłej palecie barw.

• Lawendowy błękit #8fa0d7 — kolor przewodni: nagłówek, stopka, przyciski, akcenty.
• Kremowy #f9dfc6 — kolor tła i ocieplenia, używany na sekcjach i kartach.
• Typografia Titillium Web — jedna, czytelna rodzina krojów na całej stronie, w nagłówkach i treści.

Na to nałożono powtarzalne motywy, które spinają serwis w całość: falujący nagłówek i stopka, zaokrąglone karty, delikatne cienie i miękkie przejścia. Logo stowarzyszenia jest wyeksponowane w nagłówku i stopce. Efekt jest barwny i przyjazny, a jednocześnie uporządkowany — strona wygląda jak profesjonalnie zaprojektowana marka, a nie zbiór przypadkowych podstron.

Strona główna: film i ożywione zdjęcia

Sercem nowej strony głównej jest pełnoekranowy baner z tłem wideo. Film jest serwowany przez Cloudflare Stream — usługę, która sama dobiera jakość do łącza i odciąża serwer strony, dzięki czemu wideo startuje płynnie i nie spowalnia witryny. Zanim film się wczyta, w tle widoczny jest plakat z wybranej klatki, więc sekcja nigdy nie świeci pustką.

Do ożywienia strony wykorzystano też archiwalne materiały stowarzyszenia. Stare zdjęcia zostały odnowione i podkręcone przy pomocy sztucznej inteligencji, a z części z nich powstał materiał wideo na stronę główną. Pamiątkowe kadry, które wcześniej leżały w archiwum, stały się żywą częścią wizerunku.

Całość jest też przemyślana pod kątem telefonów: na małych ekranach, gdzie auto-odtwarzanie filmu bywa uciążliwe, zamiast wideo pokazywane jest statyczne zdjęcie. Strona ładuje się wtedy lżej i szybciej, a wrażenie pozostaje to samo.

Nawigacja, aktualności i galerie

Nowy serwis zbudowano z autorskich komponentów, które zastąpiły surowe listy odnośników ze starej strony:

• Rozbudowane menu z rozwijanymi sekcjami („Stowarzyszenie”, „Pomoc dla Ciebie”, „Baza Wiedzy”, „Dokumenty i Życie”), pogrupowane tematycznie, z dopracowaną wersją na telefon.
• Aktualności w formie przewijanego karuzelowego slidera z kafelkami — ze zdjęciem, datą i zajawką, zamiast długiej listy tekstowej.
• Galerie zdjęć prezentujące życie stowarzyszenia: spotkania, wyjazdy, uroczystości.
• Kafelki „Jak możemy Ci pomóc” prowadzące do konkretnych działów pomocy (porady psychologiczne, nieodpłatna pomoc prawna, harmonogram, reagowanie na przemoc).
• Sekcja partnerów z logotypami instytucji wspierających.
• Dane do darowizny z numerem konta i przyciskami kopiowania jednym kliknięciem — oraz czytelną sekcją kontaktu z mapą wczytywaną dopiero na życzenie.

Zamiast napisów na dole strony, odwiedzający dostaje uporządkowany, klikalny serwis, który prowadzi go do potrzebnych informacji.

Bezpieczeństwo: Cloudflare i Zero Trust

Stara strona nie miała nowoczesnych zabezpieczeń. Nowa jest schowana za Cloudflare, który działa jak tarcza między internetem a serwerem i filtruje ruch, zanim dotrze on do strony.

• Szyfrowanie SSL/HTTPS na całej witrynie.
• Ochrona przed botami i atakami — Cloudflare wyłapuje złośliwy, automatyczny ruch i ogranicza próby nadużyć.
• Zero Trust Access na panel administracyjny — wejście do zaplecza (/wp-admin) jest chronione dodatkową warstwą logowania Cloudflare. Do kulis strony dostają się wyłącznie wskazane osoby, nawet gdyby ktoś poznał hasło do samego WordPressa.
• Turnstile — nowoczesna, przyjazna alternatywa dla uciążliwych „udowodnij, że nie jesteś robotem”, pilnująca formularza kontaktowego przed spamem.
• Ograniczenie domyślnych furtek WordPressa — m.in. zbędne mechanizmy zakładania kont i stare punkty wejścia są wyciszone, żeby zmniejszyć pole do ataków.

W efekcie strona jest nie tylko ładniejsza, ale też znacznie trudniejsza do zaatakowania niż poprzedni serwis.

Dostępność (WCAG)

Strona została pomyślana tak, by mogły z niej wygodnie korzystać także osoby ze szczególnymi potrzebami. W rogu ekranu dostępny jest panel ułatwień, który każdy odwiedzający może włączyć jednym kliknięciem:

• Powiększanie i pomniejszanie tekstu,
• Wysoki kontrast (czarne tło, żółty tekst),
• Skala szarości dla osób wrażliwych na kolory,
• Czytelna czcionka o zwiększonych odstępach,
• Podkreślanie linków, by łatwiej je rozpoznać,
• Reset ustawień jednym przyciskiem.

To realny krok w stronę wytycznych dostępności cyfrowej (WCAG) — szczególnie ważny dla organizacji pożytku publicznego, do której trafiają różne osoby, często w trudnej sytuacji.

Prywatność i dane osobowe

Nowy serwis traktuje prywatność odwiedzających poważnie i zgodnie z dobrymi praktykami.

• Baner cookies z realną zgodą — odwiedzający sam decyduje: akceptuje lub odrzuca pliki cookies, a skrypty śledzące uruchamiają się dopiero po jego zgodzie. Decyzję można później zmienić.
• Osobna polityka prywatności dostępna z poziomu strony i banera.
• Formularz kontaktowy z trybem dyskrecji — osoba pisząca w trudnej sprawie może zaznaczyć „Proszę o dyskrecję”. Wtedy wiadomość trafia tylko do osoby, która się nią zajmie, nie jest zapisywana w systemie strony, a dane nie są nikomu przekazywane. Formularz pyta też, czy odpowiedź ma pójść mailem, czy telefonicznie.
• Mapa Google wczytywana dopiero na kliknięcie, a nie automatycznie — mniej danych trafia do podmiotów zewnętrznych bez wiedzy użytkownika.

Dla organizacji, która pomaga osobom w delikatnych, często wstydliwych sprawach, taka dbałość o dyskrecję i dane to nie dodatek, lecz podstawa zaufania.

Jak to powstało: AI, kompleksowo i za darmo

Cały projekt powstał błyskawicznie dzięki wykorzystaniu sztucznej inteligencji — od przeniesienia i uporządkowania treści, przez zaprojektowanie identyfikacji wizualnej, po odnowienie archiwalnych zdjęć i przygotowanie materiału wideo. To, co klasyczną ścieżką zajęłoby tygodnie pracy wielu osób, udało się zrealizować szybko i sprawnie.

Serwis składa się z zestawu autorskich komponentów (nagłówek z falą, aktualności, kafelki pomocy, partnerzy, sekcja darowizny, formularz kontaktowy, stopka), dopasowanych do marki stowarzyszenia — a nie z gotowego, przypadkowego szablonu.

Najważniejsze: całość została wykonana nieodpłatnie. Stowarzyszenie pokryło jedynie koszt hostingu. Nowa strona, nowa domena, nowa identyfikacja wizualna, zabezpieczenia i dostępność — wszystko to powstało bez obciążania budżetu organizacji pożytku publicznego.

Efekt

Ad-Astra przeszło drogę od statycznej strony z 2008 roku, zagrożonej zniknięciem wraz z wygasającą domeną, do nowoczesnego, barwnego i bezpiecznego serwisu na własnej domenie ad-astra.org.pl.

Nowa strona łączy to, co ważne dla organizacji pożytku publicznego: estetyczny, spójny wygląd, film i ożywione zdjęcia na stronie głównej, czytelną nawigację i galerie, solidne zabezpieczenia Cloudflare z Zero Trust, dbałość o dostępność oraz o prywatność i dyskrecję odwiedzających. Wszystko to powstało kompleksowo, szybko i nieodpłatnie — jako gotowa, godna zaufania wizytówka stowarzyszenia w internecie.