Design

Design

Design

Design

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

A browser displaying the landing page of Temasek Foundation's Annual Report
A browser displaying the landing page of Temasek Foundation's Annual Report
A browser displaying the landing page of Temasek Foundation's Annual Report
A browser displaying the landing page of Temasek Foundation's Annual Report
A browser displaying the landing page of Temasek Foundation's Annual Report
A laptop screen displaying Temasek Foundation's annual report, featuring images of program participants on the right and links to sidebar stories on the left.
A laptop screen displaying Temasek Foundation's annual report, featuring images of program participants on the right and links to sidebar stories on the left.
A laptop screen displaying Temasek Foundation's annual report, featuring images of program participants on the right and links to sidebar stories on the left.
A laptop screen displaying Temasek Foundation's annual report, featuring images of program participants on the right and links to sidebar stories on the left.
A laptop screen displaying Temasek Foundation's annual report, featuring images of program participants on the right and links to sidebar stories on the left.

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.

Cover of Temasek Foundation's Annual Report featuring a purple-orange gradient radial background with the word 'Synergy'
Cover of Temasek Foundation's Annual Report featuring a purple-orange gradient radial background with the word 'Synergy'
Cover of Temasek Foundation's Annual Report featuring a purple-orange gradient radial background with the word 'Synergy'
Cover of Temasek Foundation's Annual Report featuring a purple-orange gradient radial background with the word 'Synergy'
Cover of Temasek Foundation's Annual Report featuring a purple-orange gradient radial background with the word 'Synergy'

Solution

Design an engaging and easy to understand annual report.

A browser showing Temasek Foundation's 'Our Programmes' page
A browser showing Temasek Foundation's 'Our Programmes' page
A browser showing Temasek Foundation's 'Our Programmes' page
A browser showing Temasek Foundation's 'Our Programmes' page
A browser showing Temasek Foundation's 'Our Programmes' page
A browser showing Temasek Foundation's 'Our Pillars of Work'
A browser showing Temasek Foundation's 'Our Pillars of Work'
A browser showing Temasek Foundation's 'Our Pillars of Work'
A browser showing Temasek Foundation's 'Our Pillars of Work'
A browser showing Temasek Foundation's 'Our Pillars of Work'
A tablet screen showing Temasek Foundation's Covid-19 story page
A tablet screen showing Temasek Foundation's Covid-19 story page
A tablet screen showing Temasek Foundation's Covid-19 story page
A tablet screen showing Temasek Foundation's Covid-19 story page
A tablet screen showing Temasek Foundation's Covid-19 story page

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.

A showcase of Temasek Foundation's intuitive navigation system
A showcase of Temasek Foundation's intuitive navigation system
A showcase of Temasek Foundation's intuitive navigation system
A showcase of Temasek Foundation's intuitive navigation system
A showcase of Temasek Foundation's intuitive navigation system
Two phone screens showing Temasek Foundation's Annual Report homepage and sidebar story page
Two phone screens showing Temasek Foundation's Annual Report homepage and sidebar story page
Two phone screens showing Temasek Foundation's Annual Report homepage and sidebar story page
Two phone screens showing Temasek Foundation's Annual Report homepage and sidebar story page
Two phone screens showing Temasek Foundation's Annual Report homepage and sidebar story page
A tablet screen displaying Temasek Foundation's Accessibility page
A tablet screen displaying Temasek Foundation's Accessibility page
A tablet screen displaying Temasek Foundation's Accessibility page
A tablet screen displaying Temasek Foundation's Accessibility page
A tablet screen displaying Temasek Foundation's Accessibility page

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.

Let's discuss your next

big idea!

A short conversation can spark big ideas. Speak to our founder to discuss solutions tailored to your unique needs.

Consult us for free!

Profile Image of Glenn Low

User-centric design that powers growth

"With the enhanced UX UI design implemented by the 55 Minutes team on our edtech platform, we saw a steady increase in the user's positive sentiments towards our platform and user adoption went up."

Glenn Low, Co-Founder and COO, SmartJen and HeyHi

Let's discuss your next

big idea!

A short conversation can spark big ideas. Speak to our founder to discuss solutions tailored to your unique needs.

Consult us for free!

Let's discuss

your next

big idea!

A short conversation can spark big ideas. Speak to our founder to discuss solutions tailored to your unique needs.

Consult us for free!

Let's discuss your next

big idea!

A short conversation can spark big ideas. Speak to our founder to discuss solutions tailored to your unique needs.

Consult us for free!

Profile Image of Glenn Low

User-centric design that powers growth

"With the enhanced UX UI design implemented by the 55 Minutes team on our edtech platform, we saw a steady increase in the user's positive sentiments towards our platform and user adoption went up."

Glenn Low, Co-Founder and COO, SmartJen and HeyHi

Let's discuss your next

big idea!

A short conversation can spark big ideas. Speak to our founder to discuss solutions tailored to your unique needs.

Consult us for free!