Archive for December, 2009

Saturday, December 19th, 2009

Un bien beau site que voilà, sur un thème qui nous passionne tous : la pêche à la truite.

Un site que tout le monde connaîtra donc : http://www.pechetruite.com/
Pechtruite, le site de pêche à la truite. Tant de créativité me fait presque peur.

Il y a trois choses sur le site qui sont bien :
* L’url, pour le référencement
* Le fait qu’il me donne du travail
* Les liens vers les photos de poissons déchiquetés

Beaucoup de liens bleus… Partout. Partout partout partout. C’est moche, inutile, illisible, bref, je vais pas commenter tous les défauts du site, mais me contenter de les corriger.

Tout d’abord, il faut une page d’accueil. Un “truc” pareil, ça fait fuir l’internaute, puisque seule l’URL est crédible. Il faut donc ferrer le visiteur (vous remarquerez un emploi de terme de pêche. Ahah.) Une page claire et simple. J’aime assez les pages qui demandent au visiteur d’entrer sur le site, plutôt que d’envoyer d’un seul coup une page pleine d’information.

1

Page d’accueil donc, qui résume le contenu du site, avec un bouton d’accès très clair et inratable; et des poissons bien sanguinolents.

2Puis, une fois entré dans le site, les quatre parties sont clairement annoncées de façon claire et directe. J’ai également ajouté un “logo” au site.
Par exemple, allons dans la partie “conseils”…

3On voit que l’interface est simple, les 4 parties sont rappelées en header permanent. Selon la partie sélectionnée, l’espace dédié à gauche change de couleur et de sous-catégories. La sous catégorie sélectionnée reste “allumée” tant qu’on la parcoure.

Une ergonomie simple et, je pense, efficace; toutes les informations sont disponibles en 3 ou 4 clics, le tout étant organisé et structuré de façon logique par catégorisation des contenus. Les différents titres et leur localisation sont choisis et placés pour être optimalement référencés. La partie forum spécialisé est également un atout pour le référencement, en générant de nombreuses connexions sur le site, ainsi que beaucoup de texte sur le sujet.

Je pense pouvoir dire qu’avec un site comme celui-là, je participe à l’éradiction des truites sur Terre.
Je persiste et signe : Kévin.

Créer un header

Friday, December 18th, 2009

Bonsoir, à tous, voici venu le temps des rires et des champs ! Non ce n’est pas le printemps, seulement les vacances de Noël.

Et pour fêter ça, moi Père-noël à mes heures perdues, vous propose ce tuto photoshop pour réaliser le header de vos rêves pour le site de vos rêves !

Mais qu’est-ce qu’un header me diriez-vous ? Hé bien c’est “le truc qui reste en haut de page” ! Après cette explication intéressante, explicite et surtout très étoffée entrons dans le vif du sujet si vous le voulez bien.

En premier lieu créer un document avec les paramètres suivants

1

2

Créez un nouveau calque puis prenez l’outil rectangle arrondi (U) avec un rayon de 15 px

3

Ce qui devrait vous donner ceci

4

Appliquez ensuite les options de fusion suivantes (double clique sur le calque)

5

6

7

Appuyer sur OK et voici ce que ça doit donner

8

Créez un nouveau calque, prenez l’outil ellipse et dessinez une forme comme ceci

9

Réglez le fon à 0%

10

Allez dans les options de fusion pour appliquez un fond blanc

11

12

Prenez l’outil rectangle (U) et dessiner un rectangle blanc en bas de votre Header comme ci-après

13

Retournez ensuite sur votre deuxième calque (celui du rectangle arrondi) et récupérez la sélection de votre header : Menu – Sélection – Récuper la sélection

14

