SPOTHERO
SF Takeover: Interactive Dynamic Ad Unit Creative Direction & Visual Design by Joel Richard V. Escorpiso — December 11, 2015
SpotHero SF Takeover Interactive Dynamic Ad Unit / INTRODUCTION
SPOTHERO
SF Takeover: Interactive Dynamic Ad Unit To the right, is an Interactive Dynamic Ad Unit, also known as a Half Page ad. This ad unit has been designed to dynamically pull the user’s Geo-location to deliver a custom ad experience. The user’s location will be displayed as part of the ad’s headline— in this case, this ad will be for a San Francisco takeover. Using Geo-technology in the backend, this ad will not only be useful for one particular SpotHero market, but can also be used to target prospect customers in other available cities in the future. The SpotHero Hero Blue is used throughout the ad to catch the user’s attention and to enforce brand awareness. A screened-back animated map of the user’s current location is seen subtly panning to the left in the background to help intrigue the user.
This ad unit will allow the user to search for available SpotHero locations within a 15 mile radius from the zip code they submitted. A scrollable list of nearby locations will appear within the ad unit upon their zip code submission, providing a convenient and engaging way to experience the banner. The design of this ad unit can later be tailored to create other IAB-compliant ad sizes. Mobile platform app logos are displayed on the bottom of the ad, to ensure the user is aware that a SpotHero mobile app is also available on their preferred mobile device. — Continue to the next pages to see the User’s Journey and Banner Guidelines.
Creative Direction & Visual Design by Joel Richard V. Escorpiso / 949.872.9809 / joelrichard@gmail.com / jrescorpiso.com
2
SpotHero SF Takeover Interactive Dynamic Ad Unit / USER’S JOURNEY
Creative Direction & Visual Design by Joel Richard V. Escorpiso / 949.872.9809 / joelrichard@gmail.com / jrescorpiso.com
3
SpotHero SF Takeover Interactive Dynamic Ad Unit / USER’S JOURNEY
1
Initial Screen.
User’s geo-location is recognized and dynamically populates headline (city) and background animation (map).
2
User Action.
User enters zip code. Search is triggered by button click, or by hitting the 'Enter' / "Return" key.
3
Search Results.
4
Secure Checkout.
User is presented with results within a 15 mile radius of the submitted zip code. User selects and books spot by clicking on CTA, then is directed to Secure Checkout page.
Creative Direction & Visual Design by Joel Richard V. Escorpiso / 949.872.9809 / joelrichard@gmail.com / jrescorpiso.com
4
SpotHero SF Takeover Interactive Dynamic Ad Unit / BANNER GUIDELINES
Half Page Ad Unit IAB Compliant 300 x 600
Initial Screen.
Search Results. Ad Choices Logo Link http://www.youradchoices.com/control.aspx
SpotHero Logo Link http://www.spothero.com
User Inputed Data Field
Geo-Location Dynamic Zone Field
Dynamic Data From SpotHero Geo-Inventory List Field
Dynamic Data From SpotHero Geo-Inventory List Window
600 px
Scrollbar
Search Trigger
Zip Code Field
Submit Button
Input Field
Mobile Platform App Logos Links
Legal
Apple App Store https://itunes.apple.com/us/app/ id499097243?mt=8
Link http://spothero.com/terms-of-use
300 px
Google Play Store https://play.google.com/store/apps/details?id=com.spothero.spothero
Creative Direction & Visual Design by Joel Richard V. Escorpiso / 949.872.9809 / joelrichard@gmail.com / jrescorpiso.com
5
Thank you.