Tutoring App – Responsive Website

To complement the mobile app, I created a responsive website version of the tutoring platform. This design emphasizes accessibility across devices, with scalable typography, collapsible menus, and a unified booking flow. It demonstrates my ability to translate design decisions across platforms while maintaining consistency and usability.

View Full Case Study (PDF)
Explore The Figma Prototype Of Desktop
Explore The Figma Prototype Of Tablet

Case Study Summary

To complement the mobile app, I designed a responsive website version of TutorConnect. This ensured accessibility across devices, with scalable typography, collapsible menus, and a unified booking flow.

Overview

  • Competitive audit of tutoring platforms (Wyzant, Varsity Tutors, Preply, Superprof).

  • Designed grid‑based layouts for desktop and card‑based profiles for mobile.

  • Incorporated accessibility features like alt text and keyboard navigation.

  • Tested responsive prototypes to ensure clarity across devices.

Process

Tutors and parents often use multiple devices, so the challenge was to create a consistent experience across desktop, tablet, and mobile. The goal was to maintain usability while adapting layouts to different screen sizes.

Challenge & Goal

  • Responsive website with scalable typography and collapsible filters.

  • Unified booking flow across desktop, tablet, and mobile.

  • Sidebar navigation for desktop, simplified menus for mobile.

  • Consistent design elements to reinforce trust and usability.

Solution

This project strengthened my understanding of responsive design and scalability. I learned how to adapt layouts without losing clarity, and how accessibility features improve inclusivity.

Reflection