Puis : Menu / Sélection / Intervertir (Maj+Ctrl+I. Sélectionnez ensuite le dernier calque que vous venez de créer et appuzer sur le bouton supprimer.

Appliquez les options de fusion suivantes

15

16

Voici le rendu

17

Prenez l’outil trait et tracez un trait dans la zone bleue et réglez l’opacité à 27%

trait

19

Dupliquez votre calque et déplacez le vers la gauche pour faire votre menu puis sélectionnez ces derniers et fusionnez les

18

Maintenant prenez l’outil plume puis tracez une ligne cassée

20

21

Créez ensuite une courbe en sélectionnant un point d’ancrage en maintenant la touche Alt appuyée puis glissez sur la droite à votre guise.

2223

Sélectionnez l’outil pinceau (B) est appliquez les paramètres suivants : Diamètre principal = 6px / Dureté = 0%

Retournez ensuite sur l’outil plume (P) cliquez droit sur la courbe et allez à Contour du tracé

24

Sélectionnez ensuite Forme dans le menu déroulant puis cliquez sur Entrée

25

26

Dupliquez votre calque 2 fois et positionnez le à votre guise

27

Fusionnez les 3 calques et appliquez les options de fusion suivantes

28

29

Voilà le résultat

30

Il ne reste plus qu’à nommer vos rubriques et le tour est joué. Ici Typo Bahaus

Et voici le résultat final

31

Sur ce, je vous souhaite à tous de bonnes vacances, du bon bourrage de dindes (et de Père-Noël pour ceux que ça tentent) et un bon stage.

FWA

Friday, December 18th, 2009

Après une grippe, Powo, le jeux marketing, la micro-agence, le research paper etc etc … me voici enfin opérationnel pour la réalisation de mon tuto.

Oui je sais, celui-ci aurait dû être publié lundi mais le temps m’a manqué et pour me faire pardonner de cet affront et avant d’entrer dans le vif du sujet  je vous conseil de découvrir ce site : FAVORITE WEBSITE AWARD à cet adresse => http://www.thefwa.com/

Un site qui répertorie et récompense les meilleurs sites recencés sur la toile, ça vaut le coup d’oeil.

C’est créatif, graphiquement splendide, drôle, loufoque et parfois sans aucun but réel si ce n’est le divertissement !

Enjoy et n’hésitez pas à vous en inspirer pour vos prochaines créas web.

Désormais place au tuto (dans le prochain post).

Le site le plus nul du Web !

Tuesday, December 15th, 2009

Etes-vous d’avoir déjà vu le site le plus nul du web?

Certes, avec toutes vos heures passées derrière l’écran, vous en avez vu des sites, et des nuls !

Mais dès que je suis tombé sur ce site, je me suis vraiment dit que j’avais jamais rien vu de plus nul….

Vous allez me dire que c’est pas vrai, mais regarder cette page : http://aaah.ifrance.com/

Je vous demande de cliquer, car je n’oserai pas mettre cela sur le blog de l’Iscom…..

Vous pouvez voir que ce site ne vous donne en effet aucune information. Même en cherchant bien, il n’y a pas d’autre pages avec un contenu d’information plus “intéressant”. De plus, il n’est pas agréable visuellement, nos yeux se sentent agressés par le regard porté sur la page.

Essayons donc de faire en sorte que ce site devienne un peu moins nul, en étant au moins attractif !

Voilà à quoi pourrait ressembler un site nul, mais attractif au minimum !

Qui aurait pu croire qu’en tapant “site nul” dans Google on aurait un résultat vraiment pertinent….et pourtant, voilà sur quoi on pourrait tomber.

Nul1

Cela ne vous donne pas envie de rentrer?

Allez un petit effort, il y a peut être des choses à apprendre…..

Vous avez cliquez car mine de rien, ce site vous intrigue, et que de toute façon, en bon geek, on clique de partout ;-) …..et vous tomber sur cette page…..

Nul2

Cela reste dans l’esprit initial du site; j’ai tenu à le respecter, mais en le rendant plus attrayant !

