Depuis Juin 2009, mon site sur les films de vampire s’est offert un fil Twitter (@FilmsVampires).
Bon, avoir un fil Twitter, c’est bien, en faire quelque chose, c’est mieux.
J’ai donc mis en place toute une organisation pour le gérer le plus efficacement possible (sans que ça me prenne trop de temps parce qu’il paraît que j’ai une vie et un boulot en dehors de mes chers vampires !)

Comme je suis une éternelle insatisfaite, que je veux toujours la petite fonctionnalité peu rependue mais si indispensable à mes yeux et que je suis capable de tester-utiliser-déprécier autant d’outils que j’en trouve, j’ai un tour d’horizon à vous proposer.

Besoins

Pour chacun des points ci-dessous, il faut que je puisse le faire depuis la maison, le boulot ou ailleurs. Il me faut donc nécessairement une application en ligne.

Avant tous, je cherche à pouvoir programmer des tweets. Le but est de consacrer un temps restreint de ma journée aux vampires et qu’ensuite ils se débrouillent tous seuls, sans que je doive apprendre les dates des événements vampiriques par cœur. Cela me permet aussi d’étaler l’ensemble de mes tweets-vampires dans la journée plutôt que de tous les faire dans la même demi-heure.

Je ne suis pas la seule à twitter sur les vampires. Il est donc important que j’ai un œil sur les autres fils d’actualité vampirique pour pouvoir re-twitter les infos qui m’intéresse.

Après avoir ouvert mon fil Tweeter, j’ai rapidement ouvert un fil Identi.ca. J’ai également une page Facebook Films-vampires.com, une « timeline » Friendfeed, etc. Autant de pages sur lesquelles, en plus de la page d’accueil du site, les tweets doivent être répercutés.

Bien sûr, je mets souvent des liens dans mes tweets. Bien sûr, ces liens doivent être raccourcis. J’aime bien pouvoir personnaliser mes liens, c’est-à-dire avoir « twilight-interview » plutôt que « x297dxDF4 » dans l’URL.
D’abord, c’est plus agréable pour l’utilisateur ; il a une idée de où il va.
Ensuite, c’est toujours quelques mots-clé glissés aux moteurs d’indexation.
Bon, ce n’est pas non plus très critique vu que certains outils parmi ceux que j’utilise re-transforment automatiquement les URL (d’ailleurs, c’est bien quand on peut les empêcher de le faire).
Mais, de toute façon, rien que pour moi et pour l’administration de ces liens, c’est plus agréable de pouvoir les identifier.

Ensuite, une fois que j’ai mis un lien … ben j’aime bien avoir des stats dessus ! Savoir combien de gens ont cliquer dessus et quand.

Enfin, bien sûr, je regarde si mes tweets sont re-twittés et par qui.

Outils

FriendFeed

• Sans que j’ai besoin de m’en occuper, il récupère et affiche mon fil Twitter dans ma « timeline« 

http://friendfeed.com/

Twuffer

• Twuffer est hyper-simple, hyper rapide pour commencer à l’utiliser (pas de création de compte mais utilisation des identifiants Twitter)
• L’interface est jolie
• Il permet de programmer des tweets uniquement à chaque heure.
• Mais il ne permet pas de les modifier.

Trop simple, je l’ai abandonné au profit de TweetLater (devenu depuis SocialOomph)

TweettLater devenu SocialOomph

• Il permet de programmer des tweets, à la minute prêt.
• On peut modifier facilement le tweets.
• L’interface n’est pas très jolie mais elle est claire.
• Des offres payantes existent ; je me dis donc qu’en cas de plantage, il y a une chance qu’ils réagissent vite.
• Il ne permet pas de répercuter automatiquement les tweets vers autre chose que Twitter.

www.socialoomph.com

Ping.fm

• Ping.fm m’a permis d’envoyer automatiquement une info vers Twitter et Identi.ca (Youpi ! je ne trouvais pas de moyen de gérer Identi.ca automatiquement).
  En principe, il aurait dû aussi me permettre d’envoyer la même info sur ma page Fan Facebook mais ça n’a pas marché (ceux qui ont essayé savent que ce n’est pas trivial dès qu’il s’agit de la page Fan).
