Temasek Foundation Digital Annual Report 2022
Overview
Temasek Foundation is a non-profit organization based in Singapore. Under its diverse range of programs, the foundation has established 17 endowments since 1974 focused on promoting social and cultural interaction, education, and aid for the disadvantaged beyond Singapore and in Asia. Collectively, the organization's programs aim to strengthen social resilience, foster international exchange and regional capabilities, advance science, and protect the planet.
Role: Art Direction/ UI/UX Design / Digital Content
Agency: Tuber Productions, 55min, Nine Tales
Duration: 6 - 8 months
Project Launched: 2022
background
Since the launch of Temasek Foundation's first annual report in 2021 under the theme "Amplify", the organization has been looking for an agency to conceptualize, design, and develop an interactive yet concise digital annual report for the following year in 2022.
Under the given theme "Network Effect", Tuber was tasked to propose concepts that capture the purpose and mission of the organization's brand and vision of being a trusted community partner for a better-shared future.
the challenge
Apart from the given theme, the digital report also included three key story pillars with two to three profile stories each, making a total of six stories altogether, excluding the key leadership, programmes page, and more. Since the digital report was a content and story-driven microsite, it was important that users were able to easily navigate to each story and section while showcasing the organization's vision and body of work.
Crafting a consistent structure for navigable content
Before delving into the overarching look and feel of the website, our focus and goal for this project were to ensure that users could easily navigate through each main story page and/or content. We reviewed the previous year's digital annual report and analyzed the content improvement areas that could be applied to the current report. We also ensured that each page structure carried consistent information hierarchy that allowed for a cohesive pattern and user behavior that helped users familiarize themselves with the microsite quickly and easily.
Drawing the users in through content and visuals
With a consistent UI structure in place, it was also important for us to create a balance between the content and visuals, without making the content too overwhelming for users. Thus, we established a consistent visual style guide for icons, colors, title, and body text placement across all pages.
Organised categories and pagination for swift navigation
As the microsite is content-heavy in nature, we ensured that each story was carefully grouped and categorised within the main navigation. Additionally, we also included pagination within each story page, so that users could move on to the next and/or previous related story swiftly and naturally.
A therapeutic user journey that symbolises connections and partnerships
Keeping the given theme and core philanthropic values of Temasek Foundation in mind, it was important for us to ensure that the overall design had a calming influence on the user as they read through the content. We ensured that the design was kept clean and minimal, with simple animations that not only brought out the overall look and feel, but also highlighted the breadth of work that Temasek Foundation encapsulates.
Tailoring the digital experience to every individual
As Temasek Foundation's collection of programs and outreach grew, so did its network of partners, volunteers, and people. Therefore, we also ensured that the microsite was kept responsive and accessible to everyone, regardless of the device they used to access it.