On peut donc voir que le site n’est plus d’un gris terne et inintéressant qui n’attire pas l’oeil, mais d’un jaune un peu flash, mais pas trop à mon goût pour qu’on ait envie de le regarder. Ensuite, ce site n’est peut être pas d’un intérêt réel (?) mais, de toute façon, il faut aussi trouver sur le web des façons de se détendre; et desfois, la seule chose que l’on recherche en allant surfer sur la vague internet, c’est d’oublier certaines choses, en pensant à d’autres, et quand on tombe sur des sites comme cela, on n’y reste pas longtemps, mais il nous marque ce site, et nous permet de penser à “lui” sans penser aux autres choses.

De plus, je suis sûr que vous avez appris quelque chose ! ;-)

Et cela, vous ne le trouverez nulle part ailleurs !

“ICEBERGS DROIT DEVANT !” • icebergs.free.fr

Thursday, December 10th, 2009

Bien le bonjour moussaillons !

Aujourd’hui, alors que l’heure est au stress et au travail intensif, laissons-nous voguer vers des toiles paisibles où vivent… d’effroyables montagnes de neige.

Effroyables ? Parfaitement, ni plus ni moins. En tout cas, c’est le sentiment que m’a évoqué mon premier accostage sur cette île dont le nom, au début, me faisait rêver : icebergs.free.fr.

Un site, qui comme son nom l’indique, traite un sujet délicat et peu commun : le trouble bipolaire.

Mais qu’est-ce donc que cela ?“, me diriez-vous.

Wikipédia est ton ami !“, vous répondrais-je.

Mais comme il est le mien aussi, je me permets de le citer :

“Le trouble bipolaire est une catégorie des troubles de l’humeur, auparavant appelé PMD Psychose Maniaco-Dépressive. Ce trouble est caractérisé par la fluctuation anormale de l’humeur, qui oscille entre des périodes d’excitation marquée (manie) et de mélancolie profonde (dépression), entrecoupées de périodes de stabilité.”

Charmant n’est-il pas ? Mais là n’est pas le sujet. Car la mission, en un premier temps, fut d’observer l’état graphique actuel du site, que voici :

Page d'accueil Icebergs

Un petit clic sur la photo et vous la verrez comme elle apparaît réellement à l’écran

Arrêtons-nous un instant sur cette page d’accueil.

Il est clair que la première chose qui nous vient à l’esprit, c’est de repartir immédiatement de là où l’on vient.

Quel monstrueux bazar que voilà. Visuellement, il est loin d’être esthétique, il manque indéniablement de clarté, des textes illisibles sur une image de fond en mosaïque pixélisée comme pas deux qui nous donne la chair de poule, … Bref, rien de bon. On n’est même pas passé à la page suivante qu’on boit déjà la tasse.

D’ailleurs, en parlant de page suivante, on peut voir sur celle-ci que l’image de fond reste inchangée, mais tout le reste est encore pire que sur la page d’accueil. Les boutons qui étaient placés au milieu de la page sans raison particulière, se retrouvent déplacés vers le haut, mais on ne retrouve plus le texte des anciens boutons… Heureusement qu’un dernier nous rappelle qu’il est toujours possible d’accéder à la page précédente…

Pour le plaisir des yeux ?

Puisque vous insistez.

icebergs_notre_association

Attention ! Les boutons deviennent actifs au survol ! Oui.. Ils ne l’étaient pas sur la page d’accueil.

Les informations sont placées n’importe comment sur des pages qui se cherchent entre elles. On est loin d’une navigation pratique, claire et agréable.

C’est ici que Photoshop mon ami entre en jeu.

Le but ici, est donc d’épurer convenablement ce site chargé par une image de fond en mosaïque. Ainsi, pour rompre tout lien avec celle-ci, autant miser sur un fond uni, blanc.

Ensuite, afin de faciliter la navigation et rester cohérent pages après pages, il faut garder une homogénéité entre elles.

Le jaune du titre nous rappelle, aussi agréablement soit-il, un souvenir d’enfance où nous nous amusions (pour certains d’entre nous) à écrire notre prénom dans la neige de manière plutôt cocasse et peu pudique. Aussi est-il judicieux d’en modifier l’apparence. Optons donc pour le blanc. Un blanc tout en relief sur fond bleu légèrement dégradé.

