ELECTRONIC ENTERTAINMENT EXPO PROMO CAMPAIGN
E3 PROMO CAMPAIGN • DONNA TRUONG • TYPOGRAPHY II
ABOUT E3 E3 (Electronic Entertainment Expo) is the larg-
The E3 Promotional Campaign aims to spread
est convention dedicated to the video gaming
the word of the annual gaming exhibition.
industry. It is held annually by software devel-
Introducing a new branding concept along with
opers, video game publishers and developers,
a variety of promotional media will allow expo-
and industry representatives to showcase
sure of this trade show, and bring together the
upcoming video games and technologies.
gaming and technology community to get an exclusive first look at new products.
Many notable exhibitors make appearances to reveal new software and hardware product lineups. This event is held in a large exhibition hall filled with booths and kiosks with playable demos, and press conference rooms.
E3 PROMO CAMPAIGN • DONNA TRUONG • TYPOGRAPHY II
PRIMARY MARK
E3 PROMO CAMPAIGN • DONNA TRUONG • TYPOGRAPHY II
MARK WIREFRAME
E3 PROMO CAMPAIGN • DONNA TRUONG • TYPOGRAPHY II
CONCEPT The mark heavily plays with the idea of threes with E3 compiled out of triangles, and three triangles within each triangle. Every year Nintendo, Sony, and Microsoft are the most anticipated parts of the event to showcase their products at E3窶不o the mark pays homage to these companies. The multifaceted mark depicts the complexity behind video game and technological creation and progression as something dimensional that requires many aspects.
Nintendo
Sony
E3 PROMO CAMPAIGN 窶｢ DONNA TRUONG 窶｢ TYPOGRAPHY II
Microsoft
SECONDARY MARK & PATTERN
E3 PROMO CAMPAIGN • DONNA TRUONG • TYPOGRAPHY II
COLOUR PALETTE
NINTENDO RED
SONY BLUE
MICROSOFT GREEN
Pantone 192 C CMYK: 0, 100, 68, 0 RGB: 240, 1, 71 HEX: #F00147
Pantone 2945 C CMYK: 97, 77, 0, 0 RGB: 4, 80, 169 HEX: #0450A9
Pantone 3275 C CMYK: 71, 0, 57, 0 RGB: 4, 198, 149 HEX: #04C695
E3 PROMO CAMPAIGN • DONNA TRUONG • TYPOGRAPHY II
TYPE PALETTE Antonio
Audimat Mono
Franklin Gothic
A B C D E F G H I
A B C D E F G H I
A B C D E F G H I
J K L M N O P Q R
J K L M N O P Q R
J K L M N O P Q R
S T U V W X Y Z
S T U V W X Y Z
S T U V W X Y Z
a b c d e f g h i
a b c d e f g h i
a b c d e f g h i
j k l m n o p q r
j k l m n o p q r
j k l m n o p q r
s t u v w x y z
s t u v w x y z
s t u v w x y z
0 1 2 3 4 5 6 7 8
0 1 2 3 4 5 6 7 8
0 1 2 3 4 5 6 7 8
9 ( & ! ? $ )
9 ( & ! ? $ )
9 ( & ! ? $ )
Logo
Website Header
Website Body
E3 PROMO CAMPAIGN • DONNA TRUONG • TYPOGRAPHY II
WEBSITE: BEFORE EVENT The website before the event starts serves primarily as an information source.
E3 PROMO CAMPAIGN • DONNA TRUONG • TYPOGRAPHY II
WEBSITE: BEFORE EVENT 1: Hovering over the navigation will show a
2: Clicking on the calendar icon will toggle a
3: (After clicking on Show Hours from #1) Shows
drop-down menu where further information
monthly calendar for easy access of important
more detailed information on event dates. The
can be found.
dates without having to be taken to a new page.
blue button can be clicked to view event calendar.
E3 PROMO CAMPAIGN • DONNA TRUONG • TYPOGRAPHY II
WEBSITE: BEFORE EVENT Left: Multi-column web calendar with accent
4: Clicking on the triangular play button toggles
colors to separate the dates. Formatted as a
a slide show of videos with past conferences
printable sheet.
ready to watch to help the user become hyped for the upcoming exhibition.
E3 PROMO CAMPAIGN • DONNA TRUONG • TYPOGRAPHY II
WEBSITE: BEFORE EVENT 5: Continuing to scroll down shows a section for exhibitors. An auto-scrolling carousel of the exhibitor names overlay a slide show. When a name is clicked on, the images change.
E3 PROMO CAMPAIGN • DONNA TRUONG • TYPOGRAPHY II
WEBSITE: ON EVENT The home page changes on the day of the event to focus on videos and live-streaming. The large image now turns into a video button.
E3 PROMO CAMPAIGN • DONNA TRUONG • TYPOGRAPHY II
WEBSITE: ON EVENT 6: The large video image shows the current
7: Information changes as well-registration is
live stream available to watch. Clicking the
now replaced by a closed registration sign, and
play button in the center will take you to the
signing up for the newsletter now keeps you
video page.
informed for next year’s exhibition.
E3 PROMO CAMPAIGN • DONNA TRUONG • TYPOGRAPHY II
WEBSITE: LIVE STREAM Left: A non-obtrusive banner sits at the top of
8: Scrolling down shows a live message board
the video to maximize video-watching space.
where watchers can leave messages and chat with one another.
E3 PROMO CAMPAIGN • DONNA TRUONG • TYPOGRAPHY II
MOBILE WEBSITE The mobile optimized website is simplified with collapsible columns.
E3 PROMO CAMPAIGN • DONNA TRUONG • TYPOGRAPHY II
MOBILE FOR ATTENDEES Left: Start-up screen to login using the ID
Right: Home screen after login. Includes your info
number on your badge. The number pad
as a secondary form of ID, and other features
allows for easy input.
including a checklist, reminders, and a clickable map arrow icon.
E3 PROMO CAMPAIGN • DONNA TRUONG • TYPOGRAPHY II
MOBILE FOR ATTENDEES Left: The map is sectioned off and color coded
Right: The map acts as a GPS that tracks your trail.
by sectors. A fixed search bar sits at the top,
The transparent bottom bar shows your current loca-
and a button to go to your current location sits
tion and direction orientation. The highlighted booths
at the bottom.
colors are dependent on the company’s colors.
E3 PROMO CAMPAIGN • DONNA TRUONG • TYPOGRAPHY II
GOODIES: LANYARD, BADGE, BUTTONS
E3 PROMO CAMPAIGN • DONNA TRUONG • TYPOGRAPHY II
SURVEY - ”Who Will Reign Victory This 2014?” Since there is always an ongoing competition amongst video game and tech enthusiasts about who will reveal the best products that year, this survey is a fun way for people to participate in a communal activity.
E3 PROMO CAMPAIGN • DONNA TRUONG • TYPOGRAPHY II
POSTERS
E3 PROMO CAMPAIGN • DONNA TRUONG • TYPOGRAPHY II
ADVERTISEMENT
E3 PROMO CAMPAIGN • DONNA TRUONG • TYPOGRAPHY II
CONTEXT
E3 PROMO CAMPAIGN • DONNA TRUONG • TYPOGRAPHY II