StudyBuddy

A modern tutor discovery platform that combines a clear interface, light animations, and subtle 3D elements.

Next.jsTailwind CSSSplineBlenderFramer MotionFigma
https://studybuddy-b7nk.vercel.app/
StudyBuddy — long website preview

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

SplineFramer Motion