Published on Dribbble / ui | Lollypop Design Studio

he project focused on the concept of inclusive society fostering the open collaborative community to ease employment of differently able people. On one hand it focused on empowering the disadvantaged with skill development and training courses. And on other hand it was to be a platform for employers and various other stakeholders.

To achieve and map the objectives we worked around the different touch points demanded by each group. E.g., for VI, information hierarchy played an important role to ensure screen readers provided systematic information; whereas, HI required more visual content.

The most challenging task was usability and hence many tests were done on each module with real users. The first one was post wireframes, second after implementing designs and finally during Front-end development. Our development team familiarized themselves with W3C compliance code and tested each module with real users using screen readers. All the web pages were checked by each group to ensure the usability. We checked how screens would read out the content for the visually impaired group and the flow of information was structured accordingly.

Also while implying UI design elements, special attention was placed on colors, texts & call to action buttons. People with low vision required bright colors and hence red and blue were chosen as primary colors. Along with this we ensured that Typography was larger comparatively.

Check the portfolio: Enable Academy

Thank you.

Follow us for more shots.

Facebook|LinkedIn|Instagram|Medium

Illustration – Enable Academy

Cool stuff, every week

More Inspiration