Overblog
Suivre ce blog Administration + Créer mon blog

Recherche

16 juin 2006 5 16 /06 /juin /2006 06:14
http://www.bwoup.com/taf/cs/

Update de la maquette ! Reloadez la page :)
Tout est ajusté comme il faut.

Reste deux points à élucider :
1) le footer :
Y aura-t-il plus de contenu que ces 4 liens ?
Si non, est-ce que ces 4 liens sont censés être consultés souvent ?
C'est pour savoir si je dois les mettre plus en valeur ou si une certaine discretion suffit.

Cependant, je ne pense pas changer le motif de fond tel qu'il est actuellement (rajouter un dégradé n'est pas heureux avec les liens devant et la forme à droite).

2) la "navbar" :
Je parle de celle tout en bas ("comparer les prix", "produits phares", ... , "les catégories").
Comment doivent être traités ces liens ?
Est-ce une réelle navbar ou plutôt des liens de référencement ou encore des liens vers des featurettes de requètes sql ?
Quelle importance au niveau de l'ergonomie ?
Quand j'aurais plus de détail à ce sujet, je pourrais finaliser cette box.

J'attends donc votre feedback pour continuer sur la maquette.
Partager cet article
Repost0
15 juin 2006 4 15 /06 /juin /2006 05:32
http://www.bwoup.com/taf/cs/

Le début de la maquette pour Chrono-Shopping.
C'est pas terminé, ça bug encore sous IE (testé ok sous firefox 1.5), mais ça permet de se faire une idée.

J'aurais besoin de savoir si vous voulez des boutons qui changent sur onmouseover (bouton chercher, bouton ok et bouton voir offre) ?

Reste à faire :
1) graphiquement :
- rajouter un de graphisme dans la barre de recherche à droite
- travailler un peu plus le footer
- probablement réduire un peu la taille du logo
- refaire le slogan (et le replacer)
- skinner les boxes de la marge

2) intégration :
- optimisation IE (ha ha)
- css des liens des boxes de la marge

J'attends vos commentaires avec impatience ! :)
J'essaye de terminer ça ce jeudi en fonction du feedback pour être tranquille et enfin embrayer à fond sur over-blog...
Partager cet article
Repost0
10 juin 2006 6 10 /06 /juin /2006 04:22
Voici les différents essais de styles et de couleurs pour la composition finaliste retenue :

Brique foncé :


Magenta :



Orange :


Rouge :


Partager cet article
Repost0
7 juin 2006 3 07 /06 /juin /2006 04:28
Préambule :
J'étais tranquillement en train d'écrire cet article quand l'interface d'admin a crashé vers 5hoo du mat... J'ai perdu pas mal de commentaires -_-
J'ai du attendre que l'interface revienne à 6h du mat pour complèter.
Je retoucherais peut-être certains commentaires à tête reposée.
--------------------------------------------------------------------------------


Au final, voici quatre choix de couleurs retenus :

Remarques :
- chaque version a un jumeau avec une bulle en dégradé
- j'ai contrasté au maximum les roulettes du caddie, l'orange est maintenant bien flashy
- j'ai relevé l'idée de mettre un dégradé sur le lettrage, d'où certains essais dans ce sens
- j'ai noté sur 5 les essais des planches (1 = mauvais, 5 = top)



BLEU :
Le bleu semblait avoir la faveur du plus grand nombre


1 : 2/5 : sympa
2 : 1.5/5 : on perd en lisibilité
3 : 1.5/5 : bleu trop franc
4 : 1.5/5 : idem
--

1 : 1/5 : les éléments se séparent, on perd en cohérence, c'est mal.
2 : 1.5/5 : le dégradé rétablit un peu la cohérence, mais c'est pas ça
--

1 : 1.5/5  : le dégradé léger ajoute un peu de cohésion, mais le caddie reste trop discrèt
2 : 1/5 : idem, en pire
3 : 1/5 : le bleu est toujours trop dur
4 : 1/5 : idem
--

