Cart 0
Things of Our Imagination
 
_USA_vs_MEXICO_type-treatment_1.png

 

 
USA-vs-MEXICO_billboard_flat-Exposure.jpg

AT&T THANKS

USA vs. MEXICO

Event Branding & UI/UX

To help play up the drama between classic MLS rivals, USA vs. Mexico, AT&T THANKS (ATTT) decided to treat its loyal members to an immersive, on-site game day experience that included event branding and interactive t-shirt dispensers.

 

CONCEPT

The Best of Both Worlds

ROLE

Art Director / Lead Designer

AGENCY

The Marketing Arm

Creative Director

Chris Weiland

 
 

Key Visual Direction

The first challenge was coming up with a unifying look that would best support the celebrated, featured team rivalry in a festive and non-divisive way. Once the visual element succeeded in conveying this communication intent, application was the next order of business.

 
USA_vs_MEXICO_choose_your_team_flag_opt.jpg
BG_square_000000.png

Extension & Application

With the approved conceptual direction in place, the visual language was extended into the broader experience that included, billboards, on-site environmental graphic design, interactive user experiences and, of course, t-shirts.

 
 
_USA_vs_Mexico_ux_flow_diagram_2x.png
 
BG_d9d9d9.png
 

Much Appreciation: UI/UX Synopsis

EXPERIENCE INTENT: ATTT rewards its members with exclusive perks, services and the occasional VIP treatment. While at this event, ATTT didn't miss on an opportunity to support team spirit by providing members with a custom, commemorative shirt via the ATTT Appreciation Machine.


39125_MLS_Thanks_Screens_Nashville_0000_START.jpg
 
_USA_vs_Mexico_Appreciation_Machine_standalone.png
 

01. START

Upon motion detection or user contact, the ATTT Apreciation Machine (AM) awakens from its idle state to greet users with key visuals and the [START] CTA to begin the interaction.

03_App_downloaded.jpg

02. Is The APP Downloaded?

The user indicates whether or not they have downloaded the ATTT App.

 
02_rules.jpg

03a. OFFICIAL RULES

A simple set of rules pertaining to the promotion appear. After the user agrees with the rules s/he is presented with the [CONTINUE] CTA.

 
03b_Foul.jpg

03b. If “No,” Then FOUL!

A message pops up stopping the interaction and informing the user to download the ATTT app.

 
 
04_enter_UID.jpg

04. IF “YES,” THEN Auth Point #1

Keyboard UI appears, allowing the user to enter their UID. The {CONTINUE} CTA appears after the user completes entry.

05_What_Products.jpg

05. AUTH POINT #2

A set of AT&T products and services is presented for the user to select. Picking one or more options instantiates the {CONTINUE} CTA.

06_Favorite_MLS_teams.jpg

06. FAVORITE MLS TEAM

A group of MLS teams is presented for the user to select as their favorite.

07_which_side.jpg

07. Which Side?

The user is asked to identify their preferred team for the featured event.

 
08_Shirt_Type.jpg

08. Shirt Type

Shirt fit type options are presented for user selection.

09_Shirt_size.jpg

09. Shirt Size

Available size options are presented. Options no longer available are dimmed with a message stating, “No Longer Available.”

10_GOOOOAAALLL.jpg

10. Goooooaaalll!

A success message is presented while the machine dispenses the shirt. The user is given the opportunity to share the experience through social media.

 
 
_USA_vs_Mexico_UX_Journey_BG_1.png