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.
12 months ago
its great, I like it Jon :)
love it! great work.
@Andrey S. Rodrigues @Gimpo Studio (Oksana & Nick) @Andrew Merritt @Nick Lala thanks guys, appreciate it!
Nice work man! Looks fantastic.
Solid. Very solid indeed.
Especially love your approach with the fixed product filling the left column. Fresh. Very fresh indeed.
omg.. this is incredible man. Nice work!!
This stuff looks amazing!!!! Great work all around.
@Grayden Poper thanks for the feedback homie!
clever logo. well done.
@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 :)
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.
This is awesome! What's the font combination you used?
@Graham Young thanks! I used Proxima Nova + Didot
keyboard shortcuts: ← previous shot → next shot L or F like
Show and tell for designers
What are you working on? Dribbble is a community of designers sharing screenshots of their work, process, and projects.
Copyright © 2009–2013 Dribbble LLC. All screenshots © their respective owners. Shipped from Salem, Mass. USA.
Follow Dribbble on Twitter