Flowtown est une plate-forme de marketing social des médias qui aide les entreprises à transformer les contacts e-mail en clients engagés.

Je n’aime pas trop ce genre d’agence dans le monde du web, le marketing par e-mail: je n’y ai jamais vraiment cru. Pourtant ça à l’air de bien marché !

En tout cas la charte graphique de leur site est vraiment chouette.  Je vous laisse découvrir une image de leur production qui fait le tour de pas mal de blog en ce moment !

• L’agence Flowtown

• Introduction
• Une campagne de rappel pour améliorer la qualité du transport
• Conclusion
• Les liens de l’article
  

Introduction

La RATP le sait, les usagers aussi, ce n’est pas toujours facile de prendre les transports en commun parce que l’on rencontre ce genre de problème :

• Incivilité
• Mépris des règles
• Dégradation en tout genre
• …

Bref, autant le services est efficace, autant les usagers le rendent parfois pénible. J’ai repris quelques situation qui me concerne et que j’ai pu entendre dans la campagne que je vais vous présenter juste après :

1. La premier exemple est le prix de mon Pass Navigo : je réalise en moyenne une quinzaine de voyage par semaine donc soixante voyage sur le mois et je paye mon Pass Navigo 60€, je me dit que c’est un peu cher. Qu’est ce qui constitue le prix de mon pass ?

2. Second exemple la civilité dans les transports publique : je réalise en moyenne 22Km aller retour chaque jour pour rejoindre mon lieu de travail actuel à savoir le trajet Bastille – La Défense et j’évite d’être énervé quand j’arrive au travail, croyez moi ce n’est pas simple.

Vous l’avez compris, au bout de deux exemples vous imaginez que voyagez en métro à Paris pour aller travailler ce n’est pas simple tous les jours. Je pourrais bien entendu vous citer d’autres, mais là n’est pas mon but car la campagne de la RATP s’en charge.

Une campagne de rappel pour améliorer la qualité du transport

Voici quelques affiches ou l’on peut apprécier le concept globale, concept super bien trouvé. Le nom de la campagne est « Objectif Respect ».

Moi déjà ici, j’ai été convaincu alors je me suis rendu sur le site internet mentionné en bas de l’affiche et j’ai été totalement surpris et encore plus motivé à respecter les règles essentiels. Comme vous allez le découvrir le site est plein de vie, plein de visages humains, de témoignages, toujours dans l’identité visuelle de la RATP.

Il y  un coté ludique et remarquable pour la section des dégradations matériels; le concept du passage des lunettes sur les sièges pour montrer l’envers du décor et le coup à la RATP m’a vraiment bien marqué.

Présence non négligeable, puisque présente dans chaque section de vidéo avec des témoignes d’usagers et d’employés. Ont se sent véritablement au cœur de la RATP et son environnement.

Le graphisme du site est très bien fait, la thématique du plan de ligne pour la choix du menu est très bien exploité. Un trajet qui part du problème pour arriver à une solution avec un passage sur chaque station pour donné des clés aux problèmes.

Le travail sur le son est impeccable, ça colle parfaitement avec l’ambiance lorsque l’on prend le métro. Un son un peu « chica chica », une touche d’urgence sans pour autant stressé l’internaute. Lorsque vous cliquez sur une station, le son est excellent aussi, il ressemble à ceux qui arrivent avant le lancement d’un reportage dans une émission de télévision. Ont à l’impression que le son nous quitte progressivement pour faire place à la parole et c’est le cas avec les témoignages vidéos.

Ajoutez à cela une possibilité de participer, de réagir face à la campagne car la RATP à ouvert un canal très bien fait pour tenter d’améliorer les lignes que nous empruntons chaque jour.

Conclusion

C’est incontestable : la RATP à comblé un manque , elle à fait un rappel avec un excellent site internet et un campagne d’affichage efficace. Maintenant il ne reste plus qu’aux voyageurs d’appliquer tous ces conseils de savoir vivre et surtout de ne pas hésiter à relever les problèmes à travers la plateforme mise à disposition.

Les liens de l’article

• Le site internet à visiter : http://www.objectif-respect.org/
• Le canal de discussion pour réagir : https://www.vous-et-la-ratp.net/