L’idée étant de rester dans l’esprit du nom de l’association, apparemment important pour les créateurs du site d’origine.

Une page d’accueil épurée au maximum, où quelques onglets dynamiques par leur roll-over correspondant aux principales rubriques font leur apparition sur la gauche, tandis qu’au centre, une citation d’un bipolaire connu (non pour sa maladie) vient susciter l’attention de l’internaute.

Mine de rien, on respire. Et ça fait du bien.

Mais trêve de paroles, voyons ça en images :

icebergs_accueil_new

La couleur des onglets change pour les deux plus importants, qui méritent d’être mis en avant : l’onglet de présentation de l’association, et l’onglet de contact.

icebergs_2_new

Ci-dessus, une page qui présente les projets et actions de l’association.

Dans un souci de conservation des éléments présupposés importants pour les détenteurs du site d’origine, il fut nécessaire d’en analyser leur possibilité d’insertion dans le nouveau graphisme.

Plus particulièrement la mention d’appartenance au sein de la FNAPSY. Placée en bas de page, et ce, sur chacune d’entre elles, cette phrase vient apposer une certification à propos du site.

_

C’est ici que se termine notre voyage au coeur des vagues perdues du Seigneur Poséidon. J’espère que cette prestation vous aura détendu et parue pertinente.

Et comme s’amuse à dire un fervent amoureux des mers sur petit écran, bon vent !

A vous de Buzzer !

Wednesday, December 9th, 2009

Aujourd’hui nous allons nous intéresser à ce phénomène dont chacun d’entre nous entend parler chaque jour, le buzz médiatique !  Qui n’a jamais rêvé de gagner une popularité inégalée en un rien de temps, été tentez d’assurer une communication efficace et à moindre coût, ou plus encore régnez sur la toile ?

Avec cet article, mon objectif est de vous donner les rouages du buzz et vous de vous donner l’opportunité de vous servir à bon escient de ce nouvel outil de communication incontournable !

buzzmarketing

Pour commencer, revenons sur l’Etymologie du mot buzz. Vous vous doutez surement que ces belles petites abeilles ne sont pas arrivées dans ce post par hasard ! Et pour cause, si les abeilles ont la faculté très intéressante de nous apporter du miel, elles ont aussi donner naissance à un nouveau terme marketing : bzzzzzz bzzzzz bzzzzzzz, un bourdonnement incessant, un essain qui se répand, le buzz est bel est bien né !

Si nous nous référons à notre illustre Larousse, dont le mot ‘buzz’ a fait une entrée fracassante en 2008 la définition est la suivante :

Le Buzz est une technique issue du marketing visant à faire du bruit autour d’un nouveau produit ou d’une nouvelle offre.

Cette définition n’en dit pas large, et pour cause le buzz est encore un phénomène récent qui cache de nombreux secrets … Beaucoup de personnes sont incapables de vraiment définir ce dont il s’agit, de nombreux groupes se persuadent de lancer des buzz sur le marché alors que ces derniers font tout simplement de la publicité.

Une règle d’or, le buzz doit avant tout susciter, provoquer, et marquer son spectateur.

Et voilà pourquoi il vaut mieux parfois préserver roulettes à son vélo avant de tomber brutalement sur le gravier et ne pas se relever .. Et oui, le buzz si il parait simple ne peut pas garantir tout les succès ! Et pour cause, aujourd’hui tout le monde veut faire du buzz, la règle fixe la tendance … Mais la tendance a des règles et  si buzzer peut conduire son entreprise à un succès fulgurant elle peut aussi garantir des échecs impardonnables pour un facteur primordial, celui de l’image.

Buzz, éclaire votre succès !

