SPGI-2016-banner-1.jpg
 
 

What I did

UX strategy
Wireframing
Visual design
Video art direction

 

S&P Global 2016 Digital Annual Report

S&P Global is a company which offers market intelligence products like S&P 500 index. In 2016, they changed their name from “McGraw Hill Financial” to “S&P Global”, and rebrand themselves to be a much more modern, forward-thinking and tech-savvy company. As the first annual report after the re-branding, the client wanted something that strictly follows brand guidelines, reinforces the brand message, and also tells a vivd story of this exciting year.

 
 
 
SPGI-2016-banner-2.jpg
 
 

New brand and message

Since reinforcing the new brand is one of the biggest goals of the project, we started the process by analyzing the new brand guidelines thoroughly and trying to find elements that would inspire.

 
SPGI_brandguidelines.jpg
 
 
 

Essential Intelligence

The brand purpose of S&P Global is to "provide intelligence that is essential for companies, governments and individuals to make decisions with conviction". Their information and expertise are essential for a lot of people to do their jobs well. We thought for the first year of this new brand, it make sense to set "Essential" as theme for the annual report, because it summarizes what they do perfectly and positions the brand in a solid way. 

 
SPGI_EssentialIntelligence.jpg
 
 
 

Essential Objects

 

Inspired by a special photography style introduced as a part of S&P Global's new brand, we used straight-on black & white photography of objects that are "essential" to daily life and work, to create a look that emphasizes on the theme "Essential". These objects were photographed in a way without any unnecessary details, colors or distorted angels, only essence of the form remain.

 
 
SPGI_EssentialObjects.jpg
 
 

Bold typography, numbers and facts

Typography is a big part of S&P Global's new brand. We leveraged the bold and clean style with a editorial approach. Data and facts are a part of what they do, so we used lots of big numbers and factoid cards to make a visual connection.

 
SPGI_typography.jpg
 
 
 

Userflow and wireframes

With strategic thinking of the content structure and hierarchy, and also the usability targeting unique audiences (primarily stakeholders and investors), we sketched out the page flow of this 5-page marketing website, then turned it into wireframes with higher fidelity.

 
SPGI_wires.jpg
 
 
SPGI_AP16_Wires_Real_2.jpg
 
 

Visual assets: animated gifs

We teamed up with our motion graphics designer to animate the essential objects using 3D models to give them a bit more energy and excitement. 

 
SPGI_AR16_AnimatedObjects.gif
 
 
 

Visual assets: photo and video shoots

We teamed up with a photographer and arranged a photo and video shoot with S&P Global's employee volunteers to create photography and ambient video assets for the website. 

 
SPGI_AR16_Photoshot.jpg
 
 
 
SPGI-2016-banner-4.jpg
 
 

 Final Product

 

A collection of nine "essential objects" are featured on the landing panel of homepage. Whether it's physical things we need to survive like water, food or energy , or abstract ideas that we can't live without in our daily life like time or data, they all come together and send out one message "essential".

 
 
 
 

The rest of the homepage features three main stories of the year on three different topics: data transparency, objectivity and sustainability. Each topic is represented by an “essential object” and the user can read the detailed story by clicking on the CTA below.

 
 
SPGI-2016-Web-home-2.jpg
 
 

Interior pages of the microsite follows S&P’s brand guidelines and are presented in a clean, minimal and typographic style.

 
 
SPGI-2016-Web-chairman-letter.jpg
 
SPGI-2016-Web-financial.jpg
 
SPGI-2016-Web-corp-info.jpg
 
 

The microsite is also optimized for different screen sizes, especially mobile devices.

 
 
 
 

Reflection

We were very excited to be the a first part of S&P Global’s new brand, and made sure that our work will enhance the brand in an effective way. The client appreciated that we used “essential objects” as the main concept since that’s a part of the brand elements that were used less frequently than others, and they were extremely happy with the end product overall.

The microsite received an Honors award from The 2017 International ARC Awards for annual reports.