1 : 1.5/5 : le léger dégradé donne un peu de fraicheur à l'ensemble, mais ça reste assez quelconque
2 : 1.5/5 : l'ensemble est plus cohérent, mais le caddie est perdu
3 : 1.5/5 : le léger dégradé fait bien le lien avec la fumée, mais le caddie reste trop discrèt
4 : 2/5 : il y a du mieux; le dégradé recentre la vision sur le caddie, ce qui fait commencer la lecture entre le caddie et chrono, effet intéressant
--

1 : 1/5 : ensemble sympa, mais trop quelconque, et on perd le focus sur le lettrage
2 : 1/5 : l'ensemble est sympa, un peu mieux, mais on perd toujours le focus sur le lettrage
3 : 1/5 : caddie trop discrèt, chrono shopping trop lourd à lire
4 : 1/5 : idem
--

des tests avec du lettrage + fumée bleue et caddie en couleur, c'est sympa aussi
1 : 3/5 : sympa (magenta)
2 :  2.5/5 : l'orange est un peu fade, manque de contraste
3 : 3/5 : sympa aussi (rouge)



MAGENTA (fushia) :

1 : 2/5 : le contraste entre le caddie et la fumée est bon, chrono saute aux yeux et contraste bien avec shopping, il ne reste qu'à bien différencier le caddie de chrono
2 : 2/5 (dans cette version) : il faudrait alléger le dégradé de la fumée pour que le caddie se détache un peu tout en étant intégré à cette fumée, et cet ensemble contrasterait avec chrono tout en y étant rattaché (cf une planche de la première phase de recheche de couleurs) (je penche sur un 3/5 après modifs)
3 : 1/5 : trop rose ? :)
4 : 1/5 : idem
--

1 : 1/5 : non, le caddie qui se démarque ok, mais pas au prix d'une cohérence aussi bien graphique que sémantique; là on ne comprend plus
2 : 1/5 : idem
3 : 1.5 : on rattrape un peu l'erreur de ci-dessus; mais comme la base est fausse, la correction n'est pas efficace
4 : 1/5 : idem
--

1 : 1.5 : même remarques que pour la planche magenta01, mais le dégradé est trop fort
2 : 1.5 : idem
--


ORANGE :


1 : 1.5/5 : aïe mes yeux, trop de contraste entre l'orange et shopping
2 : 1/5 : idem, et le marron issu du dégradé orange sur bleu, bof
3 : 3/5 : c'est déjà plus harmonieux
4 : 2/5 : le dégradé dans la fumée est lourd; à revoir avec un dégradé plus léger
--

1 : 1/5 : trop de contraste entre les éléments
2 : 1/5 : idem
3 : 2/5 : le léger dégradé dérange plus qu'il n'apporte
4 : 1.5/5 : idem, et c'est fouillis avec la fumée
--

1 : 1/5 : non, le caddie qui se démarque ok, mais pas au prix d'une cohérence aussi bien graphique que sémantique; là on ne comprend plus
2 : 1/5 : idem
--

1 : 1.5/5 : pas trop de cohérence, un dégradé pas nécessaire, non.
2 : 2/5 : le caddie plus sombre sur un dégradé plus clair, ça fonctionne pas mal; le dégradé dans chrono est-il vraiment utile ?
3 : 1/5 : dégradé moche
4 : 1/5 : dégradé moche
--

1 : 1/5 : dégradé moche
2 : 1/5 : dégradé moche
--


ROUGE :

1 : 2.5/5 : simple et efficace
2 : 1.5/5 : le dégradé étouffe le caddie; à revoir avec un dégradé plus léger
3 : 1/5 : non, le caddie qui se démarque ok, mais pas au prix d'une cohérence aussi bien graphique que sémantique; là on ne comprend plus
4 : 1.5/5 : on pourrait croire que c'est bien, d'un point de vue général, mais le caddie lui-même est perdu au milieu de l'ensemble avec sa couleur trop claire
--

