F+P_2.png

Fosters + Partners Website

Foster + Partners

IMG_5142.jpg

A website rebrand for Sir Norman Foster.

An agile project working with a small team to recreate the web experience for possibly the most famous architecture firm in the world.

 
 

Introduction…

I joined the F+P project after the initial define phase and worked as part of a small team to help drive the UX and create prototypes that could be used for client meetings, user testing and dev handoff.

 
A sitemap showing the IA and page templates of the new site

A sitemap showing the IA and page templates of the new site

 
 

Sketches + Design

Due to the aggressive timelines on this project, we decided to move from sketches into designs so I worked closely with the designer on the project to sketch out some ideas for pages identified in the sitemap that could be worked up into Sketch

 
 
An early iteration of the wireframes for the F+P Homepage.

An early iteration of the wireframes for the F+P Homepage.

 
Sketching Homepage iterations with design team.

Sketching Homepage iterations with design team.

During the design of this project I worked closely with the design team. I took the Sketch files and put them into Flinto prototypes to use to present to the F+P board.
Exploring Search patterns.

Exploring Search patterns.

 
 

Prototyping + Client presentations.

At the timing of this project F+P were working a lot with Apple, as well as designing the Apple campus, as conversations kept coming back to Apple,  we decided to prototype and present to the client board on the iPad Pro and iPhones so they could see what their mobile experience would be like when released.

 
 

Navigating the homepage and search journey.

 

Navigating the Homepage on mobile.