buzz-lightyearPour un dirigeant marketing, le buzz est devenu un illustre césame ! Aussi précieux que celui que l’enfant trouvera au pied de son sapin dans quelques jours ! Et oui, un jouet dont on ne se lasse pas et qui peut assurer des opportunités économiques remarquables.

Le buzz éclaire l’espoir des sociétés à l’heure ou la crise économique fait rage et ou la recherche de créativité est constante et perpétuelle. Bien entendu, le développement des nouvelles technologies est loin d’être étranger à l’émergence de cette nouvelle stratégie.  On assiste avec cet outil de communication à une interaction percutante, qui rejoint la quête constante des besoins de l’Homme du XXIème siècle.  L’internet dote d’un nouveau pouvoir : celui de sélectionner et devenir un véritable acteur au milieu d’une toile en constante évolution. Chacun peut promouvoir son talent, ses services et ses ambitions à l’aide des réseau sociaux et les sites d’hébergement interactif tel que youtube & dailymotion.


Je vous propose à présent de découvrir un exemple d’une campagne de communication intégralement orchestrée dans l’optique de déclencher un buzz médiatique. Un coup de pub des plus original et loin d’être passé inaperçu puisque l’opérateur T mobile a enregistré plus de 10 millions de vues de ces vidéos relayés sur la toile en seulement quelques jours …

Le 15 janvier vers 11h, alors qu’une musique entraînante se met à résonner dans tout les hauts-parleurs de la gare britannique de Liverpool, des danseurs exécutent quelques pas au milieu des voyageurs qui s’arrêtent et se posent en spectateur d’un curieux spectacle …

YouTube Preview Image

Les plus grandes marques se permettent même de dévoiler leur esprit coquin afin de provoquer et amuser leur spectateur. Diesel a ainsi susciter la polémique avec sa Vraie Fausse Pub Porno qui a enregistré plus de 140 millions de vue sur la toile internationale en quelques semaines ! Imaginer le gain en achat d’espace … Plutôt tentant non ?

http://www.dailymotion.com/videox6v8q0

Si il en va des marques il en va bel et bien aussi pour les sociétés de production. Si Co Tv produit Britain Got Talent en Angleterre et a assuré l’empreinte médiatique de l’année avec la révélation du buzz Susan Boyle. Télés, radios, internet, pendant plusieurs semaines le mythe Boyle a franchit les frontières et a assuré une audience inégalé. Avec un tel succès, le dream de Si cO tV a bel et bien été réalisé ! Un conte de fée parfaitement orchestré par la société de production qui a l’avance avait prévu la réaction du public face à cette grande Susy.

YouTube Preview Image

On continue ! Vous avez adorer le détester pendant plus d’un an, Mickael Vendetta a votre plus grande déception est bel et bien le buzz médiatique numéro 1 en France pour l’année 2008-2009. Plus de 100 millions d’internautes sont aller l’insulter sur son skyblog officiel, sa web réalité produite par Trendy Prod a réuni plus de 60 millions de spectateurs et ses apparitions télévisuels ont assurés les plus grands pics de records d’audience de l’année à ses chaînes. Une idée stratégique qui a donc prouvé tout son succès, mettre sur le devant de la scène un jeune homme arrogant, prétentieux,narcissique pour provoquer un public français encore trop ancré dans ses ‘valeurs’ morales. Et la preuve, même si beaucoup le réfute, sa marche!

http://www.dailymotion.com/videox7yjjq

N’est pas Buzz qui veut …

buzzorbustEt oui, si faire du buzz est bel et bien dans la tendance, jouer dans cette cour peut parfois couter très cher. Un buzz raté est un terrible échec puisque c’est lorsque l’on découvre que le buzz a été créé pour buzzer que tout s’effondre .. Compliqué ? Non, vous allez comprendre …

Le buzz comme stratégie marketing c’est à la mode, tout le monde veut buzzer ! Mais souvent, beaucoup oublient que dans cette stratégie l’erreur n’est aucunement permise. Et plusieurs grands groupes en ont bien entendu fait les frais.

