Chloé Adrian

Learn@Home

Figma

This is a fictional project, which was project 10 of my OpenClassrooms front-end development program.

Learn@Home is a tutoring app that puts volunteers and students in contact. I was asked to study the needs of both sets of users and use this information to design the app for both mobile and desktop screens. After making diagrams to gather all the features needed, I started by sketching all the screens, then made a low-fidelity, wireframe version, and finished with the high-fidelity design and its prototype. You can find all these stages in the Figma file.

Project Learn@Home mockupSketch of mobile screens for Learn@Home's dashboard and chatSketch of mobile screens for Learn@Home's calendarSketch of a desktop screen for Learn@Home's dashboardSketch of a desktop screen for Learn@Home's calendarWireframes of mobile screens for Learn@Home's dashboard and tasklistWireframe of a desktop screen for Learn@Home's dashboardWireframe of a desktop screen for Learn@Home's calendarDesign of mobile screens for Learn@Home's dashboard and settingsDesign of mobile screens for Learn@Home's profile and task detailsDesign of a desktop screen for Learn@Home's dashboardDesign of a desktop screen for Learn@Home's tasklistDesign of a desktop screen for Learn@Home's calendar