1 : 1.5/5 : le dégradé très léger est perturbant
2 : 1.5/5 : idem
3 : 1.5/5 : bonne idée, les couleurs sont agréables, mais le dégradé est trop contrasté
4 : 1.5/5 : idem
--

1 : 1.5/5 : je préfère la version sans dégradé, ici, ce dernier n'apporte rien en complexifiant
2 : 2/5 : plus intéressant déjà; à revoir avec un dégradé plus léger, pour avoir une harmonie entre les éléments
3 : 1/5 : oula non, ça fait associer 'no' à 'shopping' et on comprend plus rien
4 : 1/5 : idem
--

1 : 1/5 : le dégradé sur toute la longueur étire le logo, le rendant fatiguant à lire : on pense "ohlala de quoi ça parle" en le regardant, et on a plus envie de le lire
2 : 1.5/5 : un peu mieux mais trop étiré
--

Conclusions :
-------------
Couleurs (choix) :
- le bleu consolide l'ensemble, le rend plus sobre, mais fait perdre en contraste, en 'punch', et un peu en lisibilité
- le magenta est une alternative plausible à l'orange ou au rouge; le fushia c'est trop rose aïe mes yeux
- dans les oranges, je préfère la brique
- le rouge passe bien aussi
=> difficile choix ! ça sera question de goût

Couleurs (composition) :
- le caddie d'un ton différent de la couleur principale fonctionne
- le caddie d'une couleur différente de la couleur principale ne fonctionne pas
- de trop grands contrastes dans les dégradés ne fonctionnent pas
- les dégradés très légers sont à étudier au cas par cas

Composition générale :
- le dégradé dans la fumée bien utilisé est une arme de choix
- le dégradé dans le lettrage 'chrono' est tendencieux, souvent moche et/ou inutile, parfois tendencieux
- le dégradé sur tout le lettrage est rarement une réussite

Remarque : la planche bleu+couleurs est un compromis intéressant

---

 Voilà, le but principal est de choisir une couleur, et si possible un modèle de construction.
J'attends vos commentaires !
Partager cet article
Repost0
2 juin 2006 5 02 /06 /juin /2006 05:33
Résultats du premier batch de recherche :




Conclusions :
- avoir une fumée plutôt sombre efface le caddie, et alourdit l'ensemble
=> il faut avoir une fumée claire (plus claire que le caddie en tous cas)
- avoir "shopping" plus clair que "chrono" recentre la vision sur ce dernier mot, mais fait perdre l'attention pendant la lecture sur shopping, ce terme devient accessoire.
avoir "chrono" plus clair que "shopping" ouvre le logo, permet de centrer la vue sur "chrono", et fait le lien plus facilement entre le symbole et "shopping", formant ainsi un tout
=> il faut avoir "chrono" plus clair que "shopping"
- après moults tests, le choix d'un bleu pour la fumée devient une évidence
les autres couleurs font poussière, saleté ou prennent trop d'importance par rapport au caddie sémantiquement, de plus justifier de la fumée rose ou verte, c'est délicat. en bleu, ça peut toujours passer pour du ciel, donc ne pas choquer le 'lecteur'
=> avoir un bleu pour la fumée

---

Nouveaux tests basés sur les conclusions précédentes :





Conclusions :
- couleurs du caddie :
un jaune est illisible, un vert est étrange, un mauve ou violet passe encore, un bleu est sobre mais peut être trop discrèt, un orange/rouge/fushia ça va

- le dégradé sur la fumée :
j'ai testé rapidement, j'attends d'avoir les couleurs finales pour faire de nouveaux tests.
il y a des solutions intéressantes notemment l'exemple du bas de la dernière planche
ça 'complète' l'identité, ça intègre mieux le caddie

- les roulettes de couleur différente :
une idée au passage, ça rajoute un peu de peps, à vous de voir :)

---


