J’ai dû mettre l’intranet en stand-by pour m’occuper de quelques carousels jQuery et surtout la correction et le référencement d’un site. Bien que j’ai quelques notions de référencement, je n’ai jamais vraiment travaillé pour ou en tout cas, je le faisais tout en codant.

Cette fois-ci c’est via un retour de NetBooster (Cf: Alexandre Baverel) et plus particulièrement de leur consultante en référencement que j’ai apporté mes corrections. Un travail de longue haleine, puisqu’il faut évidemment reprendre chaque page du site et les vérifier.

Etant plus penchée sur l’aspect technique, le référencement n’est pas vraiment mon dada, bien que je sois consciente des enjeux qu’il implique. Pas de référencement = Traffic quasi nul = Perte d’argent.

La relecture est un bon moyen de se trouver des méthodes d’organisation. Alors que j’étais abonnée au notepad et à différents logiciels de gestion de tâches, j’ai redécouvert l’efficacité du cahier et du crayon. Cela peut paraître assez contradictoire avec notre domaine. Quand j’étais jeune (l’année dernière) et qu’organiser mon travail n’était pas plus important que ça, le binôme papier/crayon était rayé, banni de mon esprit. Pourtant rien de tel pour garder une trace de ce que l’on fait.

Le plus délicat aura été de retravaillé l’intégration des vidéos en lecteur flash. Les balises embed et object sont un réel casse-tête pour le référencement, non seulement au niveau des caractères mais aussi la recherche de mots clés et des attributs les plus lus par les moteurs de recherche.

Donc avant de suivre les recommandations et corrections fournies, j’ai relu et minimisé les erreurs de chaque page au validateur W3C. Cela prend d’autant plus de temps lorsque l’on travaille sur un site statique ou quasi-statique. Ce fut le cas ici. Pourquoi tenter de valider chaque page ?

Tout simplement car un site valide signifie qu’il a déjà une bonne structure de base. Une bonne structure permet aux crawlers de lire le site plus facilement et de savoir où sont les éléments importants.

En attente des retours de NetBooster, je me suis occupée d’une page à carousel ainsi qu’une pub flash.

Avec un format de 300×250, une durée maximale de 20sec et un poids de moins de 50Ko, ce n’était pas évident de faire coïncider tout cela. Je présentais déjà que Flash ne serait pas mon grand ami, aujourd’hui je suis sûre que la carrière de Flasheuse n’est pas faite pour moi !

Je m’étalerai d’avantage sur Flash lors de l’ouverture de E.load(); wait & see!

Du travail m’attends, à la semaine prochaine !

C’est après une semaine plutôt calme que je poste ce petit billet. L’intranet de l’entreprise avance plutôt bien, je me rends compte du nombre de choses que j’ai pu apprendre en développant le site de Lupishop sous Magento lors des Workshop. La notion d’objet est à présent acquise, je développe un mini MVC pour l’intranet ainsi que pour un CMS fait maison. Certains me diront qu’un MVC est un peu trop lourd pour ce qui est développé… et c’est vrai. Toutefois, l’utilisation dans un réseau local n’est pas si lourde et puis hé! Ca me fait de l’entraînement.

Modèle Vue Contrôleur (via symfony-project.org)

Je pense qu’il est important de séparer les trois aspects Modèle Vue Contrôleur, peut-être pas dans le cadre d’un intranet de PME mais lorsqu’il est envisager de créer un CMS, la question ne devrait pas se poser. On peut ainsi développer certaines parties indépendamment des autres, le thème du site est indépendant à la structure, même au niveau du workflow ce concept est intéressant.

Être dépendant d’une partie pour développer la sienne et devoir l’attendre est une perte de temps, pas de productivité. Les MVC permettent, eux, de travailler en parallèle et de tester sans affecter le module du collègue.

L’atelier créatif, comme son nom l’indique, consiste à développer, à utiliser des méthodes pour renouveler ses idées. Nous nous sommes penchés sur le cas de Booster Academy, une structure de formation à la vente, qui souhaite une nouvelle identité visuelle.

