Website Blog Design

Sightsavers

Client

Sightsavers is an international charity working to prevent avoidable blindness, support equality for people with disabilities and advocate for change.

Audience

• Individual donors
• Major donors
• Internal staff

My role

• Design lead
• Creative direction
• UX design
• UI design
• Stakeholder presentations
• Implementation

Brief

UX and UI developments incorporating new brand colours and fonts.

Approach

After reviewing GA and Crazyegg data to identify areas of low engagement, and also completing a heuristic evaluation of the website, I made design changes to improve the usability and accessibility as well as incorporating the new colours and font. These improvements included: 

  • Create a consistent link colour to build affordance for users
  • Donate has a separate colour/affordance
  • Colours updated to help users identify engagement areas and also group content clearly to help the user scan content easily
  • Colour contrast levels increased to increase accessibility
  • Microinteractions added to help improve the usability
Blog landing page and article
iPad showing blog landing page

Results

The revised blog design introduced better usability and accessibility by improving the UI design which included crafted interactions - such as enhanced affordance, and introducing microinteractions. This paved the way for discussions that identified the need to take further steps to improve the user experience of the whole website. This prompted the start of a new project to discover user-needs and opportunities which led to the redesign of the website in 2017. 

Selected Works

Brand DevelopmentSightsavers

SDGs CampaignSightsavers

Annual ReviewSightsavers

Website RedesignChange Grow Live

Annual ReportChange Grow Live

Brand RefreshChange Grow Live

Contacts Mobile AppChange Grow Live

Get in touch:

© Tom Morton 2021