Windsor Industrial Website Redesign

1 Attachment

10 Responses

  1. James Ferrell James Ferrell

    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.

    10 months ago

  2. Wade Meredith Wade Meredith

    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.

    likes

    10 months ago

  3. James Ferrell James Ferrell

    @Wade Meredith Thanks for the kind words. :)

    10 months ago

  4. Marian Pop Marian Pop

    Nice shot. Welcome.

    likes

    10 months ago

  5. Seevi kargwal Seevi kargwal

    Nice work, welcome to dribbble.

    10 months ago

  6. Gabriel Valdivia Gabriel Valdivia

    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 :)

    likes

    10 months ago

  7. James Ferrell James Ferrell

    @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. :)

    10 months ago

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

    Better?

    10 months ago

  9. Diana Prakash Diana Prakash

    Looks just F.A.N.T.A.S.T.I.C.O! Welcome to dribbble ;)

    likes

    10 months ago

  10. Toxinboy Toxinboy

    @James Ferrell Great job! Love how you used simple colors and pulled off a professional look. Well Done and welcome

    likes

    10 months ago

keyboard shortcuts: previous shot next shot L or F like