StudyBuddy
A modern tutor discovery platform that combines a clear interface, light animations, and subtle 3D elements.
Next.js Tailwind CSS Spline Blender Framer Motion Figma
Full preview of the StudyBuddy project — scroll inside the frame to see the full page
About the project
An educational project focused on friendly UX, a simple tutor selection flow, and a modern visual style.
What I worked on
Navigation and tutor card design Section and CTA animations 3D asset optimization Building a modern and lightweight interface
Results
Smooth interface despite using 3D elements Clear user flow from selection to contact Modern and approachable platform feel
Challenges and solutions
Challenge
3D elements could reduce performance on weaker devices.
Solution
I optimized the models, limited the animation scope, and used conditional loading.
Key project decisions
3D used only where it improves the first impression Next.js for speed and better performance Modern UI without overloading the experience with effects
Integrations
Spline Framer Motion