top of page
Aderin-Pocock Academy
Creating an accessible learning space for students with dyslexia
Growth in education for all
Project background
Aderin-Pocock Academy is a fictional middle school for dyslexic students.
For this project, I was tasked by my professor to design a landing page for a fictional client with this prompt:
"We are educators and entrepreneurs focused on STEAM (Science, Technology, Engineering, Arts and Math) education for disadvantaged students. We provide scholarships and opportunities to underserved youth, entirely funded by philanthropy. Our goal is to identify committed students and families to build a better future."
My target audience was inspired by my internship as a teacher assistant for special education students at Harper Middle School in Davis, CA.
Role
UI designer & researcher
Tools
Figma
Duration
Oct 2022
3 weeks
Mission
Create a landing page to encourage parents to apply and donate to the academy
Sneak peek
A look at the final prototype
Research insight from teachers
Special-education students...
1
have a hard time fitting in with students without special needs
2
feel 'stupid' compared to students without special needs
3
work better around other kids with special needs
1st iteration
Low-fi wireframe establishing layout
My initial prototype sets the fun and inviting tone for the landing page. In this phase, I'm outlining the essential information for parents considering applying to the academy.
⭐ Peer feedback:
-
Lacks visual elements
-
Too text-heavy, font sizes are too similar
-
Lacks variety, nothing quite stands out
Accessibility with visual design
Creating a design system
I've thoughtfully adhered to the British Dyslexia Association's guidelines for creating a dyslexia-friendly website.
Typeface
Lexend Deca
*font family intended to improve reading proficiency
Text styles
Header
54px (bold)
Tracking
Letter-spacing 4%
*improves readability
Sub-heading
36px (semibold)
Body
24px (regular)
Colors
#291B85
#96ADFC
This is some text.
#EFF4FF
This is some text.
#FFFBF3
#FF595D
2nd iteration
Mid-fi wireframe establishing brand identity
Incorporating previous feedback, I developed and applied a design system for consistency and improved accessibility.
⭐ Peer feedback:
-
Add personalized illustrations
-
Use creative shapes to lessen rigidity
-
Boost credibility for parental trust
Where did my inspiration come from?
Behind the academy's name
My landing page is inspired by Dr. Maggie Aderin-Pocock, a space scientist diagnosed with dyslexia at 8. Despite academic challenges, her love for space led her to degrees in Physics and Mechanical Engineering.
Now a Science Educator and founder of Science Innovation Ltd, she has motivated over 350,000 students to follow their dreams and "desire to aspire."
3nd iteration
Final high-fi screen integrating all elements
Expanding beyond what's visible
Main navigation hover states
.png)
Taking it to the next level with
Personalized illustration components
bottom of page