Nixon Redesign for Fun

16 Responses

  1. Jon Vlasach Jon Vlasach

    Thank you everyone for the support from the preview I posted–that caught me way off guard, and for sure helped motivate me to finish this thing up quickly.

    So this is only the redesign of Nixon's product detail page, with a couple of global interactions baked in. The main concept I wanted to execute on was having the product scroll down with you– with all relevant actions tracking with you as well to help drive conversions. Conceptually it is very basic, but the execution took quite a while to nail down to look respectable. The one big condition (of many) I wanted to consider was that the fold is sadly real. That being said, all important content lives within a (slightly generous) 700px window as you scroll down the page, with anchor links and global nav abilities tagging along as well. The nav would also lock into place at the beginning of each section (which is simulated HERE).

    There's a few other states/interactions attached as well– there's more, but dribbble limits to 5 attachments.

    With regards to branding, I got some comments on the preview that it looked nice, but definitely didn't 'look like Nixon.' I agree– Nixon now as a brand is in a fairly different place than what I'm portraying. I started this just before their current site launched, and built it as an evolution from the style then. In the end, I tried to walk a line of evolving from their previous branding while adding accents of the existing brand. I also wanted to keep their emphasis on flat, but embrace white space over the modular editorial approach they currently have.

    I think I'll eventually make a movie out of this show it in action– but that won't happen until the new iMac comes in. Oh, and this has zero affiliation with Nixon. 100% for fun + creative exercise. **

    Of course, follow me for updates.

    over 1 year ago

  2. Andrey S. Rodrigues ☝ Andrey S. Rodrigues ☝

    its great, I like it Jon :)

    likes

    over 1 year ago

  3. Gimpo Studio (Nick & Oksana) Gimpo Studio (Nick & Oksana)

    so great!!

    likes

    over 1 year ago

  4. Andrew Merritt Andrew Merritt

    Looking Fresh!

    likes

    over 1 year ago

  5. Nick Holmer Nick Holmer

    love it! great work.

    likes

    over 1 year ago

  6. Jon Vlasach Jon Vlasach

    @Andrey S. Rodrigues @Gimpo Studio (Oksana & Nick) @Andrew Merritt @Nick Lala thanks guys, appreciate it!

    likes

    over 1 year ago

  7. Kyle Frost Kyle Frost

    Nice work man! Looks fantastic.

    likes

    over 1 year ago

  8. Zack Travis Zack Travis

    Solid. Very solid indeed.

    Especially love your approach with the fixed product filling the left column. Fresh. Very fresh indeed.

    likes

    over 1 year ago

  9. Steven Schafer Steven Schafer

    omg.. this is incredible man. Nice work!!

    likes

    over 1 year ago

  10. Grayden Poper Grayden Poper

    This stuff looks amazing!!!! Great work all around.

    likes

    over 1 year ago

  11. Jon Vlasach Jon Vlasach

    @Grayden Poper thanks for the feedback homie!

    over 1 year ago

  12. Corey Michaud Corey Michaud

    clever logo. well done.

    likes

    over 1 year ago

  13. Jon Vlasach Jon Vlasach

    @Corey Michaud Can't credit for the concept with the logo. They've used that a few times on shirts/hats, but I've always been a fan of it :)

    likes

    over 1 year ago

  14. Ronald Ravelo Ronald Ravelo

    This look so GOOD! I love the idea of a background image in the product. It creates a better mood and story. The accent color is so hot. Nixon should give you a call.

    likes

    over 1 year ago

  15. Graham Young Graham Young

    This is awesome! What's the font combination you used?

    likes

    over 1 year ago

  16. Jon Vlasach Jon Vlasach

    @Graham Young thanks! I used Proxima Nova + Didot

    over 1 year ago

keyboard shortcuts: previous shot next shot L or F like