Wyzwanie
CzujnyKlik musiał być narzędziem, które użytkownik rozumie od pierwszych sekund. Osoba trafiająca na stronę często ma podejrzenie, że link, wiadomość, kod QR albo zrzut ekranu może być niebezpieczny. Interfejs nie mógł więc wyglądać jak techniczny panel dla specjalistów, tylko jak proste wsparcie w podjęciu decyzji.
Najważniejsze było zaufanie. Użytkownik musi wiedzieć, co może wkleić, co jest analizowane, jaki typ ryzyka został wykryty i co powinien zrobić dalej. Komunikaty muszą być krótkie, jasne i pozbawione zbędnego straszenia.
Projekt wymagał również szybkiego działania. Narzędzie ma sens tylko wtedy, gdy użytkownik może sprawdzić podejrzany element bez logowania, bez reklam i bez skomplikowanej konfiguracji. Strona musiała być lekka, responsywna i stabilna.
Rozwiązanie
Aplikacja została przygotowana jako customowe wdrożenie oparte o PHP 8.3, HTML5, CSS3 i JavaScript. Frontend korzysta z bundlowanych assetów, co pozwala utrzymać porządek w kodzie, szybkie ładowanie i wygodną rozbudowę interaktywnych modułów.
Interfejs został podzielony na konkretne scenariusze: sprawdzenie wiadomości, linku, zrzutu ekranu i kodu QR. JavaScript odpowiada za dynamiczne elementy formularzy, przełączanie widoków i komunikaty, a PHP obsługuje warstwę aplikacyjną oraz bezpieczne renderowanie strony.
W projekcie dodaliśmy dane strukturalne JSON-LD, zoptymalizowane meta dane, czytelne CTA i jasne treści edukacyjne. Efektem jest aplikacja webowa, która wygląda przystępnie, ale zachowuje techniczną wiarygodność potrzebną przy temacie bezpieczeństwa.
Efekty
- aplikacja webowa do sprawdzania podejrzanych linków, wiadomości i kodów QR
- customowy frontend z bundlowanym JavaScriptem i CSS
- PHP 8.3 jako warstwa aplikacyjna
- czytelne komunikaty bezpieczeństwa dla użytkowników nietechnicznych
- lekki interfejs bez logowania i zbędnych barier
- dane strukturalne JSON-LD oraz przygotowanie pod widoczność w Google
Technologie wykorzystane
W realizacji wykorzystano konkretny zestaw technologii dobrany do typu projektu, wydajności, bezpieczeństwa, łatwej obsługi i dalszego rozwoju.
Screeny projektu
