ABU DHABI INVESTMENT AUTHORITY

Jumping on a plane to work with the world’s largest sovereign wealth fund

📍 ABU DHABI

PROJECT: WEB DESIGN

Abu Dhabi Investment Authority is one of the world’s largest sovereign wealth funds. They commissioned S1T2 to create a unique website that would attract the best minds globally, without revealing too much of the inner workings of a brand that is both discreet and highly respected.

ROLE: LEAD DESIGNER

This was a unique experience for me. Within my first weeks of moving to Australia, I was flown to Sydney and then Abu Dhabi to take part in the discovery workshop, before officially starting my role as a designer and leading this project under Story 1st Technology 2nd.


READ THE S1T2 CASE STUDY

This case study is written from my perspective focussing on design, its process, craft and outcomes. S1T2 has a full case study about the wider project from content to technology which you can read here. For Francisco’s design process stay right here.

The world’s largest sovereign wealth fund

The Abu Dhabi Investment Authority operates at immense scale and prestige, playing a critical role in shaping the long-term vision and sustainability ambitions of its nation. Beyond being a global investment organisation, the brand required careful navigation of perception both internally and on the world stage. We spent five days in Abu Dhabi working with stakeholders from across the business through a series of workshops to help shape the brand vision.

Abu-Dhabi-Investment-Authority-Headquarters_P3
Abu-Dhabi-Investment-Authority-Headquarters_P3-1
15_ADIA_Website_DesignWorkshop_03-1300×720

Inspired by Abu Dhabi

This project marked my first role as a designer in Australia and took me directly to the city itself. Our task as a team was to capture the balance between Islamic tradition and modern design, seen across the architecture, cultural landmarks, and the city’s clean white forms set against the desert landscape. The challenge was translating that atmosphere into a digital experience, shaping a website that represented Abu Dhabi to the world.

20190304_171856
20190304_175357
20190306_163132-1
20190304_164820-1
20190307_172126
20190306_181909
20190304_163347
20190304_163540-1
ADIA-Group

Story 1st

This was my first project with S1T2 and my introduction to their philosophy of Story First, Technology Second. The process was initially intimidating, with the client already aligned around a strong creative direction shaped through abstract mood boards and language that sold the feeling of the work before any interface design existed. That set a clear challenge for me as a designer, translating emotion and narrative into purposeful UI design without losing the intent behind the story.

Jun-22-2024-15-33-48
Jun-22-2024-15-27-38
Jun-22-2024-15-28-02
Screenshot-2024-06-22-at-3.24.23-pm
Jun-22-2024-15-41-06
Screenshot-2024-06-22-at-3.24.33-pm

Technology 2nd

This is where the Technology Second philosophy came to life. Seeing the work of S1T2’s developers firsthand revealed a level of quality, experimentation, and creative ambition that matched the strength of the story. Guided by the creative direction, the team produced geometric forms that responded to light, movement, and cursor interaction, turning technical execution into a design language of its own. The combination of narrative intent and expressive technical craft resulted in a uniquely immersive outcome for the client.

ADIA_Experiment_Interaction_02
ADIA_Experiment_Interaction_01
ADIA_Experiment_Background_03
ADIA_Experiment_Interaction_03
ADIA_Experiment_Background_05
ADIA_Experiment_Interaction_04

Limitless art direction

With a clear brand story and the support of experimental front end developers, the art direction drew directly from Abu Dhabi’s environment, blending sandy desert tones into the white canvas of the website. Using the original engineering drawings of the tessellating roof from the Louvre Abu Dhabi, we created a top down desert landscape that responded to cursor movement, setting the atmosphere and visual foundation across the site.

ADIA_Experiment_Geometry_MultiplierEffect
ADIA_Experiment_Geometry_BGScroll
ADIA_Experiment_Background_09
ADIA_Experiment_Background_08
ADIA_Experiment_Background_07
ADIA_Experiment_Background_06

A truely unique interactive website

The final website was something I could only have imagined at the beginning of the project. The background became fully interactive, responding to cursor movement and revealing a subtle transition from sandy tones into white. The site is experienced as a top down desert landscape, where navigating the content feels like moving laterally through space, and scrolling causes the environment to gently pan. On the home page, tessellating triangles rise and connect to tell stories, eventually revealing the Abu Dhabi landscape itself. Cinemagraphs were used to introduce a sense of timeless motion into the photography, and the website remains in use and well regarded today.

HIT ME UP FOR MORE 🤙🏽

This case study is written from my perspective focussing on design, its process, craft and outcomes. S1T2 has a full case study about the wider project from content to technology which you can read here. For Francisco’s design process stay right here.

@FRANCISCOLONDON

FREBELLO.DESIGN@GMAIL.COM