Nouvelle batterie de tests basée sur la constatation suivante :
'chorno shopping' est un long terme, donc si globalement sombre, va s'imposer comme une grosse "tâche" graphique par rapport au petit symbole.
d'où, en gardant la volonté de détacher "chrono" de "shopping", l'utilisation d'une couleur assez flashy pour ce mot pour former un ensemble encore plus homogène entre les 3 éléments (symbole, chrono, shopping).




Conclusions :
- ensemble :
globalement, c'est plus léger, plus dynamique que les planches précédentes;
ça fonctionne d'autant mieux quand le caddie est d'une teinte plus claire que la couleur de "chrono".
les roulettes de couleur prennent encore plus leur sens pour détacher le symbole de "chrono" quand ils sont d'une couleur proche.
(attention : certains mélanges orange et bleu sont délicats à cause de la charte chronopost; donc non présentés)

---

A vous de choisir :
- votre couleur principale préférée
- validation de la fumée bleue
- choix de chrono en couleur OU en "sombre plus clair que shopping"
- roulettes de couleur OU non

A partir de là, je validerais moi-même et je ferais une dernière série de tests avec des effets de dégradés sur la fumée; puis validation finale.
Enfin, je fournirais les versions vectorielles du logo en versions spécifiques noir & blanc, tons de gris, RGB et CMYK.

J'attends votre retour ! ^^
Partager cet article
Repost0
25 mai 2006 4 25 /05 /mai /2006 04:44
Suite au premier retour, je me suis donc concentré sur le caddie-bolide.

Tout d'abord, un petit résumé de la solution retenue :

-----

J'ai travaillé sur les différents éléments pour avoir un certain choix sur les options à prendre pour le "montage" du symbole final.

Tout d'abord le caddie lui-même :

la forme originale
faire un caddie en couleur pleine sera à proscrire : on peut y voir une tête de chien
--

