In general, we really like the website http://www.jardins-familiaux.asso.fr/ as a reference. It's clean, represents nature colors and layouts. Our website will however be a little bit simpler (less module elements, less heavy, as we have less content).
Please note that the website will be in french but for a better understanding here, we always put the french names and the english translation in ().
Both layout versions will have:
- a header, with search field, and following menu elements: Accueil (Home) / L'association (The association) / Histoire (History) / Groupements (Groups) / Projets & recherche foncière (Projects & property Research) / Liens (Links) / Contact. Also we would like a small intranet button in the header. When they click a lightbox allows them to login to the CMS.
- a footer, with copyright & contact link
HOME PAGE LAYOUT
This is the main page where visitors will arrive. It must be clean and the visitor must easily find what he is looking for.
On http://www.jardins-familiaux.asso.fr/, you can see this green area shape below the header, with text and illustrations. I think we can have something like this on our website, but with sliding images inside, and maybe green / brown lines to make the shape, around it...
Below this slider, we would like to have a little text to welcome the user, about 1-3 paragraphs.
Below this, we also want to have 3 modules that will link to different parts of the website, as on the reference website.
First module title will be "L'association". for the text below it, please use Lorem impsum. Second module "Groupements". Third module "Projets".
We could have a vertical column on the right, with 2 modules: Subscribe to newsletter, and a list of next events (or maybe in the form of a calendar with highlighted dates)
INNER PAGE LAYOUT
As on the home page, below the header, we can maybe have a slider or a green shape, but probbaly much smaller because we will have more text content below.
Below this area, we need to have the title of the page aswell as the content (text + images). Please use lorem impsum text for the moment.
We will have a second vertical column on the right, with 3 modules:
- Agenda (with next events, detail when we hover a date)
- A module with a sliding photo gallery (random images)
- Newsletter subscription
We have attached a ZIP file containing different images you can use in the design.