Re-skinned and revisited UI/UX of a non-profit platform providing testimony about policies to legislators, sponsors, and committees.
A few graduate students joined together to create a project that values:
With this, the Massachusetts Platform for Legislature Engagement was born. Shortened to the acronym MAPLE, this platform provides all the values required
Code for Boston
Students grouped together with the Non Profit Code for Boston to build out the Alpha version. Code for Boston provides opportunities for budding designers and developers to volunteer with projects that help the Massachusetts community and other nonprofit sectors.
As we rebranded and reskinned the UI, we tried to provide useful UX heuristics and easy win features throughout the project.
Testimonies have been restructured in the writing process to allow recognition over recall. Being able to see the information without forcing them to try to remember it. This is established through provide a side navigation, that allows users to reflect on a multitude of different information/use cases:
Current implementation was two long pages with nothing but text. The design was broken into the strategy of better information hierarchy and visual hierarchy by breaking these pages into separate and easily findable pages. The designer who led this wanted to introduce color and branding as well to provide a casual and fun spirit to the page.
Ease of use was key from alpha to beta with this page. We introduced a multitude of features:
Mobile was top of mind for rebranding. Every layout respected Bootstrap grid and there was strict and easily predictable design styles going from desktop to mobile that made the design and implementation of the new UI easy.
Information Hierarchy was the main focal point here. I wanted to provide easy to find and scan through what other users' stances are of testimonies. I also reworked the branding into the page and how testimonies are entered.
Another key value is information, users want to be able to see who the sponsors are, legislations, etc. The other feature being implemented here is the idea of following policies. Users can now be informed on impactful changes or new testimonies with this new iteration of MAPLE.