StudyBuddy
Nowoczesna platforma do wyszukiwania korepetytorów, łącząca przejrzysty interfejs, lekkie animacje i subtelne elementy 3D.
Next.js Tailwind CSS Spline Blender Framer Motion Figma
Podgląd pełnej strony projektu StudyBuddy — przewijaj w ramce, aby zobaczyć całość
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
Spline Framer Motion