Drawchange is an Atlanta based non-profit whose goal is to use the arts and art therapy to increase the self esteem and critical thinking skills of children to help them better deal with life’s stressors.
Information Architecture, User Research, Heuristic Analysis, Interaction Design, Prototyping, User Testing
A Heuristic evaluation was performed, which identified several usability issues. These included unclear and confusing labels, poor CTAs, inadequate color contrast ratios, and text-heavy pages.
What are the motivations and priorities for people
who want to volunteer with or donate
to a charity/nonprofit?
Following our user interviews, we synthesized our findings and were able to create this user persona.
This flow represents the pages users would most likely visit according to our findings in our user research.
A priority matrix was made emphasising changes to the visual and typography heirarchy as well as guiding the user to the information most important to them.
Users tested out our lo-fi designs and gave feedback on their experience navigating We iterated our designs based upon this feedback and made improvements on the Visual and topographic hierarchy, improved and relevant micro-interactions and employing the “chunking” method for easier scanning
We used various inspirational images and textures that capture the look and feel of we wanted to convey with the new design direction of Drawchange.
We began designing a style guide that reflects the creative vision and aesthetic direction established by the mood board.
Various card formats were created and used throuhout the site to help organize information into digestible chunks and avoid cognitive overload.
During this process we learned just how much the proper use of Visual elements not only make the site “look” better, but it also plays a vital role in making the user experience better by creating a visually appealing and cohesive interface that enhances usability and increases user engagement. It can help to guide users to key features and actions and improve accessibility through the use of color, typography, and layout.
Due to time constraints, we were unable to explore a mobile version of the site and there were plans on more micro-interactions throughout the site.
We also really learned about the story behind the organization and the inspiring story of its founder. We were definitely inspired by all the good this relatively small organization is spreading across the world and we would have loved to worked with her firsthand, but unfortunately that didn’t work out.