Et pour rejoindre l’actualité, je suis certain que plusieurs d’entre vous n’ont pas échappés au buzz raté du pathétique Paranormal Activity.

Paranomal souffre très certainement du buzz insensé qui le précède, mais le film n’en demeure pas moins raté. Le spectateur lambda étant depuis un long moment habitué à tout ce travail superficiel d’ancrage dans le réel (remerciements du studio, pas de générique de début, épilogue sous forme éditoriale), cette petite histoire de maison hantée par un spectre invisible peine à maintenir l’attention et, surtout, la tension. La faute à des personnages antipathiques (un homme simplet voire idiot, une femme hystérique) et à des acteurs maladroits, le spectateur se demande franchement pourquoi il devrait avoir peur pour eux. Pas dramatique en soi, il est seulement là pour sursauter. Mais là encore, grosse déception. Construit sur un schéma ultra répétitif (journée calme / nuit angoissante), l’histoire semble s’allonger à l’infini, et la lenteur du récit détruit les rares séquences un temps soit peu effrayantes. Dans un premier temps, on attend les nuits avec impatience, guettant le moindre son suspect, le moindre mouvement de porte ou de couette. Et rapidement, on réalise que rien ne sera à la hauteur des espérances, et pire, à la hauteur d’un banal film d’horreur du samedi soir.

YouTube Preview Image

Retour sur le bide de l’année …


L’événement a tourné à l’émeute. Des heurts se sont produits aux abords de la Tour Eiffel, après l’annulation à la demande des autorités de la distribution d’argent organisée par le site internet Mailorama.fr. Des vitrines de magasins ont été brisées, des jeunes passés à tabac pour leur portable ou leur sac, des journalistes agressés et une ou plusieurs voitures endommagées près de l’école militaire. Avant le début des heurts, le président de Rentabiliweb, maison mère du site internet Mailorama.fr, justifiait cette annulation. “Nous nous sommes aperçus que la sécurité allait être difficile à assurer“, avait déclaré Jean-Baptiste Descroix-Vernier, alors que jusqu’à 7.000 personnes s’étaient massées sur les lieux.

Et là c’est le drame …

YouTube Preview Image

Cet article arrive a son terme, j’espère qu’il vous aura éclairer tout comme Buzz sur l’importance de ce nouvel outil de communication, mais qu’il aura aussi fait appel à votre prudence dès lors que vous devrez l’intégrer dans vos prochaines campagnes. En d’autres termes, on peut tous faire du buzz mais le succès n’est pas garanti à tous !

Qui ne tente rien n’a rien …

A vous de buzzer ;)

YouTube Preview Image

Relooking croustillant (machine-a-pain.fr)

Tuesday, December 8th, 2009

Ma boulangère, quoi qu’extrêmement mignonne, me voit de moins en moins. Plus que la recherche d’économie, ma paresse aura eu raison de son chiffre d’affaires : j’ai acheté une machine à pain. À son acquisition, et parce que bien piètre ménager, mon premier pain fut une véritable catastrophe : 3cm de hauteur et encore liquide à l’intérieur, autant vous dire que j’ai eu peur. En bon geek que je suis (décidément pleins de défauts ce garçon), j’ai du me résigner à taper « fabrication pain machine à pain » sur Google. La cuisine 2.0. Voilà sur quoi je suis tombé.

mapvieux

Diagnostic

Le site m’a bien aidé. Son contenu est bon et relativement clair. Cela dit, niveau design pour être artisanal… c’est artisanal ! Un site sans prétention ? Probablement. Sauf que voilà, un étudiant en com’ passe par là, et décide de tous rationaliser au nom du tout-à-la-com.

Le site utilise une interface de gestion de contenu Sagace qui ne semble pas placer ses atouts dans le graphisme et la navigation.

- Le design est bleu ciel, un fond gris et une texture à petits carreaux. C’est très scolaire, peut-être trop pour un site censé aider les apprentis boulangers.

