©2020 Built with love by Nick Howland.

spider-man rebranding

Spider-man-rebranding_illustration_NH

[spb_single_image image=”2043″ image_size=”full” frame=”noframe” intro_animation=”fade-in” full_width=”yes” lightbox=”no” link_target=”_self” width=”1/1″ el_position=”first last”]

[spider-man rebranding]

client :kcai visual communication II + typography II classes
software : adobe illustrator, adobe photoshop, adobe indesign, keynote, mag+
categories : rebranding, illustration, packaginginteractive design

 

Spider-Man is a cultural icon, a symbol of youth and geekdom around the world. Spider-Man is the every-man’s hero. When focusing on the rebranding of the webslinger, I wanted to go back to his roots and revisit who the hero is but also who his alter-ego, Peter Parker, is. I focused quite a bit on Peter Parker and the duality of the character. The keywords I used to establish the strong foundation under which I structured everything else were: geekydualityoffbeat, and vulnerability. I wanted to focus on these key elements of what make the arachnid avenger who he is. After I established my keywords and concept, I then dug into the aesthetics. I ended up going with a very clean and colorful, thick-lined vector style. I felt like this very much embodied both the geeky and offbeat attributes as well as references classic comic culture.

[blank_spacer height=”130px” width=”1/1″ el_position=”first last”] [sf_gallery gallery_id=”1962″ slider_transition=”slide” show_thumbs=”no” autoplay=”no” show_captions=”no” enable_lightbox=”yes” width=”1/1″ el_position=”first last”]

[recognition]

  • Soon to be published in How Publishing’s Creative Anarchy
  • Winner of a Silver AF-KC 2014 Student American Advertising Awards (ADDY)
  • Featured in the KCAI Patron Preview show.

[assets]

After establishing the initial keywords, I used them to create a group of assets. This group included: logotype, pictogram, lettermark, symbol, colors, a photograph and the illustration found at the top of the page. The goal was to create a visual system that held the essence of the webhead (and the keywords) at its core.

[blank_spacer height=”130px” width=”1/1″ el_position=”first last”] [sf_gallery gallery_id=”1963″ slider_transition=”slide” show_thumbs=”no” autoplay=”no” show_captions=”no” enable_lightbox=”yes” width=”1/1″ el_position=”first last”]

[artifacts]

And finally, after creating the assets, I created artifacts with these visual elements. The artifacts created included: full DVD packaging, business card (every superhero needs one), a website, t-shirts, a magazine (+ interactive magazine app), and an entire exhibition. All of these artifacts utilized the pre-established assets and keywords.

[sf_gallery gallery_id=”1940″ slider_transition=”slide” show_thumbs=”no” autoplay=”no” show_captions=”no” enable_lightbox=”yes” width=”2/3″ el_position=”last”] [blank_spacer height=”130px” width=”1/1″ el_position=”first last”] [sf_gallery gallery_id=”1964″ slider_transition=”slide” show_thumbs=”no” autoplay=”no” show_captions=”no” enable_lightbox=”yes” width=”1/1″ el_position=”first last”] [spb_single_image image_size=”full” frame=”noframe” intro_animation=”none” full_width=”no” lightbox=”yes” link_target=”_self” width=”1/3″ el_position=”first”]

[process]

This is a selection of what it took to make the pieces viewed above. You can see  some of the initial sketches for the assets as well as some of the wireframes for the magazine app.

[blank_spacer height=”130px” width=”1/1″ el_position=”first last”] [divider type=”standard” text=”Go to top” full_width=”no” width=”1/1″ el_position=”first last”] [blank_spacer height=”30px” width=”1/1″ el_position=”first last”] [portfolio_carousel item_count=”12″ category=”All” show_excerpt=”no” excerpt_length=”20″ alt_background=”none” width=”1/1″ el_position=”first last”] [blank_spacer height=”30px” width=”1/1″ el_position=”first last”] [divider type=”standard” text=”Go to top” full_width=”no” width=”1/1″ el_position=”first last”]