Cet article va se décomposer en plusieurs sections :

• Introduction.
• Outillages.
• Grilles appliquées.
• Conclusion.

Comme vous le savez un bon design repose d’abord sur le choix de la typographie et la maîtrise des espaces. La disposition des blocs de texte va littéralement déterminer si votre site est lisible. L’identification du bloc, le « scannage » du texte et enfin son intégration dans la pensée. C’est par ce cheminement que vous allez transmettre l’information.

Comme l’a dit Robert Bringhurst :

La typographie est là pour honorer le contenu.

Il est donc essentiel d’en comprendre les fondements et de maîtriser la disposition du texte dans une maquette. C’est une chose qui s’apprend, qui devient de plus en plus parfaite à mesure ou vous fait de plus en plus de mise en page.

Déjà en 1455, Gutenberg avait réussi à mettre en page les éléments de façons gracieuses et subtiles pour donner naissances au premier livre reproductible à l’infini.

Outillages.
500 ans plus tard et un demi siècle nous faisons exactement la même chose, mais avec un support totalement différent à savoir le web. Et pour nous aider il existe une série d’outils très efficaces.

Le premier est une grille Photoshop permettant de facilement disposer les éléments d’informations imposés par le client et traduit dans un storyboard, tout cela avant de « poser » la couche graphique.

La grille est téléchargeable sur le site intitulé Konigi (lien externe).

Une fois votre maquette réalisée et intégrée en HTML, vous pouvez procéder à une vérification pour être certain que tout est bien en place grâce à ce petit utilitaire Javascript (lien externe) qui va afficher une grille sur commande.

Vous pouvez également utiliser des grilles en CSS fournies par le site Blue Print CSS (lien externe).

Grilles appliquées.
Je ne pouvais clôturer cet article sans vous parler d’une plateforme qui recense d’autres sites magnifiquement mit en page (lien externe). La simplicité des choses, l’excellente mise en page et un choix graphique adapté nous fournissent des résultats fabuleux.

Conclusion.
La mise en page est une science exacte qui se base sur des mathématiques, elle utilise les blancs et les noirs et une fausse note peut tout de suite se voir. Elle utilise des lettres qui sont elles même résultats de disposition savante et bien ordonnées, il est donc parfaitement logique d’avoir un ensemble cohérent avec éléments bien agencés.

Pour terminer sur une note plus créative et vous donner l’envie de créer voici un travail très intéressant (lien externe) sur la réalisation d’un véritable chef d’œuvre s’inspirant et utilisant la typographie.

Colosseo: Reimagining the Roman Coliseum with type (Canon 7D) from Cameron Moll on Vimeo.

Ont pourra dire que j’en aurais vu des choses dans cette nouvelle vie, je suis vraiment curieux de savoir comment cela va se passer. Je suis asse triste de quitter certains collègues pendant ces 3 prochains mois, ainsi que l’ambiance de l’agence qui est vraiment très agréable. Je m’en remettrais et après tout ce n’est que pour 3 petits mois. Ça va faire un choc car je commence juste après mon retour de vacance en Roumanie, j’ai mon entretien ce vendredi et je décolle samedi.

Ma mission commencera le 22 février si tout se passe bien, la mission consiste à utiliser leur CMS ainsi qu’un travail de graphisme sur leur site internet Careers. Coïncidence, le 23 ca fera une année que je travaille dans mon agence. En attendant admirons ces immeubles aux dimensions futuriste qui seront mes nouveaux locaux dans les jours à venir…

Cependant, j’ai envie de reprendre goût à l’écriture et c’est pour cette raison que je voudrais vous parler d’un traitement de texte tout à fait hors du commun. Il propose une interface très épurée et extrêmement reposante, l’ambiance qu’il dégage permet de véritablement se concentrer sur le sens de chaque mot, de chaque phrase et de mettre en musique des réflexions ou encore des pensées intimes et sans aucune craintes.

Je vous présente Ommwriter, un éditeur de texte ou les logiciels devrais prendre exemple sur son interface et sa présentation.

Ommwriter from Herraiz Soto on Vimeo.