• Cela dit, HelloTxt utilise GetSatisfaction et j’ai donc profité d’un support pratique et actif… Je n’ai toutefois pas réussi à corriger le problème et c’est une des raisons pour laquelle j’ai quitté Ping.fm pour HelloTxt mais…
• Par ailleurs, Ping.fm ne permet pas de programmer des tweets.

http://ping.fm

HelloTxt

• Je pensais avoir trouvé tout ce que je cherchais avec HelloTxt ; « mais ».
• Permet d’envoyer une info à la fois vers Twitter et vers Identi.ca
• Permet aussi automatiquement d’envoyer l’info sur ma page Fan Facebook. Au moins, en théorie, car, en pratique, ça n’a pas marché pour moi ici non plus. HelloTxt utilise également GetSatisfaction comme support mais, là non plus, je n’ai pas réussi (et ai laissé tomber ce besoin).
• Le service raccourcit automatiquement les URL …et permet de lui interdire, facilement, de le faire.
• HelloTxt permet de programmer des tweets mais pfff ! C’est dans un coin d’interface, on ne peut pas modifier le twitt après (et je passe mon temps au moins à re-prioriser mes tweets en fonction des nouvelles infos).
• Enfin, le gros problème au niveau de la programmation de tweets, c’est la fiabilité ! Il est déjà arrivé que certains de mes tweets ne soient pas envoyés (et le but de la programmation est de ne pas avoir à revenir vérifier que c’est parti)

J’ai donc quitté HelloTxt.

http://hellotxt.com

HootSuite

Le tout dernier en date !
Je commence tout juste et ça m’a l’air très bien.

• Je peux, sur un seul écran, voir mes tweets programmés, mon fil Twitter, les fils que je suis et les re-tweets que l’on m’a faits. (Et ça, c’est la configuration que j’ai choisi mais c’est entièrement paramétrable).
• Je peux programmer des tweets et les modifier facilement (contenu et date et heure de programmation). Les tweets sont programmables sur tranches de 5 minutes.
• Si je veux aller plus loin, je pourrais également gérer plusieurs compte. Le système de création d’onglet paramétrable sera très pratique pour cela.
• Je ne peux pas répercuter les tweets automatiquement vers d’autres services.

http://hootsuite.com

MinURL

• MinURL permet de raccourcir des URL avec liens personnalisés ou non
• Il donne des statistiques sur les liens créés via MinURL

MinURL me convient très bien et je n’ai pas, pour l’instant, rencontré un service qui me paraisse plus avantageux pour raccourcir les URL.

www.minu.me

Le contexte

Le site est déjà existant et, sans qu’une charte graphique n’est été écrite, bon nombre d’éléments du design font déjà partie de l’identité graphique du site : couleurs, éléments décoratifs, typographie, esprit global.
Le site recense les films de vampire. Le sujet n’est donc pas neutre et est souvent traité graphiquement de manière très forte (couleurs sombres, éléments de décor gothiques, allusion au sang, etc.)
Dans ce site là, pour ce qui est des couleurs, elles sont en effet sombres. Le noir et le rouge, néanmoins, ont été évités et c’est la gamme du violet qui a été retenue.
Les éléments décoratifs ne sont pas figuratifs (pas de petits cercueil pour les liste à puces, pas de chauve-souris autour des titres, etc.) C’est plutôt l’utilisation d’arabesques qui a été choisie.
Les typographies disponibles sur Internet ne sont pas nombreuses. Néanmoins, le choix de « Georgia » pour la titraille comme pour le texte n’est pas anodin pour ce site. Avec ses empâtements, son aspect global et le positionnement de certains caractères, c’est la typographie la plus à même de contribuer au design général du site.
L’esprit généré (recherché ?) est donc plutôt sobre pour un site traitant d’un tel sujet. L’élégance est plus mise en avant que le gore, l’architecture gothique plus évoquée que les clichés d’un look gothique.

Le changement du nom du site

C’est dans ce contexte que le logo a du changer. En effet, le site changeait de titre : il passait de « Filmographie vampire » à « Films-vampires.com« .

Ce changement est issu de plusieurs constations :

