top of page
Project-Banner_2.jpg

HALO INFINITE SEASON 5
WEB BANNERS

PROJECT OUTLINE

Developed a series of web assets to advertise Halo Infinite's upcoming fifth season. Observed the lack of marketing outside of the 343 Industries' official blog and YouTube channel. Desired to showcase possible advertisement opportunities that would help generate interest for the title.

BANNER DESIGN
WEB DESIGN
PHOTO-EDITING
ADVERTISEMENT

*UNOFFICIAL*

REFERENCES

INITIAL REVEAL

The first reveal provided the spark of inspiration. Established the tone and presented the aesthetic that would be used as the main background for web banners. 

OFFICIAL BLOG

The essential source for understanding the content and the direction the studio was trying to take. Was the main source of imagery to be appropriated for the project. All imagery belongs to 343 and their talented artists.

PROCESS

COLOR AND TEXTURE

#25271d

#d9311f

#d2c1af

Maintained the militaristic green and supplemented it with a lighter trim that's seen on the various thumbnails from 343 Industries. Decided that a red hue would provide the necessary contrast to pack the sort of punch that would catch the viewer's eyes. The various textures were again influenced by the established aesthetic, and became crucial to pushing a more gritty tone.

STRUCTURE

grid_Leaderboard.png

Leaderboard (728px x 90px)

grid_Large Leaderbaord.png

Large Leaderboard (970px x 90px)

grid_Halfpage.png

Halfpage

(300px x 600px)

grid_Wide Skyscraper.png

Wide Skyscraper

(160px x 600px)

grid_Fat Skyscraper.png

Fat Skyscraper

(240px x 400px)

grid_Medium-Web-Banner_Main.png

Medium Banner (300px x 250px)

grid_Small Skyscraper.png

Small Skyscraper

(120px x 240px)

After identifying the more popular dimensions for web banners it was important to establish structure for each composition. Sought to balance flexibility with restraint when devising the modular grid for each banner. They suited my needs for consistency and stability.

DELIVERABLES

HI-S5_L-WB_Mode.png

Leaderboard (728px x 90px)

HI-S5_LL-WB_Main.png

Large Leaderboard (970px x 90px)

HI-S5_MED-WB_Mode.png
HI-S5_MED-WB_Main.png
HI-S5_MED-WB_Maps.png
HI-S5_MED-WB_Style.png

Medium Banners (300px x 250px)

HI-S5_Half-WB_Maps.png

Halfpage

(300px x 600px)

HI-S5_WS-WB_Style.png

Small Skyscraper

(120px x 240px)

Fat Skyscraper

(240px x 400px)

Wide Skyscraper

(160px x 600px)

bottom of page