SEAT

Role     UX Lead

Client     SEAT

Agency     POSSIBLE

seat - header imageseat - header image

.
THE FIRST INTERACTIVE BROCHURE

SEAT wanted to provide their customers with an experience that would allow them to discover and explore the SEAT LEON in an informative yet interactive experience.

A digital brochure for the iPad was created. Working alongside a creative partner, I constructed and defined the experience principles and functionality rules throughout the journey of the brochure.

seat - intro imageryseat - intro imagery

.
SKETCH PROTOTYPES

Making the digital brochure feel natural to navigate required exploring various interaction models. With time being short sketch prototypes were produced, showing how each interaction would play out across the brochure.
This allowed for us to test each interaction across the various functionalities across the brochure ensuring it would naturally navigate the user through the experience.

// Sketches exploring different navigation and interaction patterns //

.
ON BOARDING

To ensure using the digital brochure would be as simple as picking up a magazine, a 'how to use' section was introduced.

Important icons the user will come across throughout are explained to ensure they discover all available content.

seat - on boardingseat - on boarding

// The on boarding screen users see when opening the app for the first time. //

.
ASSETS & INTERACTIONS

A SEAT brochure is full of rich and beautiful imagery and the iPad is a perfect device to enjoy them on.

When the user has read the information (or decided to skip past it), they can remove all noise with a quick swipe to display stunning images of the car.

seat - descrpitionseat - descrpition

// Interaction illustrating how a user can enjoy full images or discover more details about the car. //

Interactions creating memorable experiences

The LEON comes with a range of luxury features that set it apart from its other competitors. Using small and intuitive interactions provide unique memorable experiences.

seat - more info interactionsseat - more info interactions

// Key interactions a user can carry out within the catalogue. //

Using more than just touch gestures to create interactions

To fully experience the interior of the new LEON the user turns the tablet horizontally to view the interior of the car. Moving the tablet around physical space through all axis will allow the user to explore the interior of the car in a 360 view as if they were turning their head whilst inside the LEON.

seat - view interiorseat - view interior

// When on specific pages the user turns the iPad landscape to move into an immersive 360 experience of the car. //

.
CUSTOMISE AS YOU BROWSE

The ultimate business goal of the digital brochure was to encourage a user to begin customising their own LEON car.

Having already gained the users attention and time with the brochure, it was a prime opportunity to engage with them to start customising their own LEON vehicle.

Choosing key points throughout the brochure, a user could start to choose custom settings / styles for their LEON. Once they got to the end of the brochure they would have their own custom LEON created with a link to the main SEAT site to book a test drive.

seat - spec carseat - spec car

// Once the user reaches the end of the catalogue they can see the car they have customised, with the ability to explore the various options. //

[unex_ce_button id="content_8wcvlmrw5,column_content_9sfex8g5q" button_text_color="#4a4a4a" button_font="semibold" button_font_size="44px" button_width="content_width" button_alignment="center" button_text_spacing="2px" button_bg_color="#ffffff" button_padding="75px 68px 75px 68px" button_border_width="0px" button_border_color="#ffffff" button_border_radius="0px" button_text_hover_color="#ffffff" button_text_spacing_hover="2px" button_bg_hover_color="#161616" button_border_hover_color="#161616" button_link="http://matthewmcgriskin.co.uk/work/coffee-cntrl/" button_link_type="url" button_link_target="_self" has_container="" in_column="1"]previous[/ce_button]
[unex_ce_button id="content_8wcvlmrw5,column_content_pvov5v75h" button_text_color="#4a4a4a" button_font="semibold" button_font_size="44px" button_width="content_width" button_alignment="center" button_text_spacing="2px" button_bg_color="#ffffff" button_padding="75px 68px 75px 68px" button_border_width="0px" button_border_color="#ffffff" button_border_radius="0px" button_text_hover_color="#ffffff" button_text_spacing_hover="2px" button_bg_hover_color="#161616" button_border_hover_color="#161616" button_link="http://matthewmcgriskin.co.uk/work/utv/" button_link_type="url" button_link_target="_self" has_container="" in_column="1"]next[/ce_button]