La nouvelle maquette de la Lettre API

J’ai le plaisir de vous présenter la nouvelle maquette de la Lettre API, hebdomadaire économique du Grand Ouest, diffusé par abonnement. J’ai effectué cette refonte en mars et la première parution a eu lieu, début avril, sans écueil.

Dominique Luneau, son directeur, précédemment rédacteur en chef de Presse-Océan et directeur de Télénantes notamment, m’a contactée directement pour effectuer ce travail. Il souhaitait améliorer les niveaux de lecture (titre, intertitre, chapo, légende), apporter une plus grande diversité de typographie. Enfin il voulait que cette nouvelle maquette  permette un intégration rapide des contenus numériques dans une logique “d’industrialisation” du flux de l’information, grâce à un calibrage précis en adéquation avec ses besoins.

Quant à la une, nous avons tenté de la rendre plus lisible en identifiant la papier central plus comme un édito et en rendant l’index plus léger mais toujours avec un guide de lecture.

Voilà, donc le résultat,

S.

Ce diaporama nécessite JavaScript.

Mes premières interfaces

Depuis le début de ma formation en webdesign à Nantes, j’ai pu apprendre les différentes facettes du métier.

Si la formation a débuté avec le design pur sous photoshop, nous sommes rapidement passés au vif du sujet: langage HTML, feuilles de style CSS et CSS3, flash.

Nous avons ensuite abordé les problématiques de référencement, d’optimisation des sites, ainsi que la rédaction web.

Puis nous avons attaqué l’aspect interactif du web au travers des langages de programmation Javascript, jQuery, PHP et les échanges avec les bases de données MySQL. Les formulaires, les espaces d’administration d ‘un site ou de gestion des commentaires n’ont désormais plus (trop) de secrets pour moi, et surtout sont valides, fonctionnels et sécurisés (enfin je crois…)!

Et plus récemment, nous avons découvert Joomla, un CMS , c’est-à-dire pour faire simple une interface d’administration de sites internet permettant au propriétaire du site d’ajouter du contenu, à la manière d’un blog. C’est un peu raccourci, mais c’est ça l’idée.

Je vous présente aujourd’hui le fruit de tout ce que j’ai pu apprendre au cours des trois derniers mois.

• Pour commencer, le site d’un hôtel. Ici le cahier des charges nous imposait de faire une page d’accueil avec un slide photo (un diaporama tournant) en javascript, avec des miniatures clicables permettant d’afficher en grand une de ces photos. Les grandes images du slide permettaient de renvoyer vers les pages intérieures.

• L’exercice suivant est  “grandeur nature”. On nous demandait de répondre à l’appel d’offre de la mairie et de l’office de tourisme de l’Ile d’Yeu (cet appel d’offre a été effectué l’année dernière et le nouveau site réel devrait prochainement être en ligne). Le site devait être commun aux deux structures.  J’ai choisi d’offrir une page d’accueil apportant autant d’information aux habitants de l’île qu’aux touristes: activités culturels et spectacles, horaires des marées, météo, informations récentes de la municipalité et mise en avant de la politique en faveur de l’environnement (ce qui était spécifié dans le cahier des charges). Nous devions également proposer une page intérieure, j’ai choisi celle de la mairie. Cette interface codée à la main, fait appel à du javascript et du jQuery, ainsi qu’à du flash pour la carte de situation. (2 pages valides, donc)

• Enfin, un troisième exercice nous a permis de découvrir Joomla 1.6. Cette fois nous devions travaillé sur le site d’un CAT (Centre d’Aide par le Travail) à destination des personnes handicapées. Et intégrer quelques plug-ins joomla (des extensions comme un moteur de recherche, un calendrier d’événements, des nuages de mots-clefs).

Voilà, en espérant que ces interfaces vous plaisent, et que les propriétaires des photos et des films que j’ai utilisés ne m’en voudront pas  pour ces emprunts à but scolaire.

J’attends vos retours.

S.

Mon premier logo de golf

Pour la première fois, j’ai réalisé un logo. Il s’agit d’une commande provenant de mon entourage. Ces personnes construisent un practice de golf privé, en Bretagne, sur un ancien champ de carottes, oignons, artichauts…

La contrainte était de placer un ou plusieurs légumes dans le logo, tout en intégrant les différents codes relatifs à la pratique du golf.

Voilà le fruit de mon travail.

Il sera prochainement floqué sur des polos :)

S.

Humour noir japonais

