Just finished up reworking Nixon's site for fun (specifically their product detail page for now) with a whole mess of states to it. The whole thing is dependent on motion, so I'm braving After Effects to do it justice. Should be up soon... I hope..
@Zack Travis thanks man! should post real pixels (have about 14 screenshots so far) + animation soon. As for process, I think I might be able to show a little for it– alot of talking to myself haha
@Nick Meloy I just want to animate it just to show the proof of concept. There's a lot of motion and interactive pieces that track down the page with you that wouldn't otherwise be shown in static JPGs.
this is going to look great, but always make sure you're thinking of the limitations of css and javascript animation (especially cross-platform/ cross-browser compatibility)... other than that, this look and feel is incredibly sick, great job.
looks cool man, doesn't fit NIXON's brand though which is important, but nonetheless, good looking watch site. i would know :) http://www.behance.net/gallery/NIXONcom/3917521 i did their latest redesign.
looking forward to seeing some more. nice work. btw, they're looking for a ft designer right now, or were - hit me up if interested.
@Nick Meloy thanks! and good call– with what I have in mind it would probably be a little taxing on the javascript... might have to make some compromises.
@Dann Petty thanks Dann! yea, I'm for sure familiar with your work and you did a great job with their redesign– I started this one just before yours launched and was interviewing for a position there.. randomly decided to see it through now haha. It definitely doesn't fit their current style, but it's more my take on their previous style that was around when I started it. Email coming your way tho :)
I can always appreciate these sort of attempts on some level because they provide us designers the ability to work off of our impressions of a brand, from the outside looking in. I've done it in the past and I think it's a good way to flex our muscles.
The downside is that context is everything in design. Context provides the objectives we need to understand not the how but the why in our design decisions. This doesn't happen in a vacuum.
But, I commend your efforts to try to understand the brand and clearly show your support. I think your solution is nice and shows definition in your content and hierarchy in the layout. Having said that, it doesn't seem like Nixon to me and fails to achieve some of the simplicity (and uniqueness) of the brand, the design seems like it could work for a number of other brands.
Don't take this as an affront, again I'm supportive of these kinds of efforts if it keeps us pushing beyond the brief as long as we keep in mind that in reality the brief makes all the difference.
Keep pushing!
@Dann Petty I think you may be talking about me ;)
@Abe Vizcarra thanks for the comment, and I don't take it as an affront at all– I wish more people would leave comments like this! :)
This isn't anything more than a creative exercise for me like you were saying. What you're looking at is an expanded breadcrumb state that only partially reflects the rest of the design (arguably could be slightly misleading to the feel for the rest), and doesn't show any conceptual design at all really. Unfortunately as an outsider, I don't have the luxury of knowing the full context with which this design would need to live within for it to really happen. Based off my knowledge of the brand from an exterior perspective and experience with ecommerce, I sculpted my own context and objectives that the design needs to satisfy in my eyes. Surprisingly, I actually held myself accountable to these objectives as much as I hated it– great practice haha.
Make sure to take a look at the full thing and let me know what you think. And I think you snagged the spot I was originally interviewing for :D
30 Responses (page 1 of 2)
Pro
Jon Vlasach
Just finished up reworking Nixon's site for fun (specifically their product detail page for now) with a whole mess of states to it. The whole thing is dependent on motion, so I'm braving After Effects to do it justice. Should be up soon... I hope..
Of course, follow me for updates.
6 months ago
Pro
Erwin Hines
Say what, I like!
6 months ago
Pro
Dreamix Studio
Love the colors of the watches, gets my attention immediately so that's a good sign :). Good work Jon!
6 months ago
wow I like this one :D
6 months ago
Pro
Dhiren Adesara
looks nice !
6 months ago
Pro
Jon Vlasach
@Erwin Hines @Dreamix Studio @Nemanja Milosevic @Dhiren Adesara thanks guys, appreciate it!
6 months ago
Pro
Hiten
Always loved Nixon watches. Nice Work.
6 months ago
Pro
Jon Vlasach
@Hiten thanks! same here, always loved products and their style
6 months ago
Loving this. Stoked to see the final product.
(and hoping to seeing some process images??)
6 months ago
Pro
Jon Vlasach
@Zack Travis thanks man! should post real pixels (have about 14 screenshots so far) + animation soon. As for process, I think I might be able to show a little for it– alot of talking to myself haha
6 months ago
Pro
Ryan Downie
Looking forward to seeing real pixels
6 months ago
Well done! Great design.
6 months ago
looks nice Jon :)
6 months ago
Pro
Nick Meloy
how are you incorporating after effects with web? or are you just using video?
6 months ago
Pro
Jon Vlasach
@Nick Meloy I just want to animate it just to show the proof of concept. There's a lot of motion and interactive pieces that track down the page with you that wouldn't otherwise be shown in static JPGs.
6 months ago
Pro
Nick Meloy
this is going to look great, but always make sure you're thinking of the limitations of css and javascript animation (especially cross-platform/ cross-browser compatibility)... other than that, this look and feel is incredibly sick, great job.
6 months ago
Pro
Dann Petty
looks cool man, doesn't fit NIXON's brand though which is important, but nonetheless, good looking watch site. i would know :) http://www.behance.net/gallery/NIXONcom/3917521 i did their latest redesign.
looking forward to seeing some more. nice work. btw, they're looking for a ft designer right now, or were - hit me up if interested.
5 months ago
Pro
Delon Summersett
was about to say....thought they just had a responsive redesign...good work @dannpetty
5 months ago
Pro
Jon Vlasach
@Nick Meloy thanks! and good call– with what I have in mind it would probably be a little taxing on the javascript... might have to make some compromises.
@Dann Petty thanks Dann! yea, I'm for sure familiar with your work and you did a great job with their redesign– I started this one just before yours launched and was interviewing for a position there.. randomly decided to see it through now haha. It definitely doesn't fit their current style, but it's more my take on their previous style that was around when I started it. Email coming your way tho :)
5 months ago
Pro
Gabe Abadilla
Looks interesting!
5 months ago
I can always appreciate these sort of attempts on some level because they provide us designers the ability to work off of our impressions of a brand, from the outside looking in. I've done it in the past and I think it's a good way to flex our muscles.
The downside is that context is everything in design. Context provides the objectives we need to understand not the how but the why in our design decisions. This doesn't happen in a vacuum.
But, I commend your efforts to try to understand the brand and clearly show your support. I think your solution is nice and shows definition in your content and hierarchy in the layout. Having said that, it doesn't seem like Nixon to me and fails to achieve some of the simplicity (and uniqueness) of the brand, the design seems like it could work for a number of other brands.
Don't take this as an affront, again I'm supportive of these kinds of efforts if it keeps us pushing beyond the brief as long as we keep in mind that in reality the brief makes all the difference.
Keep pushing!
@Dann Petty I think you may be talking about me ;)
5 months ago
Pro
Jon Vlasach
@Abe Vizcarra thanks for the comment, and I don't take it as an affront at all– I wish more people would leave comments like this! :)
This isn't anything more than a creative exercise for me like you were saying. What you're looking at is an expanded breadcrumb state that only partially reflects the rest of the design (arguably could be slightly misleading to the feel for the rest), and doesn't show any conceptual design at all really. Unfortunately as an outsider, I don't have the luxury of knowing the full context with which this design would need to live within for it to really happen. Based off my knowledge of the brand from an exterior perspective and experience with ecommerce, I sculpted my own context and objectives that the design needs to satisfy in my eyes. Surprisingly, I actually held myself accountable to these objectives as much as I hated it– great practice haha.
Make sure to take a look at the full thing and let me know what you think. And I think you snagged the spot I was originally interviewing for :D
5 months ago
Pro
Steven Schafer
dope close button. The whole thing is dope. That Nav... So simple and nice. Love that
5 months ago
Pro
Jon Vlasach
@Steven Schafer thanks man, appreciate it!
5 months ago
Pro
Erwin Hines
BLOWIN UP
5 months ago