Design-refresh for medical website needed - especially responsive!

Prevention Center

The Prevention Center stands for top level medical and aesthetic services at affordable prices and is a top address for plastic surgery in Switzerland. By combining cosmetic and medical services we offer our clientel a comprehensive, optimised and individually coordinated service - good-value beauty packages all in one location. Cost-effective aesthetic treatments and beauty packages complete the offering.

http://www.prevention-center.com/

Dear Designer,

we need a redesign especially for the responsive versions of this website: http://www.prevention-center.com/
The desktop-version should only get a design-refresh.

Colors you should use:
granit, blue, white and black (for typo). Please work with the colors you can see in the logo. We just need to get more contrast - right now that light blue is very hard to read - especially on mobile devices.

Main-Navigation-Desktop:
The Main-Navigation will be a little compressed. So that it should only contain "Home"-"About us"-"Beauty"-"Surgery"-"Contact".

Homepage-Desktop:
Currently, there are these boxes right underneath the text of the homepage. These need to be removed. But there need to be something else, something eyecatching. It may be a video or the team? Try it out.

Landingpages-Desktop:
It is very important that keyfacts about a treatment and contact options are presented more clear. They need to be seen, before the whole content part (text) starts. Maybe there is a way to go away from the 3-Column layout - to a 2-column layout. So that on the left, there are still the treatments - but the Keyfacts and Call to Actions may be exclusivley presented on the top instead of on the right.
If you also find an option to let the text be structured in a better way, just try it out. It's just important that the text is present, regarding SEO.
It would also be great to see, how a contact form could look like at the end of treatment pages.

Desktop-Call-to-Actions:
There need to be three types of "Call to Actions" - "Call" + "Call me back" + "Contact". Those are very important and should be easy to use.

Main-Navigation Responsive:
Should Only Contain "About us" - "Beauty" - "Surgery" - "Contact. "About us" will be used as the homepage, so that people instantly see what the prevention center is all about. Therefore the About us needs to contain a pricelist.
Kick out the social Icons that you can see in the mobile-Menu. The navigation needs to be super easy to use - keep it simple! Navigation should be made as easy as possible.

Homepage-Responsive:
Let the user instantly know what the prevention center is all about. So that the Homepage represents the "about us". Find a way to show all needed information on one site (team, press, news, etc.). Call-To-Actions do have an absolut priority! As described before, they need to "Call", "Call me back" or see the "Contact"-Page.

Landingpages-Responsive:
It is very important that keyfacts about a treatment and contact options are presented instantly on every treatment page. They need to be seen, before the whole content part (text) starts. The way we want to handle text on mobile (tablet, etc.) is different. We want the user to decide if he wants to read certain text parts or not. So maybe the existing jump menus could be used as boxes that can expand on click(tab). The Keyfacts and Call to Actions may be exclusivley presented on the top instead of on the bottom.
It would also be great to see, how a contact form could look like at the end of treatment pages.

Contact-Forms in general:
Make it as easy as possible. It's not easy to use contact forms on mobile devices.

All in all the website needs to look more structured and more clear (especially on the treatment/landingpages).

Please create those sites:
-> Homepage Desktop + Mobile + Tablet
-> Treatment-Site Desktop + Mobile + Tablet
-> Contact-Site Mobile+Tablet+Desktop

We do need the design as pdf + psd. Also a detailed stylesheet is needed!

We're looking forward to great designs!