All projects · SEAT

SEAT Connect Interactive Ad

A gesture on the car's screen to connect with the new Ibiza.

Client
SEAT
Year
2016
Industry
Automotive
Role
Development
Partner
Ogilvy
Format
Rich media 1024 × 768 · Samsung ad network
Interaction
Touch gesture
  • Rich media
  • Tablet
  • Touch gesture
  • Automotive
  • Ogilvy

Live

The banner, step by step. Use the arrows or pick a step in the sequence: opening, gesture challenge, retry, correct gesture, transition and exit to the website.

↗ Open full screen
SEAT · SEAT Connect Interactive Ad

Context

A full-screen rich media piece for Samsung's tablet ad network. The banner opens with the Ibiza and the ConnectApp in hand, and inside the car the infotainment screen asks you to draw a circle, the same My Gestures feature as the app. If the gesture fails, a clear message takes you back to the challenge; if it works, the car connects and the banner takes you to the product page.

What we built

Swipe

The user opens the piece by swiping down.

Draw the circle

A simple gesture that mirrors the app's My Gestures feature.

Retry

A clear message and back to the challenge, without losing the user.

Connected and on to the web

Confirmation and exit to the product page.

Stack

  • HTML5
  • JavaScript
  • CSS3

Visual system

Full-bleed photography, SEAT red and translucent panels.

  • SEAT red#E2001A
  • Graphite#2B2B2B
  • Translucent panel#3A3A3A
  • White#FFFFFF
  • Text grey#333333
  • Draw a circle

    Fira Sans

    Calls to action

  • My Gestures

    Fira Sans

    Feature name

Got a similar project?

Let’s talk aboutyour product.

→ hey@cyberdelia.es