Zdrowie+

Lekka i przejrzysta strona dla marki wellness, zaprojektowana tak, aby prowadzić użytkownika przez ofertę, treści i kontakt w prosty, uporządkowany sposób.

  • React
  • Tailwind CSS
  • Figma
  • Framer Motion
  • Google Fonts
  • EmailJS

Podgląd pełnej strony projektu Zdrowie+ — przewijaj w ramce, aby zobaczyć całość

Zdrowie+ — długi zrzut strony

O projekcie

Projekt koncepcyjny strony wellness z naciskiem na estetykę, spójność treści i czytelne CTA.

Czas realizacji

Czas realizacji: 3 tygodnie

Co zrobiłam w projekcie

  • Makiety low-fi i high-fi
  • Projekt stylistyki UI
  • Sekcje ofertowe, blogowe i CTA
  • Mikrointerakcje z użyciem Framer Motion
  • Semantyka i podstawowe SEO

Efekt

  • Czytelny layout z jasnymi ścieżkami przejścia
  • Spójna komunikacja marki
  • Struktura gotowa pod rozbudowę o blog i treści

Wyzwania i rozwiązania

Wyzwanie

Trzeba było zachować lekkość wizualną mimo wielu sekcji.

Rozwiązanie

Zastosowałam modułowy grid, ograniczoną paletę i spójną typografię.

Wyzwanie

Animacje miały ożywiać stronę bez obciążania wydajności.

Rozwiązanie

Wykorzystałam subtelne mikroanimacje zamiast ciężkich efektów.

Kluczowe decyzje projektowe

  • Framer Motion użyty oszczędnie i tylko tam, gdzie wspiera UX
  • Powtarzalny system kart dla spójności sekcji
  • Semantyczna struktura pod lepsze SEO

Integracje i połączenia

  • EmailJS
  • Google Fonts