Hello and welcome to our community! Is this your first visit?
Register
Enjoy an ad free experience by logging in. Not a member yet? Register.
Results 1 to 6 of 6
  1. #1
    Regular Coder
    Join Date
    Dec 2002
    Location
    the windy city
    Posts
    140
    Thanks
    0
    Thanked 0 Times in 0 Posts

    need advice on some design elements

    Let me preface this by saying that a multimedia designer and I had a bunch of exciting design ideas for the redisign of our current site (in my sig), but for one reason or another they were dismissed by marketing department. http://www.nimlok.com/new_site/page1.jpg is what the marketing manager likes and this is what she wants to stick with.
    My problem is with the part of the page that is over the grey area. The idea is that those words on the right are product features and when you mouse over them, an enlarged feature will be zoomed in on the exhibit. similar ideea can be seen at http://www.nimlok.com/new_site/CD1.jpg
    the thing is, though, that on the cd concept, there is no blank white space like the web page has. wether we move the features to the left and place the exhibit on the right - it does not matter. the white space will always be there. also, on the CD pic you can see a sentence describing the feature displayed. on the site, we are open to having or not having the description text. whatever would work from the design point would be fine. the marketing manager is very fond of the circle thing in which the enlarged exhibit details are shown. we tried to just place those enlarged details in the center of the page (between the exhibit and the featues text), but it looked out of place.
    to try and put it all in more simple way: if you look at the CD example (that is a template for the CD design, not the site). we need to create the same kind of effect within the top gray area of the web page (between the yellow lines. but the dilemma is that i am not sure how to lay it out and implement it.
    Do you guys have any ideas for me on how to solve this design dilemma?

  • #2
    Senior Coder
    Join Date
    Jun 2002
    Location
    The Netherlands, Baarn, Ut.
    Posts
    4,252
    Thanks
    0
    Thanked 0 Times in 0 Posts

    Large image, mouseover?

    DoubleV,

    one option would be a large image of the display, and versions of it with a detail picture laid over it, and some mouseover scripts to swap between them. You could create an image map to make mousing over the display picture itself active too.
    Only problem with this setup is the background image shown in the example; this would require transparancy in the display image, meaning gif format, meaning an ugly picture. A solid color background would therefore have preference.
    A more challenging option would be to have the display image be the background image and dynamically placing detail images over it using DHTML (can be done). This places more restrictions on the browsers that are able to show this effect, though.

    Update: concerning the fore-mentioned transparency issue, this article may be of interest: ALA: Cross browser variable opacity with PNG
    Last edited by ronaldb66; 01-22-2003 at 11:02 AM.
    Regards,
    Ronald.
    ronaldvanderwijden.com

  • #3
    Regular Coder
    Join Date
    Dec 2002
    Location
    the windy city
    Posts
    140
    Thanks
    0
    Thanked 0 Times in 0 Posts
    ronald,
    thanks a lot! you had some wonderful ideas to give me!
    i guess i did not word my question clear enough, as my biggest dilemma was for a layout, but i think we finallt found a solution for that. we rae gonna move the feature list to teh left and place the booth in the middle. then the feature description will appear on the right.
    i see what you're saying about the bg image. you made a very very good point. with a plain background, i feel, the design is as boring as it can possibly be. we'll see what's gonna happen to it.
    anyway,
    thanks for the help!
    Last edited by DoubleV; 01-22-2003 at 04:28 PM.

  • #4
    Senior Coder
    Join Date
    Jun 2002
    Location
    The Netherlands, Baarn, Ut.
    Posts
    4,252
    Thanks
    0
    Thanked 0 Times in 0 Posts

    You're welcome!

    Glad i could be of assistence. Do keep us posted what you guys ended up with; i'm getting rather curious...
    Regards,
    Ronald.
    ronaldvanderwijden.com

  • #5
    Regular Coder
    Join Date
    Dec 2002
    Location
    the windy city
    Posts
    140
    Thanks
    0
    Thanked 0 Times in 0 Posts
    well, for now here's how we repositioned the exhibit and the features: http://www.nimlok.com/new_site/page2.jpg and when a feature is highlighted it wuld look like this: http://www.nimlok.com/new_site/page3.jpg
    for some reason i still like our current web site much better then the new design, though the current design does not go well with their new 'corporate identity' - they are changing the look of all of their materials, so the web site needs to change as well. i feel we had so many 'cool' ideas, that marketing department just would not buy. i know it's not my own web site after all, but i feel like it is my face out there and i'm not sure it looks all that nice.

  • #6
    Senior Coder
    Join Date
    Jun 2002
    Location
    The Netherlands, Baarn, Ut.
    Posts
    4,252
    Thanks
    0
    Thanked 0 Times in 0 Posts

    Nothing wrong with it!

    I would have to see the final web version instead of a jpg, but I think your new design look great, in fact I like it better then the current version! But that's personal of course; I'm just not keen on big animated buttons, and curvy lines like in the header are a bit... well, passé. Don't worry then about that new design; don't forget it's a corporate web site, those have particular demands.
    Regards,
    Ronald.
    ronaldvanderwijden.com


  •  

    Posting Permissions

    • You may not post new threads
    • You may not post replies
    • You may not post attachments
    • You may not edit your posts
    •