BLT Communications + A24 responsive movie campaign website

1. A24 A MOST VIOLENT YEAR
8
7
6
5
4
3
2
Table Of Contents
This document is a conceptual overview of the project. It is not an indicator of animation, copy, final elements, or design. © 2014 BLT Communications, LLC. All rights reserved.
Wireframes
Version 4.0
PHASE DIAGRAM
PHASE 1: DESKTOP
PHASE 1: TABLET
PHASE 1: MOBILE
PHASE 2: DESKTOP
PHASE 2: TABLET
PHASE 2: MOBILE

2. FOOTER
Button
GET TICKETS
TEASER SITE FULL SITE
Phase 1 Phase 2
Watch Trailer
FOOTER
A24 A MOST VIOLENT YEAR
2

3. Watch Trailer
FOOTER
Watch Trailer
FOOTER
PHASE 1: DESKTOP
A24 A MOST VIOLENT YEAR
HEADING/TITLE TREATMENT
Title treatment will be present on this page
1
SUBHEADING
There will be a subheading that provides more information to the user regarding
what the film is or about or when the film will be released
2
4
1
3
2
WATCH TRAILER BUTTON
Users will be able to watch the trailer by clicking this button. When clicked, a large
video lightbox will play the trailer (see below).
3
SOCIAL LINKOUTS
These will link the user to the official social pages of the film
4
3

4. Watch Trailer
FOOTER
url
Watch Trailer
FOOTER
url
Phase 1: Teaser Site
Tablet View
A24 A MOST VIOLENT YEAR
4

5. Watch Trailer
FOOTER
loremipsumdolor.com
Watch Trailer
FOOTER
loremipsumdolor.com
Phase 1: Teaser Site
Mobile View
A24 A MOST VIOLENT YEAR
5

6. FOOTER
Button
GET TICKETS
PHASE 2: DESKTOP
A24 A MOST VIOLENT YEAR
TOP NAVIGATION
The top navigation will remain fixed at the top of the viewport and all
content on the page will scroll underneath it. It will consist of a site
logo, navigation, and social link outs. Clicking any of the nav items will
scroll to the corresponding anchor tag of the that section.
1 MARQUEE
The marquee will consist of key art. Main marquee image will be
updated to include award nominations as nominations are announced
3
PRESS/CRITIC QUOTES
This area will showcase quotes from critics and press. These quotes
can be set to rotate on a timer. This section can be added/removed as
quotes become available.
5
ABOUT SECTION
This section will contain the About copy
4
CAST & DIRECTOR SECTION
This section will have slider functionality and allow the user to scroll
through featured cast and crew. Each slide will allow for a brief blurb.
7
GALLERY SECTION
Users will be able to view photos and videos in the gallery section.
Clicking on a gallery tile will open a lightbox with the enlarged media
content (see below).
6
TICKET INFO
Clicking the “Get Tickets” button will open the ticketing modal
window. This modal will contain a field for the user to enter their zip
code to find locations playing the film nearby. Clicking the submit
button with a valid zip code will pass the data to Fandango and a new
browser tab will open with relevant locations to the user. Users may
also view a full list of theaters in the same modal window by clicking
the “See full list of theaters” link (see below).
2
Zip Code
See full list of theaters
INSTA
GRAM
Caption copy lorem ipsum dolor sit Caption copy lorem ipsum dolor sit
1/15
Button
Zip Code
Hide list of theaters
Zip Code
See full list of theaters
Zip Code
See full list of theaters
1 2
3
4
5
6
7
6

7. Button
FOOTER
Zip Code
See full list of theaters
url
Button
url
Button
url
Button
url
FOOTER
Zip Code
See full list of theaters
url
url
INSTA
GRAM
Caption copy lorem ipsum dolor sit Caption copy lorem ipsum dolor sit
1/15
Homepage/Landing Page
Expanded Menu Media Player
Phase 2: Full Site
Tablet View
A24 A MOST VIOLENT YEAR
7

8. FOO
TER
Button
loremipsumdolor.com
FOO
TER
Button
loremipsumdolor.com
FOO
TER
loremipsumdolor.com
FOOTER
Zip Code
See full list of theaters
loremipsumdolor.com
FOOTER
Zip Code
See full list of theaters
loremipsumdolor.com
Phase 2: Full Site
Tablet View
loremipsumdolor.com
FOO
TER
Button
loremipsumdolor.com
INSTA
GRAM
Caption copy lorem ipsum dolor sit Caption copy lorem ipsum dolor sit
1/15
Expanded Menu Media Player
A24 A MOST VIOLENT YEAR
8