Responsive redesign for a familie & lifestyle website

FitUndGesund

FitUndGesund is an portal which contains information about healthy eating, health, family, beauty, fitness and lifestyle.

http://www.fitundgesund.at

The design should be clean with an modern navigation menu and a lot of photos/images.

Please use the provided Logo and perhaps also the main color - Please try to find a design which fits to the logo.

We need a redesign for an existing information portal - "http://www.fitundgesund.at".
FitUndGesund is an portal which contains information about healthy eating, health, family, beauty, fitness and lifestyle.

Logo is available - you will find it as an attachement.
The design should be based on the grid from http://960.gs/ - please use 12 columns!!!

The main target of the site is to provide informations like recipes, cocktails, restaurant-infos, ... and NOT to get new registered users (the user-registration is only a small goody of the site).

==> WEBSITE MAIN TARGET
To provide information about healthy eating, health, family, beauty, fitness, ....

==> STYLE
The design should be clean with a modern navigation menu and a lot of photos/images.
Please use the provided Logo and perhaps also the main color - Please try to find a design which fits to the logo.

==> WEBSITE DEFINITION
- take care of the grid based on http://960.gs/ with 12 columns
- the portal and the design should be responsive (!!!)
- the "desktop" design wide should be 960 pixel
- the design should be centered in the browser-window.

==> WEBSITE STRUCTURE
- Header
- Navigation
- Main Content[- Right Area (but there must no be a strict defined right area)] must not it only can
- Footer

==> MAIN-NAVIGATION-ITEMS
- Krankheiten (=diseases and symptoms)
- Ernährung (=healthy eating & diets)
- Baby (=pregnancy & baby)
- Familie (=family & kids)
- Sexualität (=love & sexuality)
- Lifestyle (=fashion, lifestyle & beauty)
- Fitness (=sports, fitness & wellness)

INFO:
There will also be a submenu-navigation - i think the best solution is to show the submenu on mouse over the main-navigation points - there will be about 8 submenu points for each main-navigation point.

==> Links on FOOTER or HEADER (=Additional Links with lower priority)
- Impressum
- Sitemap
- Werbung (advertising infos)
- AGB (=general business terms)
- Datenschutz (=privacy)
- Kontakt (=contact)
- Newsletter
- Blog
- Gewinnspiel (=contest)

==> MUST/SHOULD HAVE
- Search-Field (very important!! with autocomplete: the design should also show what the autocomplete-result-box looks like.)
- Login/Registration Area for Users
- social Media Icons (e.g. Facebook, Google+, Twitter, Pinterest, Youtube, ...)
- breadcrumb navigation (the user should know on which subsite he is)
- a modern Main-Navigation with Sliding-Down-Sub-Menue. please show the slide down sub-menue also in the design or in an separete screen.

==> CONTENT AREA CAN (not must) contains:
- Teaser for Articles, Diashows, ...
- Please show different kinds of Teaser-Boxes (for the Desktop Version with 960 pixel wide) with different columnwides for example a line with 1,2,3 and 4 boxes ...
- you can design the content area as you want
- in the content area the most important items are the teaser boxes for articles please show different kinds of Teaser-Boxes (for the Desktop Version with 960 pixel wide) with different columnwides for example a line with 1,2,3 and 4 boxes ...

==> RESULT
Design-Result should be a PSD format/file
HTML format is NOT need!