L’expérience utilisateur que j’ai avec mon iPhone personnel à quelque part changé ma façon de concevoir les choses dans une grande ville comme Paris et c’est pour cette raison que je souhaite explorer le fonctionnement des applications qui m’aide chaque jour.

En vue de bien démarrer dans cette aventure, je me suis procurer le iPhone Stencil Kit en provenance du site Design Commission situé États Unis pour la maudite somme de 22€ frais de port inclus. Cet outil me permettra de gagner du temps dans la conception du story board de l’application sur papier avant de passer sur Photoshop avec l’aide du iPhone Vector Kit.

Source Design Commission.

Je suis Web développeur / Web designer à Paris et j’adore mon métier, il ne se passe un seul jour sans de nouveau défis et de nouvelles situations à gérer. Aujourd’hui j’ai l’immense plaisir de présenter un tout nouveau site, entièrement refais, répondant à mes critères. Il est certain qu’il y aura des améliorations dans les semaines à venir.

Aujourd’hui Halcyon Blog à connu des révolutions personnels, comme mes aventures à l’étranger, mes premières créations. Mon blog est maintenant enregistré en France et se doit de se plier au lois française. C’est chose faite, car maintenant Halcyon Blog est déclaré à la CNIL et propose une page de mentions légales en bas de page.

Si je devais présenter mon nouveau site internet sous la forme d’un événement ca serais avec cet artiste, Dizzee Rascal. L’influence du Grind londonien joue un rôle majeur dans la nouvelle ambiance sonore propice à mes créations. Je vous donne donc ce qui m’a motivé à sortir mon nouveau site internet rapidement avec une touche d’audace et de nouveauté, ce qu’Halcyon Blog ne connaissait pas avant!

Pendant 5 secondes, ils nous donne l’heure, les 5 secondes suivante vous allez pouvoir admirer des danseuses asiatiques exercées quelques mouvement de danse synchronisés sur les secondes et, le clou du spectacle, adapté à l’heure à laquelle regardez l’heure. En effet dans certaines saisons, passé une certaine heure, les danseuses se repose et dorment.

Non non vous ne rêvez pas, vous avez bien lu, les vidéos qui montrent les danseuses s’adaptent en fonction de l’heure. En journée, elles sont super énergique et font des gestes gracieux, la nuit nous avons droit à de magnifique plan séquence sur les danseuses, mais elle dorment, parfois sur le canapé avec la lumière allumée, parfois dans l’escalier.

Il existe une version pour Tokyo et une version pour Paris, en plus de cela, il existe plusieurs saisons, pour cela n’hésitez pas à consulter les archives. Vous l’aurez compris c’est un vrai régale pour les yeux et les oreilles, attendez ce n’est pas tout, vous pourrez l’emporter partout avec la version iPhone.

Voici un capture d’écran de la carte interactive adaptant l’heure suivant le pays que vous voulez voir. UNIQLO est avant tout un vendeur de vêtement japonais, les danseuses portent les vêtements de la marque il s’agit donc avant tout d’un outil promotionnel que je trouve plutôt réussi et véritablement novateur en terme de présentation.

Ont peut le dire, travailler à Paris m’apporte beaucoup de chose, bientôt je publierais un site internet entièrement réalisé avec Magento qui permet de réaliser des sites e-Commerce de manière efficace.

J’ai donc exécuter cette démarche pour mon application, les premiers résultats furent catastrophique il était donc inconcevable de laisser un travail non fini, provenant de l’agence, en ligne. J’ai donc étudier un peu plus le problème et j’ai tenté d’y apporter des améliorations. Vous pouvez voir ici la différence entre l’interface A et l’interface B. La présentation de l’information est très importante pour qu’un utilisateur puisse comprendre comment fonctionne votre application et sache l’utiliser sans aucune difficultés.

Je peux tout de même me critiquer, même après amélioration;  globalement ont ne comprend pas vraiment à quoi sert le chiffre en mètre cube et qu’il sera utilisé dans le devis, tout le monde ne sais pas forcément pourquoi ce chiffre est nécessaire aux déménageurs.

Interface A.

