[Cc-webedit] Design detail from yesterday's meeting

[alistair alexander]

Morning all,

You'll simply have to wait until this evening for my marvellous minutes.
But, in our meeting yesterday Tim and I were going to add some detail on
look and feel, design etc on the train. Tragically, however, First Great
Western's anti-bike nazis foiled our plans by making me miss 3 trains before
i could get back to london.

So here's my hasty effort at adding to the design brief, based on our
dicussions yesterday. I also think we should ask them to produce a generic
content page template, with all the standard styles on it,as that will be by
far the most common page on the site - so i've put a bit on that too.

God bless you all,

ali


*Design requirements*

The Climate Camp website is the Camp’s main platform for directly
communicating with the wider public, the media, as well as climate activists
in the UK and far beyond.

The website design should be high-impact and designed to engage casual
visitors.  The look and feel should also reflect that Climate Camp is:

·         a dynamic and inspirational movement,  set up to support and
facilitate* *direct action on climate change

·         far more than one climate camp every year – this year we have had
G20 in the city, we’re planning a mass action in October, we launched “e.on
f.off” and we’re organising for Copenhagen in September

·         is growing fast – this year there’ll be climate camps in Wales,
Scotland, Ireland and dozens more throughout the world. (This website is for
Climate Camp in England, but, obviously, we want to support other climate
camps as much as we can)

Climate Camp is not a “brand”, a monolithic, centrally-controlled identity;
Climate Camp is a movement and an idea, based on a loose, but committed
network of engaged people and autonomous groups.

Typically Climate Camp produces a huge range of print publicity very year
using very diverse graphical styles for our different actions and activities
(assets to be supplied). And these are often produced by different groups of
people.

Our website should be designed to accommodate – and celebrate - this
creative diversity and the website design should not be directly influenced
by any previous publicity design assets.

For that reason the masthead with a climate camp logo should be relatively
“neutral” so as not to clash with other promotional design assets we chose
to highlight on the website.

We have a large amount of excellent photography and we’d like the design –
particularly our homepage - to use our stock of imagery for maximum impact
(images to be supplied).

We’d also like the design to be dynamic and arresting, and, as far as
possible, we’d like it to avoid compartmentalising content elements into
rigidly defined “boxes”.



*Homepage*

As with all websites our homepage is hugely important. The main focus of the
homepage should be:

·         A high-impact, image-based area publicising our next action/event
– this should have space for an optional title and some intro text of
variable length

·         Scope for image-based promotion of 2 – 5 other future actions
and/or callout items (for example workshop submissions or promoting details
of next monthly gathering)

·         A single sentence explanation of climate camp. This might be
changed or tweaked in the future, but for now we intend to work with:
“Climate Camp is a fast-growing, grassroots movement of diverse people
taking action on Climate Change, the biggest threat our world has known.”

·         An area for latest news and/or blog entries – this could be taken
from our website blog, press releases or from an external feed from an
indymedia-style site.

·         A prominent link or button to the “Get Involved” page, saying
something like “Want to get involved in stopping climate chaos? Here's how!”

·         A “donate” link which should be obvious but not huge



*Templates*

*Generic  Content Page *

This should be the standard content page and should be as flexible as
possible.

This should contain styles for:

·         Page title

·         Intro text

·         Body text

·         Sub-header 1

·         Sub-header 2

·         In-text links

·         Separate link list (i.e in right-hand margin)

·         In-text images (incl. size, style, caption)

·         All standard form elements

·         Page-body Highlight box – for break-out text within article
-------------- next part --------------
An HTML attachment was scrubbed...
URL: <https://lists.aktivix.org/pipermail/cc-webedit/attachments/20090706/2b38f4dc/attachment.htm>