O projekcie CyberSecure
Założenie projektu
Projekt opiera się na podejściu „uczę reakcji”. Zamiast długich opisów – krótkie lekcje oparte o przypadki, checklista decyzji oraz test kontrolny. Taki układ pozwala nie tylko zrozumieć zagrożenie, ale też powtarzalnie przećwiczyć właściwe działanie: przed kliknięciem, logowaniem lub płatnością.
Scenariusze
Realne SMS-y, maile i komunikaty - krok po kroku co w nich jest podejrzane.
Quiz
Krótki test, który utrwala reakcje i wyłapuje typowe błędy.
Checklista
Szybki schemat: co sprawdzić przed kliknięciem, logowaniem i płatnością.
Nawyki
Proste ustawienia i zasady, które realnie zmniejszają ryzyko.
Dla kogo jest CyberSecure?
CyberSecure jest dla osób, które chcą czuć się pewniej w internecie bez wchodzenia w techniczne szczegóły. Materiały są krótkie i oparte o codzienne sytuacje: wiadomości „od kuriera”, podejrzane linki do logowania, prośby o dopłatę czy komunikaty rzekomo z banku.
To praktyczne podstawy – takie, które realnie pomagają przed kliknięciem, logowaniem i płatnością.
Użytkownicy bankowości online i BLIK
Osoby aktywne w social media
Rodzice i seniorzy (proste scenariusze)
Każdy, kto chce zbudować „bazę” cyberhigieny
A o to narzędzia które pomogły mi przy tworzeniu CyberSecure
XAMPP
Do budowy i testów strony wykorzystałem XAMPP, czyli pakiet umożliwiający uruchomienie lokalnego środowiska WWW. Dzięki temu mogłem odtworzyć warunki zbliżone do serwera (PHP + Apache + baza danych) i rozwijać projekt WordPress bez konieczności stałego dostępu do hostingu. Takie podejście przyspieszyło iteracje (zmiany w Elementorze, testy motywu Astra, konfiguracje wtyczek) oraz ułatwiło tworzenie kopii bazy i plików projektu.
WordPress
WordPress był fundamentem całej strony CyberSecure - pozwolił mi zbudować strukturę podstron, zarządzać treścią i rozwijać projekt bez pisania wszystkiego od zera w kodzie. Dzięki panelowi administracyjnemu mogłem szybko dodawać materiały edukacyjne, aktualizować sekcje oraz testować wtyczki i ustawienia.
Motyw Astra Pro
W projekcie zastosowałem Astra Pro jako motyw bazowy, ze względu na jego wysoką wydajność i elastyczność konfiguracji. Motyw stanowił stabilną podstawę pod budowę interfejsu w Elementorze, jednocześnie pozwalając kontrolować kluczowe elementy globalne (header, footer, style, układ stron). Dzięki temu strona zachowała spójny wygląd i dobre parametry szybkości, co ma znaczenie w serwisie edukacyjnym, gdzie liczy się czytelność i płynne działanie.
Edytor Elementor Pro
W projekcie wykorzystałem Elementor Pro jako główne narzędzie do projektowania i budowy stron metodą „drag & drop”. Dzięki temu mogłem szybko tworzyć oraz modyfikować układ sekcji (nagłówki, kafelki, CTA, formularze) bez potrzeby pisania własnego kodu, a jednocześnie zachować kontrolę nad typografią, odstępami i spójnością wizualną całej witryny. Elementor Pro ułatwił mi iteracyjne dopracowywanie interfejsu - testowanie różnych wariantów układu, dopasowanie elementów do treści edukacyjnych oraz przygotowanie strony do późniejszej optymalizacji pod urządzenia mobilne.