Pendant que je travaillais ce midi, j’ai entendu dans l’émission “Le fou du roi” (Stéphane Bern, France Inter) , un chroniqueur raconter comment il avait invité les auditeurs à envoyer leurs calembours sur les terribles événements qui secouent (oooppps ça commence…) le Japon. Il a visiblement reçu bon nombre de réponses. Et j’admets avoir ri aux éclats. Voilà ces quelques blagues douteuses:

• “Quelle est la banque préférée des Japonais? CIC, bien sûr. Parce que le monde bouge…”
• “Après le tremblement de terre et le tsunami, les risques nucléaires… ce qui devait arriver Areva”.
• “Les jeunes Nippons ont de gros soucis scolaires actuellement. Eh oui ! les enfants sèchent”.
• “L’année prochaine, aux JO de Londres, on aura peut être un chance dans la compétition de judo.” (source différente de France Inter)

Enfin, ma préférée, vraie blague de comptoir:

• “Le Japon, c’est comme le Ricard: plus y’a d’eau, moins y’a d’jaunes”

Voilà, désolée…

S.

Twitter pour les débutants, mode d’emploi

Cet article est la suite logique d’un précédent post: “Twitter expliqué à ma mère”, dans lequel je vous expliquais ce que Twitter peut vous apporter. Maintenant que vous êtes convaincus de son utilité, je vais tenter de vous présenter comment bien l’utiliser pour en tirer un maximum de profit.

Le principe général :

1. je m’abonne à des comptes twitter
2. je reçois sur ma page twitter ce que les personnes publient en temps réel
3. je publie des tweets
4. d’autres personnes s’abonnent à mon compte et profitent de mes informations

Pour mémoire, sur Twitter, on peut mettre 140 signes par tweet. Votre but sur Twitter: trouver des informations, transmettre des informations

Le principe de mur d’information en continu est appelé : “time line”, les habitués de twitter l’écrivent: TL, l’équivalent du wall de facebook.

Un outil participatif

Twitter est avant tout un outil participatif. La circulation de l’information d’un compte twitter à un autre en est la base.

Que l’on soit webdesigner, journaliste, mère au foyer ou business developper, on n’a qu’un seul devoir : transmettre des tweets. Plusieurs possibilités pour cela:

1. RT, le retweete: l’info m’a intéressée, je transfère l’information à nos abonnés
2. FF, “follow friday”: Dans Twitter cela s’écrit ainsi “FF @sligerot” par exemple: vous conseillez à vos abonnés de suivre sligerot, parce que vous trouvez que ses tweets sont pertinents. A l’origine, le FF s’effectue le vendredi (comme son nom l’indique) . Pourquoi le vendredi… Je ne sais pas. Désolée.
3. “#“, le hashtag: il permet de mettre un identifiant sur un mot, un peu comme un mot-clef. Ca peut donner ça: #webdesign. Ainsi lorsque vous faites une recherche sur le webdesign dans Twitter, vous obtenez tous les twitts du monde entier (au moins!) sur le webdesign et préférentiellement ceux avec le #.

Lorsque vous parlez couramment le langage twitter, ça peut donner ça: “FF @sligerot, super TL d’une #journaliste qui se reconvertit dans le #webdesign, please RT”. Sympa, non (sic)!

Voilà expliqué, encore une fois très succinctement, le fonctionnement de Twitter.

Pour en savoir plus, ce post nommé “Pour les nuls, comment débuter avec Twitter” pourra également vous intéresser.

S.

Petit cadeau pour les garçons…

Quoi de mieux pour la “journée de la femme” qu’une publicité où la femelle de l’homme est au service de sa souris…

Grâce à  un de mes petits camarades de formation, j’ai découvert ce site interactif en Flash. Bon, vous allez me dire: “OK encore un site full flash pour de la pub, bon. Et alors?”

Et alors… Il s’agit d’un site promotionnel pour Perrier. Là ça ne vous branche toujours pas?

Mais la marque vous propose ici un petit jeu érotique avec Dita von Teese. Bluffant!

Messieurs (de plus de 18 ans), prenez une grande respiration et découvrez l’aventure  que Perrier vous offre avec Dita.

S.

Ma première bannière pub!

Nous terminons la 8e semaine de cette formation de webdesigner à Nantes.

Après quatre jours de Flash, je vous présente ma première bannière pub. J’ai choisi Ouest-France pour cet exercice (j’espère qu’ils ne m’en voudront pas…). Il n’y a là rien d’extraordinaire, c’est vrai, mais comme c’est une première, il fallait que je vous la montre!

S.