Design / UX - Human, NYC

Website Redesign 2015
Design / UX
5/ 1 9/ 1 5
Design
Homepage
Explain + Entertain
- Full bleed: Reel auto plays (silent);
- The Vault logo elegantly fades in center, opening line fades in;
- After 5 seconds (can play with timing when building);
- Logo + line fade out, arrow fades in indicating users can move to the next section;
- Users can watch the full reel at any time by scrolling back to the top of the site,
also, we can add a 'back to top' in the footer.
2 / 10
Design
Clients List
Lumia 900 The Game
Coors Light Cold Hard Fan Award
Madden NFL 10
World Baseball Classic Commercial - My Team
Indianapolis 500
"College GameDay - Desk
Madden NFL 10
Impersonators - Beats Pills
Show us your heisman
- Infinite Scroll: clients load in 3 at a time
(reference: manvsmachine.co.uk)
- The Vault will be able to choose which clients are seen first at the top of the list, list will be
able to scale and be as tall or short as the clients entered + edited by The Vault.
3 / 10
Design
Clients List
with hover
Lumia 900 The Game
Coors Light Cold Hard Fan Award
Madden NFL 10
World Baseball Classic Commercial - My Team
Indianapolis 500
"College GameDay - Desk
Watch Our Work
Madden NFL 10
Impersonators - Beats Pills
Show us your heisman
Yellow takeover with client logo and "Watch Our Work"
4 / 10
Design
Client Section
The Content Section can have multiple rows with 2 or 3 videos in a row so there are layout options
available to fit any of 1 to 10 videos and client logo/info block combinations.
Videos play in containers, reference: welcometolegs.com
5 / 10
Design
Client Section
with hover
Play goes to yellow
6 / 10
Design
Footer
Socisl Links on Hover
Each letter on hover transforms the whole social links block to word (i.e. T becomes Twitter, F > Facebook).
7 / 10
Design
Footer Expanded
Name
Email
Subject
Attachment
420 Lexing ton Avenue
N e w Yo r k , N Y 1 0 1 7 0
Message
Submit
212-913 -9499
© 2 0 1 5 T h e Va u l t N YC . A l l R i g h t s R e s e r v e d .
8 / 10
Design
Mobile
Horizontal View
We are an advertising agency, production company,
and post production company
9 / 10
Design
Mobile
Vertical View
We are an advertising agency, production company,
and post production company
10 / 10
info@human -nyc .com