une version un peu plus formule1 :)
--
Merci de choisir :
- les roulettes : avec ou sans trous ?
(c'est pas très important, et ça ne se verra vraiment que sur des reproductions de grande taille)
- forme normale ou plus carricaturée ?
(là, c'est à vous de me dire, les deux me plaisent; on peut aussi pousser la carricature plus loin peut-être).

-----

Maintenant la fumée et les traits de vitesse :

Différents effets de fumée et de traits.
(la version en bas à droite me semble trop complexe au final, surtout avec l'adjonction d'une typo longue)
--

Une autre version de la fumée, et d'autres traits. Vroum !
--

De nouvelles fumées
--

La synthèse des fumées précédentes avec de la typo pour l'exemple
--

Toujours les mêmes fumées mais avec des traits.
Cette planche illustre bien l'importance d'avoir ces traits.
--

Nouvelles versions de fumées et de traits
--

Synthèse des fumées précédentes avec de la typo pour l'exemple
--
Merci de choisir :
* FUMEE :
- commençant derrière la roulette de devant OU commençant derrière caddie ?
- plus haute que le caddie OU même hauteur ?
- longueur égale au caddie OU plus longue ?
- bloc unique OU bloc + petits nuages supplémentaires ?
- fumée montante OU grosse OU tassée ?

* TRAITS VITESSE :
- juste dans la fumée ?
- extérieurs à la fumée ?
- etc ?

Personnellement, je penche pour une solution avec :
- de la fumée commençant derrière le caddie
- probablement de même hauteur
- d'une taille égale ou inférieure à la longueur du caddie
- en un bloc (pour ne pas confondre la fumée avec des tâches)
- pas forcément de fumée entre les roulettes (pour que la forme du caddie soit bien reconnaissable)
- et une fumée montante
(quelque chose comme le dernier exemple sur la planche 04bis par exemple, bien qu'elle ne soit pas encore totalement satisfaisante)

-----

Et enfin, après quelques heures passées à trier des typos (je vous épargne 50 planches :D), une sélection réduite :

On peut imaginer une typo faite maison.
Je préconise de l'italique dans le angle que celui du caddie, pour la cohérence.
Je n'ai pas d'avis concernant le tout majuscutes, le mixed case; quid du tout minuscules.
Une préférence dans le lot ?

A noter que si l'on part vers une solution encore plus carricaturrée et BD, on peut avoir une typo moins sérieuse, plus ronde et rigolote.


Voilà, j'attends vos retours.
Je me penche sur les couleurs demain.
Partager cet article
Repost0
24 mai 2006 3 24 /05 /mai /2006 05:18
Bonjour !

C'est repartir pour la recherche de logos, cette fois pour Chrono-Shopping !

Quelques remarques d'abord :
1) le terme "chrono shopping" est complexe et long; aussi :
- pour une meilleure lisibilité : à priori pas d'effets sur les typos pour garantir la lisiblité et optimiser la mémorisation (possiblement un effet sur la première lettre de chaque mot, mais sans plus)
- en contre-partie, un symbole efficace, si possible simple, qui synthétise convenablement le terme "chrono shopping"
2) concernant la symbolique, ici contrairement au cas over-blog, c'est bien plus simple. On a peu de concepts, et ils sont précis : l'acte de consommation en ligne, simplement, rapidement.

On a donc des pistes telles que :
- le chronometre (la montre, la pendule, etc) :
intéressant, synonyme d'efficacité et rapidité

- le caddie (le panier)
cible clairement le service rendu par le site

- la monnaie/les billets
l'argent est toujours quelque chose de tabou, surtout pour un logo; de plus il est plus associé à la banque qu'à la consommation (d'ailleurs on préfère souvent oublier le prix de ce que l'on achète hors promotions, or le site n'est pas spécialisé en promos)

- le sac d'achats
plus élégant que le caddie, un peu plus abstrait graphiquement, mais déjà utilisé !

- l'étiquette de prix
plus précis mais plus abstrait que le caddie, graphiquement très difficile à faire comprendre si non associé à un objet que l'on sait pouvoir acheter; ne sera surement pas une solution viable

-----
Bref voici les premières planches.
Merci de ne juger encore une fois que le concept, j'affinerais le(s?) candidat(s) final(aux?) par la suite.



des petits tests pour se mettre en jambe
--

une première idée de caddies, un peu dure graphiquement mais sobre et posée
par contre, pas de rapport avec l'effet chrono
--

la forme du caddie est plus sympathique, plus dynamique aussi
si l'on ajoute un casque, on a une touche comique, qui représente mieux le terme chrono, mais fait perdre du sérieux à l'ensemble
--

un bon compromis entre une touche de vitesse supplémentaire sans la perte de sérieux graphique avec l'adjonction d'un petit nuage de poussière derrière le caddie
--

même principe que la planche précédente; ici l'idée est de jouer avec le grillage du caddie pour le transformer en damier de ligne d'arrivée; néanmoins la touche sport mécanique est peut-être de trop
--


des premiers essais de jeu sur les lettres CS pour former un caddie
--

la suite des essais précédents, le résultat est intéressant mais peut sembler trop industriel
--

une déviation sur un jeu de typos et un parti-pris sur la composition du logotype (chrono toujours au-dessus de shopping)
--


CS en forme de chronomètre abstrait
--

la suite
--

encore de la suite
--

petite synthèse des chronomètres.
au final, on a certaines formes sympathiques, en prenant soin d'éviter que le S ressemble trop à un 5
le rendu pomme/fruit est rigolo, mais peut-être déroutant
les deux derniers essais (avec typo) de la planche sortent de l'image du chronomètre pour entrer dans quelque chose de plus abstrait mais aussi de plus mécanique (on conserve l'idée d'efficacité)
au final, l'abstraction obtenue renforce le côté plateforme technique au détriment du côté shopping, mais ce n'est peut-être pas un mal, à vous de me dire !
--

-----

Voilà, j'attends avec impatience vos premières réactions pour vite recibler la recherche.
Mais je réfléchis à d'autres pistes évidemment.
J'avance sur le logo Over-Blog en attendant.

A tout bientôt !
Partager cet article
Repost0