Learn It

UX/UI Design, User Research, Mobile Prototyping 2025

Developed for the Patterns and Context course, this app mockup provides a comprehensive learning platform for users interested in performing their own car maintenance.

Learn It app homescreen

Learn it Homescreen Mockups

Overview

As a semester-long project covering user research and interface design, Learn It went through multiple iterations to achieve ease of use while providing a high level of technical knowledge for novice mechanics.

Learn It app homescreen

Learn it Tool Checklist

The Problem

Many hobbyists struggle with incomplete advice or starting projects unprepared. I wanted to create a solution that ensured users had a validated checklist of tools and access to high-quality, accurate video tutorials before ever picking up a wrench.

The Solution

The Learn It mobile application bridges a gap in the market for all-in-one maintenance help. By featuring community-generated content that is vetted for accuracy, the app fosters a transparent and trustworthy learning environment for car owners.

Learn It app wireframes

Learn it Tool Figma Wireframes

Deliverables

Iterative Mockup Sets

The initial low-fidelity mockups were designed over three weeks, incorporating peer feedback and professor requirements to refine the core navigation and user flow.

Final High-Fidelity Prototypes

Using Figma, I developed the final interactive prototypes. These versions utilized a refined color palette and incorporated an improved video playback area and a dedicated community forum section for troubleshooting.

Outcomes

This project provided significant insight into user context and how to design around specific, high-stakes needs. Beyond the classroom, I am currently continuing to develop this concept into a fully functional prototype.



View Figma Prototype →