Sister Cities approached us with an urgent request to redesign their website, www.sistercities.org. The primary objectives were to address accessibility issues and enhance the platform to boost donations before impending budget cuts.
Initial Assessment and Tests
After conducting an exploratory analysis and accessibility tests, we identified the following key areas for improvement:
Low contrast issues
Use of multiple fonts
Inconsistent use of Call-to-Action (CTA) colors
Overuse of animations
Style Guide: An initial style guide was developed to address the identified issues. The guide provided solutions for improving contrast, standardizing fonts, and establishing a consistent CTA color scheme.
Navigation Bar and Logo: The navigation bar was restructured, and a new high-resolution logo was created.
Animations: All non-essential animations were removed to enhance user accessibility.
Prototype and Stakeholder Feedback
An early mock-up of the redesigned homepage, incorporating all the changes, was presented to all stakeholders for review and approval
Usability Testing: Multiple rounds of in-person usability tests are planned for future iterations of the website. These tests will be conducted to ensure that all identified issues have been adequately resolved before the final version is sent to development.