Intuitive web design for an annual report
Temasek Foundation
About client
Temasek Foundation International is a Singapore-based non-profit organisation under the philanthropic arm of the Singapore state sovereign fund Temasek Holdings.
Services
Design
Project duration
4 months
Temasek Foundation focuses on philanthropic initiatives and social programs aimed at improving the lives of individuals and communities, particularly in Asia.
Challenge
55 Minutes was given the opportunity to oversee the UX/UI of Temasek Foundation’s 2022 Annual Report. Our focus and goal for this project was to ensure that the website was accessible, easy to use, and effortless to navigate.
Solution
Design an engaging and easy to understand annual report.
Results
Ease of use
We built a consistent structure across all the main story pages - header with an image and title, body, programme overview, side stories, pagination, and story slider - to create patterns and repetition to help users quickly familiarise themselves with the website.
To increase readability of the story pages, we established a clear hierarchy and strategic placement of visuals. Images and videos were strategically placed to break the text into smaller chunks to make it easier to read.
We designed the website to function properly on different screen sizes and to be compatible with all common web browsers.
We added clear call-to-action buttons to various sections to describe the next step for users to set clear expectations of what content the users are led to.
Navigable content
We grouped the story pages according to Temasek Foundation's three pillars - Synergy in Communities, Synergy in Partnerships, and Synergy in Innovations. This helps users quickly scan and easily access the stories they are interested in.
We added story page pagination near the bottom of each story page to give users the option to read the next or previous story.
We ensured that the text size is readable across multiple devices. To make it accessible to the visually impaired, we expanded the website's colour system to provide a solid contrast, ensuring that light texts are always on the darkest area of the website and vice versa.
We added descriptive and meaningful labels to buttons and links for assistive technology to recognise the interactive component and allow assistive technology users to identify the button’s or link’s purpose.
The redesigned Temasek Foundation Annual Report achieved the aim of accessibility, ease of use, and navigation. This focus on user engagement and inclusivity allowed more people to benefit from the valuable information provided and strengthened Temasek Foundation's ability to communicate its philanthropic initiatives and engage with stakeholders effectively.