Overview
StudyBuddy is a UI/UX and interactive web design project created entirely in Figma. The project explores how a single product experience can be translated across desktop and mobile platforms while maintaining usability, consistency, and engagement.
The project includes six fully designed pages, custom assets, reusable components, variables, and a complete visual identity system.
My Role
- UX Research
- UI Design
- Responsive Web Design
- Mobile Design
- Design System Development
- Interactive Prototyping
- Asset Creation
- Logo Design
Design Process
The project began with research and planning to better understand user needs and interface expectations. From there, I developed user flows and page structures before designing both desktop and mobile experiences.
I designed six key pages:
- Landing Page
- Shop
- Cart
- Checkout
- Payment
- CTA
To maintain consistency throughout the project, I created reusable components, variables, icons, and visual assets. I also developed the logo and overall visual direction for the platform.
A major focus of the project was creating an interactive experience that demonstrates strong UX principles, clear navigation, and intuitive user interactions across different screen sizes.
Outcome
The final prototype demonstrates responsive thinking, design system development, and interactive user experience design. The project showcases my ability to design across platforms while maintaining visual consistency and usability.
Tools Used
- Figma
- Components
- Variables
- Interactive Prototyping
- Design Systems
Skills Applied
- UI Design
- UX Design
- Responsive Design
- Mobile Design
- Web Design
- Design Systems
- User Flows
- Information Architecture
- Interactive Prototyping