Wyzwanie
Dużo emocjonalnych treści i obrazów przy jednoczesnej czytelności UI.
Rozwiązanie
Stonowana typografia, stałe przerwy, dobre proporcje zdjęć i nagłówków.
Quest for Paws
Empatyczna strona fundacji pomagającej zwierzętom. Nacisk na dostępność i prostą nawigację, by łatwo dotrzeć do adopcji oraz wsparcia.
ReactTailwind CSSFramer MotionGoogle FontsEmailJSFigma
Co zrobiłam w projekcie
- Audyt dostępności (kontrast, focus, aria)
- Architektura informacji i ścieżki akcji
- Formularze adopcji/wsparcia i kontaktu
Wyzwania i rozwiązania
Wyzwanie
Ułatwienie dostępu dla osób z czytnikami ekranu.
Rozwiązanie
Role ARIA, porządek nagłówków, widoczne focus rings i tekst alternatywny.
Kluczowe decyzje projektowe
- Kontrast minimalny WCAG AA
- Przyciski akcji w stałych miejscach na każdej podstronie
Integracje i połączenia
EmailJSGoogle Fonts