Winter ‘24
Readeezy Literacy aims to create a digital library designed for struggling/disabled teen and youth-adult readers, and the poor and marginalized. The books (full of images, animations, and activities) will increase their motivation to read, their reading frequency, the type of books they read, and their engagement in the activity.
This project aims to bring Readeezy’s digital library to smartphones so readers can read anywhere and anytime. To make the website accessible on mobile devices, we redesigned and developed a mobile version of the website that would automatically toggle when specific max-width requirements were met. The final website allows users to read books on handheld devices and engages them using an updated version of the existing desktop activities.
At the beginning of our project, we reviewed functional requirements with our client and created a priority list, making sure to secure basic functionality first before moving on to aesthetics.
Targeting the most critical requirements, we divided our team into three, with each team working on a specific book activity:
The Readeezy Mobile Website was designed on Figma. Our design modified Readeezy’s two-page view so that its standard and activity pages would fit on one page instead of spanning over two.
Designed by Hazel Tsai **(LinkedIn)**
Since Readeezy Literacy already has a desktop version of its website, we created a branch of the existing codebase, which used HTML, CSS, JavaScript, PHP, and SCSS as its main framework, and began mobile development there.