banner

Hearable


Category

  • UI

Tools

  • Figma
  • Adobe Illustrator

Duration

12 hours

This project aims to develop a user-friendly interface for Hear-Able, an online platform designed for creating inclusive classrooms and fostering connections among teachers, disabled students, and non-disabled students. The platform facilitates communication through features such as speech-to-text and text-to-speech capabilities.


Discover

During the discovery phase, our team embarked on understanding the core needs and challenges of creating an inclusive learning environment for both disabled and non-disabled students. We delved into UNESCO's commitment to accessible education and recognized the significance of fostering connections between teachers and students to ensure quality education for all. This phase involved extensive research into existing technologies and platforms, identifying gaps, and envisioning solutions to address them.

Define

In the definition phase, we crystallized our vision for Hear-Able, outlining its core functionalities and features. Key objectives included:

Inclusivity: Creating an environment where all students, regardless of disabilities, can actively participate and engage in learning.
Communication: Facilitating seamless communication between teachers and students through innovative tools like speech-to-text and text-to-speech capabilities.
Accessibility: Ensuring that the platform is accessible to users with diverse needs, including those with visual or auditory impairments.
User Experience: Designing an intuitive and user-friendly interface that promotes ease of use and encourages active participation.

Design

The design phase was pivotal in translating our vision into a tangible user interface that embodies inclusivity and accessibility. Key considerations during this phase included:

Wireframing: We created wireframes to outline the layout and structure of the platform, focusing on clarity and simplicity in design.
Accessibility Features: Incorporating features such as high contrast, scalable fonts, and keyboard navigation to accommodate users with disabilities.
Visual Design: Employing a clean and modern design aesthetic with a color palette conducive to readability and user engagement.

Style Guild

Style Guild Style Guild Style Guild

Logo

Style Guild Style Guild Style Guild

Low-fidelity Wireframes

Style Guild

High-fidelity Wireframes

Style Guild

Final Design

The final design of the Hear-Able platform embodies our commitment to fostering inclusivity and accessibility in education. Through intuitive design elements and innovative features, the platform aims to create an environment where all students can thrive.

Reflection

This project has allowed me to demonstrate expertise in design principles and Figma, refine logo design skills, and collaborate effectively within a group. It deepened my empathy, emphasizing how disabilities impact design considerations, shaping our inclusive solutions. Overall, this experience reaffirmed the significance of diverse perspectives and the real-world impact of design, reinforcing my commitment to creating meaningful, inclusive designs.