Nous pouvons voir sur l’interface A qu’il fallait cliquer sur une pièce pour voir apparaitre des meubles dans la zone grisée. En effet j’ai clique sur le salon pour avoir les meubles, ce qui m’a permis de réaliser la capture d’écran. Le mode d’emploi est peu repérable dans le grid typographique de l’application, sans parler de la possibilité de gérer le camion en cliquant dessus.

Interface B.

Dans l’interface B, tout change, les titres mit en rouge indiquent à l’utilisateur la présence d’information. Les meubles sont déjà présent dans la zone de sélection, il permette à l’utilisateur d’avoir directement une interaction avec ceux ci. Une étiquette rappel que le camion Demeco peut être géré facilement en un simple clic. La présence de picto indique un type de meuble différent en fonction des pièces. La flèche qui apparait lorsque l’on passe la souris sur un meuble est une fonctionnalité qui ne bouge pas, elle facilite grandement la compréhension du glisser déposer dans le camion.

Testez l’application sur le site de Demeco.fr et n’hésitez pas à ajouter vos remarques ou commentaires sur l’application en bas de cet article.

Des heures de patientes, une synchronisation entre tous les membres de l’équipe, voici le résultat de la nouvelle collection automne hiver 2009. Le projet utilise la technologie Flash combiné à des fichiers XML. La partie dite « statique » du site est entièrement programmée en PHP Cake.

C’est un nouveau projet visible dans mon portfolio qui va encore s’agrémenter de nouveaux projets dans les prochaines semaines à venir.

J’ai tout de même un petit pincement au cœur pour les nouveaux amis que je m’étais fait à Saint Luc. Mais voila il est temps pour moi de décoller, d’affronter le monde moderne et bien entendu, accessoirement, gagner ma croute.

C’est donc avec le plus grand courage que je me suis armé d’un beau costard, de chemise aux couleurs Trendy et que j’ai postulé dans un paquet d’agence Web pour y creuser mon trou. C’est un véritable fiasco en Belgique, personne n’engage ou alors le niveau est tellement devenu haut qu’il m’est impossible d’accéder à ces entreprises…

Bref c’est tout naturellement que je me tourne vers la France, mon ami Clément ainsi que Gilles s’y trouvent actuellement. J’ai donc tout simplement demandé si leur entreprises cherchait du monde. Devinez quoi, j’ai un entretien dans le cours des jours qui vont suivre.

Je n’y avais jamais cru quand ma mère me disait que j’allais devoir m’expatrier si je voulais survivre. Maintenant j’ai la réalité bien en face, après un stage au Portugal, me voila dirigé vers la ville lumière.

Je suis tellement motivé que j’accélère le développement des mes derniers projets pour rester au maximum près de mes clients quand nous finaliserons. Par contre tous mes projets d’entreprises à plusieurs ou de statut d’indépendant tombent eux aussi radicalement à l’eau. La concurrence est beaucoup trop fort et survivre uniquement de ce type de revenu va plutôt donner lieu à un « tant d’effort pour finalement pas grand chose ». Je parle financièrement bien sur.

Voila, me voila plonger dans une pièce que je vais bientôt quitter, téléphone à la main avec le Forem qui me pose des questions, d’un autre coté les Cv qui s’envoient à tour de bras, les eMails qui fluctuent sur ma panneau Netvibes, des mises à jours sur mon profil LinkedIN. Bref c’est la folie totale. Je penses que les choses vont fortement changer dans le courant des mois à venir.

Ne voyez pas un abandon ou un renoncement à certaines réalités, il s’agit plutôt du résultat de mes test en terme de finance. Faire sa société ca coute cher et c’est peu rentable surtout en cette période de crise. Finalement le Bernard Madoff ne m’aura pas fait que du tort il me fait décoller de la Belgique…

Puis bon Saint Luc c’était excellent, mais je me suis beaucoup trop donné dans le domaine du Web, j’ai des petits instinct qui refont surface en plein milieu de l’après midi quand je suis derrière mon banc d’école, genre: « Purée mais j’aimerais trop aller démarcher des futurs clients, leur fournir un superbe site internet ». Bref cette passion est beaucoup trop présente que pour l’occulter ou tentée de la calmer, j’ai des envies de créer encore plus fulgurante quand j’essaye de tempérer les choses… J’ai appris des tas de trucs ces derniers mois, maintenant il faut décoller, j’en ai trop l’envie. Le futur va déchirer je le sais.

