Accessible Reading Tools for Students

🥇 This project won 1st Place at the 2025 UW/UX Flow Designathon!

Project Overview

Visually impaired children face significant barriers in online learning due to restrictive web design. Recognizing this gap in accessibility, I collaborated with two designers to create VisiPal: a browser extension that adapts any website into a learning environment tailored to each child’s needs.

Team Members

Alyanna Fuentes, Joy Zhang

Role
Timeframe
Team Members

Product Designer

7 hours

Alyanna Fuentes, Joy Zhang

Role
Timeframe

Product Designer

7 hours

THE PROBLEM

1 in 10 children experience some form of visual impairment

Behind this statistic are students who struggle to participate fully in lessons designed for sighted learners. Without proper support, they face academic challenges that compound into learning gaps, diminished confidence, and reduced educational opportunities.

As schools adopt digital learning tools, a critical barrier emerged…

The internet serves as the primary resource for research and reading, yet most websites don't account for diverse visual needs. The very technology meant to democratize education has instead created new forms of exclusion, leaving millions of children behind.

Understanding the problem at scale was one thing. Understanding its human impact was another. We turned to research to see how these barriers play out in real classrooms.

When do buyers get stuck?

USER RESEARCH

A cycle of discomfort, frustration, and disengagement

To assess the needs of visually impaired students, we conducted secondary research and analyzed existing accessibility solutions. Our findings revealed three overarching themes:

COMPETITIVE ANALYSIS

Reading tools exist—so why are children still struggling?

While existing products offer valuable features like line tracking and distraction removal, they each solve only one part of the accessibility puzzle.

Strengths

✓ Proven user adoption

✓ Multi-platform support

✓ Multiple platforms

✓ Specialized features

Weaknesses

✕ Single-feature focus

✕ High cost barriers

✕ Limited customization

✕ No customization

IDEATION

We began our brainstorming session by revisiting our research insights

💡 Key Design Decision: We evaluated multiple implementation approaches to determine the most effective way to deliver accessibility features to students.

Standalone App

Standalone App ✕

With a separate app, students would be required to switch out of their browser while reading to paste text into the app.

LMS Integration

LMS Integration ✕

Building features into LMS platforms would limit students to reading only the materials their teachers upload.

Browser Extension

Browser Extension ✓

A Chrome extension integrates into the student's browser, applying features to sites without interrupting their flow.

Standalone App ✕

With a separate app, students would be required to switch out of their browser while reading to paste text into the app.

LMS Integration ✕

Building features into LMS platforms would limit students to reading only the materials their teachers upload.

Browser Extension ✓

A Chrome extension integrates into the student's browser, applying features to sites without interrupting their flow.

Having established our delivery method, we translated our findings into product features:

ITERATION

Finding balance between easy access and minimal distraction

🛠️ Iteration Philosophy: Accessibility shouldn't feel like accommodation—it should seamlessly integrate into the user's routine.

We researched different interfaces and selected three viable options: a full-width bar, a vertical panel, or a floating widget on the top right corner. Each approach offered unique advantages and trade-offs in terms of visibility, screen space, and ease of use.

Through prototyping and comparative analysis, we selected the floating widget which prioritizes unobtrusive access while ensuring full functionality remained available.

Through prototyping and comparative analysis, we selected the floating widget which prioritizes unobtrusive access while ensuring full functionality remained available.

FINAL DESIGN

Introducing VisiPal: Customize the interface of any website

Setting up the extension

During onboarding, students can customize the font size, style, and line spacing, then select from colour themes optimized for different disabilities.

Transforming your reading experience

Whether navigating a history textbook chapter or researching for a science project, students can adjust their settings conveniently with the VisiPal widget.

IMPACT & TAKEAWAYS

Here's what I learned

Ground Decisions in Research

By uncovering the real challenges users face and translating those insights into intentional features, we ensured every design choice served a purpose. Research guided not just what we built, but why.

Storytelling Through Your User

During our pitch, we centered our narrative on one user to make the problem tangible. His perspective clarified our design decisions and made our pitch more engaging, credible, and human.

IMPACT & TAKEAWAYS 

Here's what I learned

Ground Decisions in Research

By uncovering the real challenges users face and translating those insights into intentional features, we ensured every design choice served a purpose. Research guided not just what we built, but why.

Storytelling Through Your User

During our pitch, we centered our narrative on one user to make the problem tangible. His perspective clarified our design decisions and made our pitch more engaging, credible, and human.

IMPACT & TAKEAWAYS 

Here's what I learned

Want to hear the full story?

Please reach out to me if you'd like to learn more! I typically share my complete research process and detailed design explorations in an interview setting or coffee chat.

Made with by Efan