Quest for Paws

Empatyczna i czytelna strona organizacji pomagającej zwierzętom, zaprojektowana tak, aby ułatwiać dotarcie do adopcji, wsparcia i kontaktu.

ReactTailwind CSSFramer MotionGoogle FontsEmailJSFigma
https://ananasika.github.io/konferencja/
Quest for Paws — długi zrzut strony

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

EmailJSGoogle Fonts