StudyBuddy

Nowoczesna platforma do wyszukiwania korepetytorów, łącząca przejrzysty interfejs, lekkie animacje i subtelne elementy 3D.

Next.jsTailwind CSSSplineBlenderFramer MotionFigma
https://studybuddy-b7nk.vercel.app/
StudyBuddy — długi zrzut strony

O projekcie

Projekt edukacyjny z naciskiem na przyjazny UX, prosty przepływ wyboru korepetytora i nowoczesny wygląd.

Co zrobiłam w projekcie

  • ✓Projekt nawigacji i kart korepetytorów
  • ✓Animacje sekcji i CTA
  • ✓Optymalizacja elementów 3D
  • ✓Budowa nowoczesnego, lekkiego interfejsu

Efekt

  • ↗Płynny interfejs mimo wykorzystania 3D
  • ↗Czytelny przepływ użytkownika od wyboru do kontaktu
  • ↗Nowoczesny, przyjazny charakter platformy

Wyzwania i rozwiązania

Wyzwanie

Elementy 3D mogły negatywnie wpływać na wydajność na słabszych urządzeniach.

Rozwiązanie

Zoptymalizowałam modele, ograniczyłam zakres animacji i zastosowałam ładowanie warunkowe.

Kluczowe decyzje projektowe

  • →3D użyte tylko tam, gdzie wspiera pierwsze wrażenie
  • →Next.js dla szybkości i lepszej wydajności
  • →Nowoczesny interfejs bez przesadnego przeładowania efektami

Integracje i połączenia

SplineFramer Motion