Saatchi & Saatchi.com

Design and development process for responsive web site

the PROBLEM

How do you get users to see you as not only a leader of global advertising and a hot bed of creative ideas through socially networked content.

our solution

A full service, integrated communications network, they work with 6 of the top 10 and over half of the top 50 global advertisers. They’re in the business of getting people to fall in love with clients’ products and services. Through creative ideas across all media and all disciplines, they set out to turn brands into Lovemarks which, unlike brands, generate loyalty beyond reason. They needed a new way to talk to the world.

my role

I was Lead UX and responsible for the experience strategy and design of the responsive web application. I led the UX work, producing all major deliverables and artifacts, presenting these to the client.

Surfacing the content and exposing it through social networks, like Twitter, Facebook, YouTube, and Instagram helps extend the Saatchi & Saatchi brand, and lends credibility to the claim of the quality of the creative.

 

Concept sketches

Sitemap and content map

Sitemap and content map

wireframes

wireframes

Wireframes

Wireframes

Wireframes

Wireframes

  Finished screens

 

Finished screens

  Finished screens

 

Finished screens

Finished screens

Finished screens

Finished screens

Finished screens

My contributions included:
DISCOVERY & RESEARCH
Product Strategy
User Persona Definition
UI/UX Assessment
Focus Groups
Content Audit
Taxonomy
Experience Maps

IDEATION
Design Workshops
Card Sorting
User Stories & Scenarios
Customer Journey Mapping
Usability Audit
Storyboarding
Rapid Prototyping
Information Architecture
Site Maps
Low Fidelity Wireframes

REFINEMENT
High Fidelity Wireframes
UI Visual Design
Clickable Interactive Prototypes
Pixel Perfect Comps
Design Assets
Visual Design Style Guide
Interaction Library Development
Technical Specifications