GOT IT
This Is What Studying Looks Like With AI
Got It is a productivity app designed and developed to support university students' studying. Got It is designed to support university students doing independent studying with an all-in-one app that includes a pomodoro timer, notepad, and AI chat made both accessible and aesthetically pleasing.
PROBLEM/SOLUTION
01Neurodiverse electrical apprentices in BC struggle with dense manuals that are not designed for varied learning styles. Accommodations for Dyslexia, ADHD, or Autism Spectrum Disorder are hard to come across, and resources from schools and trades are limited. Electrical work requires accurate understanding to ensure safe work practices and certification. Inaccessible resources create learning barriers and increase professional risk.
Solution: Got It provides a study experience that turns dense electrical manuals into easier-to-process learning content. Apprentices can upload their own PDFs or open built-in textbooks, then use AI tools to generate clear summaries and visual mind maps that break topics into key points. As the front end developer, I implemented the PDF viewer and toolbar so users can navigate documents smoothly and focus on learning without feeling overwhelmed.
USER RESEARCH
02Approach
While my primary role was more on the development side, I supported research by contributing to asking intuitive questions in our survey which helped our team design specifically to fill the needs of neurodiverse learning.
Research analysis:
A common trend was found, with identifying barriers for neurodiverse individuals, which is the feeling of overwhelm with text density and poor visual hierarchy, caused by an increased cognitive load. This research helped us design the website to be as simple as possible to accommodate their needs.
Survey Results
What subjects do you need the most study help in?
Most popular responses: Science, Math, Computer Science
What is your biggest struggle with studying?
Most popular responses: Staying focused, Time management, Understanding complex topics
How do you prefer to study?
Most popular responses: Practice problems, Note-taking, Study groups
What features would you want in a study app?
Most popular responses: Timer/breaks, AI assistance, Note organization
USER TESTING
03After the first phase of wireframing, it was time to conduct testing with the designs in use what worked and what needs to be improved. Testing with fellow students provided valuable feedback. Here's what I learned through trial and error, leading to a more intuitive design with clear labeling and improved messaging. Armed with this clarity, we revised and created a better final user experience.
Streamlined
Clean and Simplified
Unclear labels
Clear and Understandable
CODING & DEVELOPMENT
04During the coding phase, I implemented the PDF viewer and a toolbar that is able to change the state of the PDF and AI summarization. Users were able to highlight text in the PDF for later reference, upload and download the PDF. I made sure the design was responsive and clean UI behaviour, integrating this was one of our key features that supports the app's function and accessibility.
Tech & UI Library
Challenges
One of the main challenges I came across was implementing the functionalities of a toolbar to our own custom one and have it interaction and control the PDF viewer's state.
Overcoming this challenge helped strengthen my understanding on component communication and debugging third-party library limitations.
FINAL PRODUCT
05Results
The final website enables apprentices to upload manuals and their own materials or access built in textbooks, which creates learning much easier, by transforming dense technical manuals into simplified summaries and mind-maps creating a visual breakdown of topics. By combining these UX structures with AI powered tools, we make studying more manageable and less overwhelming.
Reflection: During this project, it made me realize how designing solutions that create meaningful and real world impact feels rewarding and helped me understand and moving forward help me design in a more empathetic and intentional way. It was a challenge to design and code our features while keeping it as simple as possible. Despite many restraints, our team created a satisfying product.
