Maquette (13)

21.08.2006

J'ai repris de 0 la conception de la maquette pour la partie portail.
Il valait mieux reprendre une base saine pour conserver les idées claires au lieu de s'embrouiller dans de la retouche et du bricolage suite aux multiples changements demandés, notemment de structure de mise en page.

Bref, résumons les axiomes conceptuels :
- une mise en page 3 colonnes, plus précisément 1 marge à droite (de nav) et une zone centrale de contenu à gauche pouvant accueillir 2 colonnes de taille identique.
- toutes les colonnes doivent faire 300px de large mini pour accueillir une pub 300x250.
- la mise-en-page doit se rapprocher de celle d'un portail classique d'information, la partie 'administration' du site pourra être plus 'funky'

D'où les axiomes graphiques :
COULEURS :
- Gris Sombre : Action
- Beige : Navigation
- Blanc : Contenu
- Orange : Blog / Compte Utilisateur
- Bleu : Liens / Contenu highlighté
FORMES :
- Arrondis (10px): Action
- Arrondis serrés (5px et -): Navigation
- Carré : Contenu
TRAITEMENT :
- Relief / Gadget : Action
- Aplat & dégradés légers : Nav & reste

De là découle un premier jet :
http://www.bwoup.com/taf/ob/maquette_graphique/actualitenew.html
*reload le cache*
(j'ai tout cassé dans les css, donc les autres pages sont moches)

Pourquoi quoi comment :
1) Header :
- juste le logo et la boite de login à droite avec du blanc autour du logo pour le laisser respirer
- une fois loggué, on peut avoir 2-3 gros boutons à la place de la boite de login dont Publier et Configurer
2) Zone promo :
- re-maquettage à venir
- je tiens à garder cette zone ici pour plusieurs raisons notemment :
* la mettre à droite du logo étouffe ce dernier et pose des problèmes ergonomiquement
* cette place 'centrale' lui donne une bonne visibilité pour la présentation du produit over-blog, vecteur de ce qui est votre but : obtenir de nouveaux utilisateurs.
* bien sur elle est censée toujours fonctionner en 2 modes, full et réduit.
3) Navbar :
- exit les couleurs différentes par rubrique par soucis de simplification/sobriété, hormis myob qui doit être bien visible
- searchbox compatible avec les axiomes de la charte graphique; de plus elle s'intègre mieux avec la marge de droite
- contient discrètement l'arrondi miroir de celui du bas de la bulle du footer, pour fermer la zone de contenu
4) Zone de contenu :
- marge de droite plus homogène et discrète, néanmoins lisible quand on y cherche une information; l'habillage de la boite de pub est à revoir
- contenu principal :
* boite "highlight" pour mettre en avant un contenu intéressant (ici les dernières news; sur d'autres pages celà pourra être par exemple la description de la communauté en question pour la page d'une communauté)
* les boites de contenu de sont plus vraiment des boites mais de simples paragraphes, plus clairs/moins lourds
5) Footer :
- bulle refaite, elle prend moins de place en hauteur maintenant
- arrondis plus discrèts, en adéquation avec la charte

Voilà, dans l'ensemble ça fait plus sérieux, plus standard.
La navbar et le footer sont les éléments les plus aboutis actuellement, le reste est plus ou moins en chantier.
Si le logo est retenu, j'appliquerais une répétition du motif de spirale et/ou de la bulle sur certains éléments graphiques pour plus d'homogénéité et d'attrait graphique.

J'attends avidement vos commentaires !