- La navigation  est difficile : Un menu de gauche brouillon, les rubriques principales au centre et un bas de page dans lequel on n’ose pas s’aventurer.

Le tout n’est pas foncièrement repoussant (la preuve, j’y ai cherché ce que je voulais) mais manque « d’âme ». On va donc mettre la main à la pâte et pétrir le tout avec nos bons sentiments publicitaires.

Proposition

Photoshop, Ok. Dreamweaver, Ok. Word, Ok. Il ne me manque plus qu’à savoir comment marche une machine à pain :)

Un logo, un logo !

L’actuel n’en est pas un, qu’on soit clair. Un logo c’est beau, c’est facile à placer et c’est super pour le mémo technique. Ça peut paraitre prétentieux aussi, mais en n’y mettant pas trop de professionnalisme (on garde le côté artisanal), on peut en faire un bon instrument d’identité. Je me suis inspiré des logos Bannette™ et The Bread Baker Co.™. L’idée est de créer un lien entre ces marques, l’aliment et le site internet. En sorte qu’à partir d’un site de conseils, on soit transposé dans l’univers du pain de qualité.

map

Un header, Un header !

Graphiquement, la dominante est beige / rouge et les formes moelleusement arrondies. Le logo cliquable permet de revenir à l’accueil, et ceux sur toutes les pages du site.

Et parce que la madame qui s’occupe du site a besoin d’un peu de $, on n’a pas oublié les publicités. Celles-ci ont été placées au dessus des boutons de navigations principaux pour créer un taux de click optimal.

Pour ce qui est du reste, nous avons choisi d’isoler les 5 rubriques les plus populaires et pertinentes du site. Ce système permet au visiteur d’accéder rapidement à toutes les pages voulues sans nécessairement revenir à l’accueil.

pain1

Et le contenu ?

Sans sophisme aucun, la simplicité fut de rigueur. Le texte, le titre et le menu central étant bon (en termes de référencement et d’image perçue), j’ai décidé de les garder. Je l’ai accolé à une publicité large dans une zone (très) chaude du site. Toujours pour optimiser le taux de click.

Innovation cependant dans la partie basse du site. Deux encarts ont été placés pour mettre en scène l’exhaustivité du contenu offert par ce site. Les « derniers articles » permettent de créer de l’actualité et « le top des articles » une redirection vers les pages favorites des lecteurs. Cependant, n’ayant pas accès à la base de données, je n’ai pas fait figurer le contenu de ces colonnes sur l’image.

Mais encore ?

Sortons de la page d’accueil et mettons la main au four. J’ai décidé de n’illustrer qu’une seule page qui servira de référent pour toutes les autres. En effet, le site ayant un contenu généré par sa communauté, les modèles de pages sont semblables en tous points (seul le contenu change). À droite, une barre de menu présente l’auteur, quelques annonces Google et un « nuage » d’articles qui rallonge la navigation du lecteur. Le bas de la page ne comprendra pas les deux colonnes présentées plus haut : une histoire de référencement (il y aurait trop de liens doublons à chaque fois) et de légèreté des pages.

pain2

Certaines sections spécifiques auront une interface légèrement différente : le forum ou les pages de contact notamment.

A ce propos j’ai décidé de retirer deux sections : Tchat et foire aux questions. Déjà parce que d’expérience, on se rend vite compte qu’elles font doublons avec le forum. Ensuite parce qu’elles sont peu pertinentes dans le cadre d’un site de machine a pain : l’essentiel des questions répondent à un critère d’immédiateté qu’un site aussi spécialisé ne peut pas donner. Qui visite tous les jours le tchat d’un site de machine à pain pour sauver les ménagères d’un mode de cuisson mal choisi ? Soyons réalistes. Si de l’aide est nécessaire, le visiteur doit pouvoir la poser sur un forum ou une communauté fidélisée pourra lui répondre.

Conclusion