Durant un après-midi, j’ai appris quelques techniques pour stimuler l’inventivité en les appliquant au cas de Booster Academy. De bonnes idées comme des farfelues en sont ressorties durant ce gros brainstorming.

La recherche d’une identité visuelle est délicate, c’est elle qui va donner la première impression sur l’entreprise. Ce qui fera que le prospect voudra en savoir plus et par la suite devenir client.

Elle doit correspondre aux objectifs de l’entreprise et être comprise par le spectateur. Un travail qui n’est pas de tout repos. Une fois qu’une idée émerge, il faut l’analyser plus en profondeur. Quel sens possible pourrait-elle avoir pour un candide ? Comment la décliner pour les supports de diffusion ?

Dans un premier temps les idées ont été écrites sur papier, puis après une bonne nuit de sommeil et que tout ceci se soit décanté, beaucoup ont été abandonnées. Les raisons sont diverses, mais il faut faire un choix!

Aujourd’hui le choix se réduit à deux propositions. Tout se décidera Vendredi, à voir comment elles seront accueillies.

Dans tous les cas, bien que j’ai un profil technique, j’ai bien accueilli ces séances dans le sens où cela m’amène à voir un processus orienté création et je pense qu’il est possible de le décliner pour développer des idées en matière de développement.

A la semaine prochaine !

Après avoir bataillé avec les DNS, nous avons opté pour un second hébergement. Une migration de plus qui s’est révélée très rapide cette fois.

Une application Iphone liée au blog devrait voir le jour très prochainement, une bonne initiative étant donné l’importance que prend les smartphones sur le marché.

Prochaine étape : réflexion sur les mots clés à cibler pour le référencement.

J’ai continué à doucement développer l’intranet de l’entreprise via Eclipse et Zend Debugger. Effectivement, j’ai champs libre sur son développement “tant que ça marche” et pas de deadline. Si je n’ai pas de réel tuteur en développement, je continue tout de même à apprendre. C’est pourquoi je bannis temporairement le PHP procédural, et m’oriente vers l’objet! (jeu de mots)
Je vais faire également la connaissance du 4D.

Encore un ovni pour moi.

D’après ce que j’ai pu en lire, c’est un IDE (Environnement de développement) à lui tout seul. Il comporte tout ce dont on a besoin, serveur HTTP, serveur SQL, générateur de patchs, exécutables… Gros bémol pour l’étudiante que je suis… il est propriétaire !

Hâte de le tester, j’envisage très sérieusement de télécharger la version d’évaluation dès que ma connexion le permettra.

créathéma

le webprint curieux

Et bien cette fois j’y suis! Lundi matin, arrrivée à Saint-Cloud, je suis accueillie par Alexandre “McGyver”, l’homme à tout faire.
Durant une bonne partie de la matinée, j’ai découvert les projets en cours ainsi que les différents clients.

Puis se fut au tour de l’équipe de m’accueillir, majoritairement féminine d’ailleurs !

Créathéma est une petite entreprise de 10 personnes, au départ orientée sur le print qui à présent s’étend peu à peu à l’univers du web.

Durant cette première journée, je me suis occupée d’un peu de développement JavaScript. Puis par la suite on m’a confié le blog de Créathéma à migrer sur Wordpress.

Installée à l’étage avec les filles, je travaille dans une ambiance très sympa, la musique et les chants motivent. Le blog sera terminé dès demain !

Jusque là tout va bien…

La difficulté s’est accrue hier et aujourd’hui, Alexandre m’a chargée de réfléchir à la structure de l’intranet de l’entreprise. L’expérience a été tentée quelques années auparavant sans succès dû au manque de techniques et d’outils disponibles.

Cet intranet visera essentiellement le suivi des dossiers clients et des projets.

La fatigue se fait sentir, demain il faut se lever tôt, je vous donne donc rendez-vous au prochain billet !

Je ne sais plus très bien comment cela a commencé. Je crois que c’était cet été, au Futuroscope. J’ai découvert cette attraction montrant les différentes créatures qui existait à la préhistoire… sous un concept de réalité augmentée.

J’ai été sceptique. Les explications fournies n’étaient pas tout à fait claires, mais d’un autre côté il fallait évidemment s’adapter au public et dire les choses simplement.

