Designs by Nadia P

for the contest http://www.microscopes.com - CSS/Color/Style redesign - No/Minimal changes to the existing HTML template

Avatar
Avatar for Nadia P
Profile
View designer profile
Designer Navigation

Entries

  1. #22 Winning Design

Designer

Discussion

3 comments shown 3 total, most recent first

show
  1. User
    pd4
    Actions
    Comment Date
    Fri, 17 Aug 2007 16:50:36 +0000
    Badge
    Contest Holder
    Avatar
    Avatar for pd4

    Regarding design #22

    i like the color combination. like it - nice and clean.
    It is ok to modify the HTML to have the whole contact us as image - the phone number does not have to be text/CSS as long as it is at the top there. We have full control over HTML templates, as long as most of stays in tact.

    Still not sure about blending the two images for the center image - may be more space between them. It does look very good, but i am thinking what else can be improved with it.

    I like the color combo very much. Other submissions do have some nice CSS featuers used - may be you can see what else can be done to make the design more interesting via CSS changes. I also would like to see how add to cart and other mini images will look like for a combo like that.

    Very good submission.

  2. User
    Nadia P
    Actions
    Comment Date
    Fri, 17 Aug 2007 12:37:54 +0000
    Avatar
    Avatar for Nadia P

    Regarding design #22

    oops... you can't go back and edit a comment .. but what I meant to say:

    "this is only for a couple of days" should be "this is only for a couple of pages".

  3. User
    Nadia P
    Actions
    Comment Date
    Fri, 17 Aug 2007 12:35:23 +0000
    Avatar
    Avatar for Nadia P

    Submitted design #22

    Lighter blue menu, shopping cart icon changed to black.
    I don't actually see a problem with the larger image - so left that :-) I've also left a bit of white space around this image, to keep it away from the left and right columns, otherwise, it all looks quite blocky and squashed.

    Only problem is the font size of the phone number. If you change the size of the text via the CSS it does increase, but then blows out the rest of the layout (top section). Same thing happens if you try and make it an image. However, an image wouldn't work, because the phone number is contained on every page, and this would entail changing every html page as well.. which I don't think you want to do.

    An option may be to add a Contact Us link in the actual menu itself (which is strange not to have one there anyways). You could also do a 'find and replace' and place a prominent phone number box at the bottom of the page or maybe include it in the header itself, but in a separate cell (via the html not css).

    What I've done here, is all via the stylesheet, apart from adding an extra table in the html to accommodate the large image and this is only for a couple of days or so it seems from the description in the brief.