• « Filmographie » est un mot peu utilisé dans ce contexte. L’expression « liste de films » revient plus souvent.
• « Films-vampires.com » à l’avantage de contenir l’adresse même du site. Un tel nom permet aussi d’encrer l’adresse dans l’esprit du visiteur.
• Avec sa majuscule, son tiret, son point, « Films-vampires.com » est graphique et permet plus de « jeux » esthétiques.

Le changement du logo

Le but était donc de changer le logo et d’insérer le nouveau nom du site, tout en respectant l’identité graphique déjà existante.

Le premier « choix » était celui de garder la typographie du site pour le texte du logo. Une évidence plus qu’un choix. Si souvent le logo, graphiquement riche, diffère de la typo texte du site, imposé par Internet et graphiquement sobre, Georgia est au contraire une typographie déjà riche.

Le « .com« , tout en faisant partie à part entière du nouveau nom du site, n’est pas un élément aussi important que le sont les mots « films » et « vampires ». Ce second niveau permet un peu de fantaisie graphique (dans un logo qui doit resté sobre et simple pour respecter le style du site !)
Il a donc été traité en plus petit.
Il a été placé sur une autre ligne que les mots principaux. Cela a pour effet :

• de montrer son caractère secondaire (bien que présent dans le logo) par rapport aux mots-clé que sont « films » et « vampires » qui indiquent clairement quel est le sujet

• En résultat logique du premier point, mettre le « .com » ainsi au second plan met en avant les deux mots principaux

• Enfin, le placer sur une ligne au-dessus du mot « vampire » permet d’équilibrer le logo sur la droite alors qu’une lettrine est prévue à gauche.

• Dernier petit détail, c’est en fait « com », sans le point qui est écrit et c’est le point sur le « i » de « vampires » qui joue le rôle de « . » d’adresse web.
  C’est toujours ça de gagner dans la simplification et l’épuration du logo.

La lettrine

La lettrine est l’élément le plus marquant du logo. C’est elle qui va donner tout le caractère, la direction du logo.
Les choix qui y sont liés sont donc majeurs dans l’élaboration de ce logo par ailleurs assez simple.

Trois pistes ont été explorées et nous allons voir que chacune d’elle, sur un seul élément différenciant (la typographie), change toute l’allure générale du logo et ce qu’il transmet.

Piste 1

La piste 1 explore les effets d’arabesques et le gothique élégant.
Elle est très chargée et donne beaucoup d’impact, de présence au logo.
Néanmoins, elle contraste un peu avec les notions de simplicité et de sobriété présentes sur tout le site.

Piste 2

La piste 2 est beaucoup plus incisive. Elle joue sur le mythe du vampire et évoque les crocs, les lames, l’action.
C’est la piste la plus froide mais aussi la plus énergique.

Piste 3

La dernière piste est un consensus entre les deux premières. Elle joue à la fois sur les arabesques et la modernité. Les effets sont simples et sobres.
Une petite fantaisie vient tout de même des empâtements du « F » qui évoquent les crocs du vampire et amène, discrètement, un côté incisif.

Cette piste est celle, vous l’aurez deviné, que j’ai retenue.
Elle n’est pourtant pour l’instant qu’une version temporaire car j’aimerais un peu mieux et un peu plus l’exploiter. …Mais il y avait urgence pour la réalisation de ce logo, ce qui explique l’exploitation d’une version inachevée.

Cet exemple de mise en place d’un logo est basé sur une identité graphique simple, peu forte et pour un contexte ni fortement stratégique, ni commercial.
Si ce logo a été pensé et réalisé en une après-midi pour des besoins de « particulier », imaginez l’impact et la réflexion nécessaire pour la réalisation d’un logo commercial cherchant à positionner fortement l’image de marque et l’identité visuelle d’une entreprise !

Et, comme le dit Ana, ma référenceuse préférée, c’est que Google trouve mon contenu pertinent ! Wahou !

Bon, la différence n’est pas énorme (et le nombre de visite, même au plus haut, en ferait rire beaucoup ) mais ce qui compte, c’est qu’il y une différence et un progrès.

Voilà, quand on fait un site pour son plaisir, il faut aussi savoir reconnaitre ce genre de petit encouragement.

(PS : C’est l’occasion de remercier Ana pour tous ses conseils !)