Je tiens tout de même à remercier tous ceux qui m’ont aider et ceux qui me donne un sacré coup de pouce, comme Dominique, Emeric, Clement, Gilles et bien entendu Morgan pour son moral et sa présence qui me réchauffe toujours le cœur en cette période parfois un peu difficile à assumer… Les amis sont là et ils vous aide à passer les étapes les plus complexe de votre vie… Le lien n’en n’est que meilleur après.

C’est environ une quarantaine de type de déchets ménagers en tout genre qui ont été pris en photographie dans un petit studio improvisé.

La partie le plus longue fut l’ensemble du positionnement pour donner un effet de tourbillon, donner une impression de mouvement, ni trop rapide ni trop lent, juste ce qu’il faut. J’ai une grande hésitation quand à placer un fond.

Ensuite vient le travail sur la lumière sur chaque objet ainsi que sur le nouvel ensemble qui en découle. Une fois cette ensemble travaillé il à fallu améliorer la perspective global et donner un effet plus caramel au niveau des couleurs, peut être quelque chose de plus chaud.

Retrouvez toutes mes dernières créations sur mon DeviantART.

]]> http://www.halcyonblog.be/2009/02/01/recycle/feed/ 0 http://www.halcyonblog.be/2009/01/29/medical-learning-methodology/ http://www.halcyonblog.be/2009/01/29/medical-learning-methodology/#comments Wed, 28 Jan 2009 23:13:20 +0000 Halcyon http://www.halcyonblog.be/?p=275 Voici ce que l’on appelle un retour en force de mes travaux effectués au Portugal dans la ville d’Oporto. J’ai effectué ce stage à la fin de mon cursus à l’INPRES, stage effectué en Erasmus.

Le groupe pour qui j’ai travaillé avec comme superviseur Antonio Castro, ainsi que mes collègues étudiant à l’ISEP, Diogo da Silva et Bruno Pinto, m’ont renvoyé des publications sur des sites importants internet traitant de l’actualité médicale au Portugal.

Récemment Antonio Castro à été interviewé par un journaliste, une vidéo conférence aura probablement lieu le 16 février ou nous allons faire un état du projet. Ils ont de nouveaux objectifs qui ont l’air de faire avancer le projet à grande vitesse, pour rappel il s’agit de mettre à disposition des étudiants en médecine, un site internet présentant des contenus vidéos, photographiques et audio pour faciliter l’enseignement, surtout dans la pratique.

Ma mission avait consisté à mettre sur pied une identité visuelle de façon efficace et bien entendu de construire plusieurs contenu, contenu filmé et pis en photo par mes soins dans la salle d’opération de médecins situés à Braga, Oporto, etc. La mission fut rude et pleine de rebondissement, c’était quand même la meilleur expérience relationnel et professionnel que j’ai pu avoir de ma vie d’étudiant.

Voici les différents articles publiés pour le groupe d’investigation pour lequel j’ai effectué une mission de 4 mois le tout en anglais dans la ville d’Oporto.

• L’ISEP : école ou j’ai traitées es informations et géré la communication dans la groupe.
• GILT : le groupe qui subventionne le sous groupe MLM (Medical Learning Methodology), à savoir celui pour le quelle je travaillais.
• J’avais également fait une animation flash présentant rapidement le groupe MLM. Tout c’est réalisé dans des délais souvent très court.
• cienciaPT.net (Article numéro 1)
  
• Netfarma.pt (Article numéro 2)
• Hospitaldotuturo.com (Article numéro 3)

Il en est totalement du contraire, j’ai tout réussi et brillamment. Je suis heureux, ça veut donc dire que selon des critères académiques dressés par Saint Luc à Liège, je peut continuer à faire de la photo là bas sans trop de risque de me planter pour peu que je continue à bien bosser. Bien entendu toute cette histoire est à continuer, parce que il s’agit juste d’une évaluation rien de plus.

