Project Detail

Description

This is an extended version of an earlier project with a similar name. The first project was just regarding the graphics for a web design. In this project I include to turn the graphics into a xhtml/css template. I am not yet sure which of these two projects I will go for.

I would be glad if you could at once give me a time estimate for how long time you would need, as that is of some importance to me!

Part 1, the graphics (identical to the first project):

Attached is who I want the homepage to look like. I need you to make the graphics for it. This is actually my best attempt to draw
this! So please don't look at the proportions and such, but I hope you get the idea... Oh, and no working scanner around, so this is the best my mobile camera had to offer :)

I have not figured out the exact pixel width for the various elements, anyway I may need you to adjust the width after the design is
finished. In characters, it is needed 13 in the subcategories and 6 in the main categories. And I guess the subsub-category-box should be a litte wider.

First, the black borderline is to be like http://www.telsomeprivat.dk (we can even use the same backgroundcolors).

The idea is that there is a colored band (or like a long thin flag), in one color, that goes like a logical line in the category levels.
The band starts in the top right corner, where the user can choose "Private" or "Company", then the band somehow waving (a little bit like a flag or waves on an ocean or something) itself down to the 3 subcategories and end up in the subsub-category list.

So there is (hopefully) a natural "flow" in the category-hierarchy. And the band must "touch" all three subcategories on its path to the
subsub-catogries. At each end of the band, it widens to embrace the two endpoints, as I tried to draw. The band may not necessary be
of a fixed with, if you have a suggestion that looks good in the same style, don't be afraid to try
me out! But it shoud make room for the company name / logo (possibly slogan) on the top, that's why I went with a fixed narrow-width band.

The band color is in two versions, one for each of the two main categories.

In addition the Login-box and bottom-wave are in the same style.

The main categories and sub categories are empty white with a thin black border around (I cannot find an example now, but hopefully you understand). I will myself put in text and make the color the same as the band for the chosen categories.

All boxes and buttons is rounded in the "normal" fashion.

I will need the graphics sliced up into some pieces, like the header (pretty much everything where the band is), footer-wave, login-box and the subsub-box need to be in several pieces (to allow dynamically to grow or shrink).

And I most probably will need you to change the proportions (like bigger login-box, wider subsub-link box), higher space between the horizontalish part of the band to the top (to fit the yet not created logo and company name) and/or colors.

I hope you understood my idea!

Part 2, make web template:

Make the above design into xhtml/css template with the graphics from above sliced into the right graphic-files.

There are two main categories. When one is selected, the button gets a solid color, and the rest of the design takes the same color. The main buttons are halfway on the main "box" and halfway outside. The main button that is not selected could be of the color white (the same as the main box), or shoud it be transparent, what do you think would be best? The main categories needs to have space for 6 characters.

The same principle for the 3 subcategories-buttons, the active is in the theme-color, the unactive white (as the background). It is 3 subcategories for both main categories. They need to fit 13 characters.

The level-3 categories need to be a dynamic box, which changes hight depending on how many level-3 categories there are. If there will always be level-3 categories. They can be simple links, or maybe something a little more fanicer?

The login-box contains elements in the fashion seen at http://www.telsomeprivat.dk

A normal setup for fonts, linkcolors etc, but so it can be used in both main category theme colors.

That's it :) Oh, do remember to give a very rough estimate of how long time you would need to make this (I want to get started in a day or max two), as time may be of some importance to me!


Additional information submitted:

01/27/2009 at 0:29 EST:
Sorry, new to elance, I had not noticed the "Deliver within"-field! Ha, my bad, just skip over that part in the text you already have read ;)

Additional files submitted:
design-idea.jpg