Depuis je ne vois plus que ça, des articles entiers, des vidéos de démonstration de cette petite révolution.

Je dis petite car je ne pense pas que la réalité augmentée aura un avenir très prometteur. En tout cas pour les cinq prochaines années. Ce concept est encore au stade d’embryon et pourtant certains ne jurent que par cela.

Premièrement, il faut disposer d’une webcam. Hors la webcam n’est toujours pas un produit que je qualifierais de « série », vendue séparément. Ensuite il y a le support de réalité augmentée. Ces petits carrés numérique imprimés sur un support quelconque, ou bien le développement d’une reconnaissance faciale comme celle qu’à utilisé Rayban avec Virtual-Mirror. Les coûts de productions risquent de rester élevés encore quelques temps, ajoutez à cela, l’équipement que l’utilisateur devrait se procurer…

C’est pourquoi je ne parlerai pas de réalité augmentée dans cette expertise.

Alors que le monde couvre d’éloge la réalité augmentée, il y a une chose qu’il oublie. Quelque chose de très vieux mais inexploité dans le monde du web.

La 3D.

]]> http://cifacom-blog.com/elodie-philippe/2010/02/11/qui-gagnera/feed/ http://cifacom-blog.com/elodie-philippe/2009/12/02/logos-images-detronees-par-le-texte/ http://cifacom-blog.com/elodie-philippe/2009/12/02/logos-images-detronees-par-le-texte/#comments Wed, 02 Dec 2009 20:46:12 +0000 elodie.philippe http://cifacom-blog.com/elodie-philippe/?p=5 Les images détronées par le texte?

Les logos font partis de votre quotidien. Vous seriez incapable de les représenter et pourtant s’ils apparaissent devant vos yeux, vous savez mettre un nom dessus.

Mine de rien, leurs couleurs, leurs formes, leurs messages font leur chemin dans votre cerveau. C’est là qu’ils font leur nids et restent au chaud.

Alors que j’attendais patiemment à la caisse chez Carrefour, un point d’interrogation est venu titiller ma curiosité.

“Pourquoi marquer Carrefour sur le logo? Tout le monde sait que c’est Carrefour en regardant l’image.”

Epluchons, épluchons…
Le logo Carrefour est composé d’un :
- Icotype:

- Sigle:

Pourquoi utiliser un sigle alors que l’icotype est bien souvent le seul visuel retenu?

C’est là qu’on se trompe souvent. M.Dupont retient bel et bien le sigle d’un logo, mais à un niveau différent.

Mon professeur d’esthétique disait toujours qu’un icotype simple était le meilleur. Effectivement, moins il y a d’information à retenir, mieux on s’en souvient.
Vous savez précisément où Monet a placé ses nénuphars vous?
Moi non plus.
En revanche je sais qu’il y a un oiseau sur le A de Auchan!

Il arrive que le sigle associé à l’icotype soit retenu. Un exemple que nous connaissons tous: La Poste.

Si on me demandait pourquoi le sigle est retenu je dirais sans hésiter: “Grâce à la typographie!” (Ou police d’écriture)

La typo de La Poste rappelle celle des vieilles machines à écrire, utilisées pour taper des lettres ou des télégrammes. Avec notre passé, cela nous redirige directement à la notion d’envoi/communication.

La typographie est un art et pour cause… Comment avec en moyenne six lettres, représenter toute une activité d’entreprise?
Sony a très bien réussi ce pari. Leur logo est uniquement composé d’un sigle à l’allure futuriste. Microsoft également, Google, Yahoo, eBay…Je vous invite à aller jeter un coup d’oeil à l’article de Joe Vains mais surtout à étudier les exemples qu’il nous livre.
Parmi d’autres exemples à aller voir, il y a également Wolda ou encore qui en collectionne une bonne partie et surtout DesignDosage qui donne autant d’exemple de logos que de typographies.

Vous allez voir que pour certaines entreprises, un icotype est absolument inutile! Pour ma part, je pense que la tendance ira dans ce sens de simplification.

Wait & See!

En attendant, je vous dis à bientôt au prochain article!

Elodie Philippe