After stressing over what to use for my debut shot, I figured I should just upload what I'm working on right now at the day job. It's a redesign for www.windsorindustrial.net – one of the many brands I work with that specializes in electrical parts. I feel like it's most challenging to make boring stuff look and feel interesting. :)
Anyway, I know this isn't going to win me any awards. But cooler stuff is coming, I promise!
Feedback is always welcome.
5 months ago
I like this. Mostly because it's real work (i.e. trying to make something boring) instead of another logo/icon study with no constraints that will never be used. It's also a very clean design. Welcome.
@Wade Meredith Thanks for the kind words. :)
Nice shot. Welcome.
Nice work, welcome to dribbble.
Welcome to Dribbble my friend!
I love the stroke/inner shadow on the black containers. Nicely done!
A few comments:
- For some reason, I always expect the header to be "on top" of the rest of the content and the combination of yellow and green makes the green to pop out and seemingly be on top of the yellow IMO. Maybe try a light gray for the slider background or a black background (then change the color of the other sections below to match)
- The "View Product" repetition is a bit overwhelming. I'd recommend making that button visible only in the hover state. Maybe just use an arrow or a magnifying glass icon instead of the copy.
- I'd give the product thumbnails a bit more room to breath --especially left/right. I'd say at least 10px padding.
- "Search entire store here..." is the only text not using Helvetica Condensed
- Also, I would left align the text in the slider with the left of the "Featured Products" container. Or if the gap between the text and the image is too much, try flipping the text and the image.
Anyway, those are my $0.02 :)
@Gabriel Valdivia Thanks for the pro feedback as always!
I went with the green background on the slider because it ties in with that product's section in the catalog. But it was definitely intended to appear underneath the masthead, so since that's not the case I'll have to take it back to the drawing board.
Also, a quick cop out: I won't be able to make changes to the code outside of CSS, since the dude that makes our websites is pretty dead set on using one template for everything (efficient, but definitely not effective). If it were a complete redesign I would do a lot of things differently. :)
by James Ferrell
Ok, here I attempted to push that banner back in the ol' Z Axis and made the buttons less eyes-bleeding-y. The bright yellow buttons from the previous shot can be used as the hover state. I also adjusted some of the type and spacing.
5 months ago
Looks just F.A.N.T.A.S.T.I.C.O! Welcome to dribbble ;)
@James Ferrell Great job! Love how you used simple colors and pulled off a professional look. Well Done and welcome
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