Le site est maintenant plus chaleureux. Le choix des couleurs certes, mais aussi grâce à un certain nombre d’aérations nouvelles qui donnent l’esprit maison souhaité. C’est doux, artisanal et agréable du 7 aux 77 ans.

Un problème subsiste cependant : comment intégrer ce design à une plateforme de contenu complexe ? Si les sites ayant choisi Sagace ont gardé l’interface de base, un certain nombre d’includes permettent une adaptabilité du code que nous appliquerons à ce design.

Bon appétit.

Sites à connaître !

Sunday, December 6th, 2009

Voici deux sites qui sont de véritables pépites;
The Learn List est un site qui regroupe les meilleurs tuto sur la suite adobe ou le web. En plus de cela, ce sont exclusivement des ressources gratuites. Seul défaut, les sites sont souvent en anglais.
http://www.thelearnlist.com/

Blue Vertigo est une banque de site internet en tout genre. Il référence des centaines de sites utiles en milieu professionnel. Par exemple il références toutes les banques d’images existantes. Ou bien les sites de vecteurs, de textures, de police gratuite et payante etc…
http://www.bluevertigo.com.ar/bluevertigo.htm

À regarder à tout prix.

Dessine moi Internet ! La vision étrange de la toile…

Thursday, December 3rd, 2009

Le site où Kevin Kelly a proposé à une cinquantaine de personnes de dessiner leur propre carte géographique d’Internet. Original et surprenant !

 

 

arton7402-57d5e

« Internet est vaste. Plus grand qu’une ville, plus grand qu’un pays, peut-être aussi grand que l’univers. Il grandit chaque seconde. Personne ne connaît ses frontières. Et l’internet est intangible, comme les esprits et les anges. Le web est un immense terrain fantôme d’endroits désincarnés. Qui sait si vous êtes vraiment là, là. Pourtant, tous les jours nous naviguons à travers ce royaume éthéré pendant des heures et en revenons en vie. Nous devons avoir une carte dans notre tête.

 

Je suis très curieux de connaître les cartes que les personnes ont dans leur esprit quand ils entrent sur Internet. J’ai donc demandé à des gens de me dessiner une carte de l’Internet comme ils le voient. C’est tout. Plus de 50 personnes de tous âges et de niveaux d’expertise ont tracé leur géographie du on-line » raconte, sur son blog, Kevin Kelly, rédacteur en chef fondateur du magazine Wired.

En forme de spirale, d’étoile, de cerveau, toutes les cartes sont à découvrir sur un compte Flickr. Mais l’aventure ne s’arrête pas là. Kevin Kelly invite tous les internautes à télécharger un pdf vierge pour y représenter sa propre vision géographique d’Internet, en figurant « Home » (Maison). Et en indiquant son âge, son activité le nombre moyen d’heures passées par jour sur Internet.

« Cette cartographie pourrait être utile à certains sémiologues ou anthropologues », espérait t-il en lançant le projet début juin. A peine son souhait émis, Mara Vanina Oses, professeur à l’Ecole de Psychologie de l’Université de Buenos Aires, réalisait une étude taxonomique de ces premiers dessins afin d’en tirer les principaux concepts et morphologies. Son rapport est visible ici (pdf).

theinternet2-463f5

 

 

theinternet3-9cb1c


theinternet6-d9381

 


map3

 


map1

Article extrait de l’article http://www.ecrans.fr/Le-site-du-jour-Dessine-moi,7402.html

Relooking de Facebook

Wednesday, December 2nd, 2009

Facebook facelift est un projet personnel du designer australien Barton Smith. Son challenge : redesigner la forme et les fonctionnalités du réseau Facebook. L’interface est plus compréhensible et met l’accent sur l’expérience utilisateur et le contenu.

facebook-facelift-by-barton-smith-001-550x368

facebook-facelift-by-barton-smith-003-550x368

facebook-facelift-by-barton-smith-004-550x368

facebook-facelift-by-barton-smith-006-550x368

Source : fubiz.net
lien : http://www.fubiz.net/2009/10/19/facebook-facelift/