Quest for Paws
Empatyczna i czytelna strona organizacji pomagającej zwierzętom, zaprojektowana tak, aby ułatwiać dotarcie do adopcji, wsparcia i kontaktu.
React Tailwind CSS Framer Motion Google Fonts EmailJS Figma
Podgląd pełnej strony projektu Quest for Paws — przewijaj w ramce, aby zobaczyć całość
O projekcie
Projekt strony fundacji, w którym kluczowe były dostępność, prostota nawigacji i czytelna ścieżka działania dla użytkownika.
Co zrobiłam w projekcie
Audyt dostępności Architektura informacji i ścieżki akcji Projekt formularzy adopcji, wsparcia i kontaktu Dopracowanie kontrastu, focus states i elementów aria
Efekt
Lepsza czytelność formularzy i treści Krótsza ścieżka do adopcji i wsparcia Bardziej dostępny i uporządkowany interfejs
Wyzwania i rozwiązania
Wyzwanie
Strona zawierała dużo emocjonalnych treści i zdjęć, ale nadal musiała pozostać czytelna.
Rozwiązanie
Postawiłam na spokojną typografię, dobre proporcje zdjęć i jasną strukturę sekcji.
Wyzwanie
Należało zadbać o lepszą dostępność dla użytkowników korzystających z czytników ekranu.
Rozwiązanie
Dopracowałam strukturę nagłówków, role ARIA, focus rings i teksty alternatywne.
Kluczowe decyzje projektowe
Kontrast zgodny z WCAG AA Stałe umiejscowienie najważniejszych przycisków akcji Nacisk na prostą i intuicyjną nawigację
Integracje i połączenia
EmailJS Google Fonts