Wyzwanie
Animacje 3D a wydajność na słabszych urządzeniach.
Rozwiązanie
Kompresja modeli, lazy-mount i ograniczony zakres animacji.
StudyBuddy
Lekka platforma do wyszukiwania korepetytora. Przejrzyste karty, prowadzące CTA i subtelne animacje 3D tworzą nowoczesny, przyjazny interfejs.
Next.jsTailwind CSSSplineBlenderFramer MotionFigma
Co zrobiłam w projekcie
- Projekt nawigacji i karty korepetytora
- Animacje sekcji i CTA
- Optymalizacja elementów 3D
Wyzwania i rozwiązania
Kluczowe decyzje projektowe
- 3D tylko w hero i akcentach
- SSR/ISR w Next.js dla szybkości
Integracje i połączenia
Spline (3D)Framer Motion