[Project Overview]

Drawing on the user research and insights gained from developing the TutorLand Mobile App, I've decided to leverage this knowledge in designing the desktop version. 

This project aligns with my coursework for the Google UX Design Certificate Coursework.

[The product]

TutorLand is a desktop platform that enables users to find tutors and book lessons online, similar to the mobile app. The platform incorporates filters to streamline the search process and enhance user convenience on the desktop without the need for a mobile app download.

[The problem]

Existing platforms for finding and booking tutoring services often lack flexibility and cater to limited user needs.

• App-only platforms limit accessibility for users who prefer web-based experiences or have limited device storage.

• Website-only platforms may have limited functionality compared to apps and often specialize in specific subject areas (e.g., language tutoring), excluding users seeking tutors in other fields.

[The goal]

[My role]

In my role as UX/UI Generalist, I was responsible for all stages of the design process, including competitive analysis, site mapping, UI component design, wireframing, responsive design, and prototyping.

[Research]

[Competitive audit]

The competitive audit allowed me to compare available platforms and identify their strengths and weaknesses, which were then considered during the creation of my website.

[Research Summary]

This analysis compares two online tutoring platforms, Buki.com and LiveXP.com. For students seeking a wider range of subjects and a user-friendly interface, Buki.com is a good choice, but it lacks secure payment options for tutors. LiveXP.com, on the other hand, prioritizes secure payments and offers additional learning features, but caters specifically to language learning.

[Ideate]

Building on the strengths and weaknesses of Buki.com and LiveXP.com, I aimed to create a user-friendly platform that offers a clear and uncluttered interface. This platform prioritizes easy navigation and search functionality to ensure users can find the information they need quickly and efficiently.

[Sitemap]

[Paper Wireframes]

Considering the data from the competitive audit and the sitemap, I began creating paper wireframes for the homescreen.

[Lo-fi Responsive Design Wireframes]

To achieve a truly responsive design, I created wireframes for the homescreen, considering how the interface would adapt across desktop, mobile, and tablet devices.

[Sticker sheet]

To realize my wireframes, I created a style guide including colours, fonts, button styles (for different states), checkboxes, radio buttons, dropdown lists, icons (for different states), and other UI elements. This style guide helped me demonstrate the flow of booking a lesson and showcase the overall visual aesthetics.

[Results]

Through this project, I learned how to conduct a competitive audit, the importance of responsive design, and gained more skills in creating UI components like dropdown lists, buttons, and icons. 

The next step will be to develop a similar model for tutors.