Nixon Redesign for Fun

16 Responses

1. Pro 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.

   5 months ago

2. Andrey S. Rodrigues ☝

   its great, I like it Jon :)

   1likes

   5 months ago

3. Pro Gimpo Studio (Oksana & Nick)

   so great!!

   1likes

   5 months ago

4. Andrew Merritt

   Looking Fresh!

   1likes

   5 months ago

5. Pro Nick Holmer

   love it! great work.

   1likes

   5 months ago

6. Pro Jon Vlasach

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

   1likes

   5 months ago

7. Pro Kyle Frost

   Nice work man! Looks fantastic.

   1likes

   5 months ago

8. Zack Travis

   Solid. Very solid indeed.

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

   1likes

   5 months ago

9. Pro Steven Schafer

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

   1likes

   5 months ago

10. Pro Grayden Poper

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

    1likes

    5 months ago

11. Pro Jon Vlasach

    @Grayden Poper thanks for the feedback homie!

    5 months ago

12. Pro Corey Michaud

    clever logo. well done.

    1likes

    5 months ago

13. Pro 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 :)

    1likes

    5 months ago

14. 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.

    1likes

    5 months ago

15. Pro Graham Young

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

    1likes

    5 months ago

16. Pro Jon Vlasach

    @Graham Young thanks! I used Proxima Nova + Didot

    5 months ago