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

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.

‹ Prev

› Next

Selected Works