Cependant j’ai un autre regard qui c’est développé, je vais même le mettre en conflit  avec celui de mon ancien professeur de web. Une réflexion m’a été lancée concernant un travail qui avait pour but d’illustrer un mot. Sa remarque était à prendre avec des pincettes car je n’avais pas encore ce nouveau regard photographique. Ce mot était la télévision.

Tu véhicules une idée mais cette image n’a pas d’esthétique.

Il s’agissait bien entendu des propos de D.V. Il n’était pas en accord sur le fait que cette image avait quelque chose d’esthétique et en même temps véhiculait une idée. Pour lui cette image véhiculait uniquement une idée sans un réel sens commercial et esthétique. Encore que cela reste à vérifier concernant le propos exact.

Aujourd’hui cette image à été critiquée et analysée par un professeur de Saint Luc, cette image à également été critiqué et analysée par une photographe Roumaine répondant au nom de Patricia Todoran. P.T. à obtenu son diplôme à l’école supérieur des arts de Cluj et poursuit actuellement un PhD en photographie. Voici donc deux sources fiables.

Leur critiques, était nettement plus positive, elle énonçait bien l’idée du Big Brother is Watching You donc déjà ca passe. C’était tout à fait ce que je voulais exposer, de plus j’ai testé la photographie sur plusieurs personnes de différents classe sociale et d’age différent, leur idée converge en mon sens. Noté que j’ai procédé à un test comme pour un site internet ou une image qui doit être exposée.

Ensuite, une conclusion revenait souvent, cette photographie pourrais très clairement être une affiche, elle pourrais même être vue comme un manifeste, ce qui rend la photographie plus mordante et donc accrocheuse pour le regard. Leur avis est similaire et mon public test converge en mon sens.

Je terminerais donc cet article de la façon suivante, D.V. sur ce coup là je pense que tu as fais une erreur. Je sais pertinemment que ne pas aller dans ton sens c’est un peu commettre un suicide. Mais sur ce point là je ne suis plus du tout en accord et mes positions sont défendables, tout comme les tiennes je l’admets. Cependant pour moi la photographie est un domaine totalement différent de l’infographie, elle peut se lier à cette machine qu’est la grande visionneuse, comme je l’appelle, la publicité, l’image qui fait vendre, mais il faut cependant ne pas toujours mélanger les domaines.

Un sens esthétique à l’image? Mais que pouvons nous dire alors de Nan Goldin? Ou encore de ces nouveaux reporters qui photographie l’inimitée de leur proche avec un énorme coup de flash. J’insiste sur le fait qu’il ne faut pas mélanger les domaines, la démarche photographique prend un sens quand une explication est fournie avec, quand l’auteur apporte un commentaire, mais si le public comprend sans commentaires, cela sous entend qu’il ont été attiré, c’est d’autant mieux.

La photographie c’est pour informer, témoigner, mais c’est aussi de l’art. Je ne suis pas certain que Sophie Calle apprécirait qu’on lui dise que ces photos n’ont pas de sens esthétique. Clairement ont affiche pas ce genre de chose dans son salon, mais ont analyse la démarche, c’est contemporain, ont analyse l’idée.

Voila, j’ai pu porter un jugement sur une réflexion qui m’a été faite. Maintenant je commence à voir les choses sous un autre angle, alors je me permets. Attention il ne faut pas prendre ça comme un attaque personnel, mais plutôt comme une post réaction. J’insiste clairement sur cette réaction, car ma démarche n’est pas uniquement commercial, je suis à Saint Luc parce que je veux justement avoir un autre regard sur le monde, un regard plus proche des réalités et je maintient pour dire que ce regard personne ne l’apporte à l’Inpres et personne ne le fera tout de suite. Il faudra provoquer un sacré  changement. La photographie est ma thérapie, elle est source d’inspiration je me dois donc de la défendre même si ses attaquants sont pour des maitres imminents de mon activités premières à savoir le web.

Ce travail n’est peut être pas le meillieur, mais la démarche est importante et elle m’appartient, je la défendrais quoi qu’il arrive.

Les technologies utilisées seront:

• Zend Framework
• JQuery
• Url Rewriting
• Smarty