blog de stage

Sur le Fil et autres Histoires de Cirque (Riki Blanco)

Capuchon [l'homme-canon], Mme Amulette [la voyante], Augusto Sordela [l'évasionniste], Vladimir [le lanceur de couteaux] et Raspoutine [la cible humaine], Améthyste [la trapéziste], Ambroisie [la magicienne], Filomène [la funambule], Solenne Loupiote [la maîtresse des lumières], Marcus [le dompteur de puces], Adrénaline [la chef d'orchestre], Ding Dong [le clown], Elena [la contorsionniste], Bartholomé [l'ombromane chinois] ...

Pendant ce temps, où en sont les maquettes ?

Bien sur, Arielle bosse dessus depuis Lundi. Nous avons décidé de commencer par l’espace Nature Petit Chainage. Elle s’appuie sur les bases visuelles du mailing printemps : les feuillets papiers que recevront les abonnés début Mai. Une ambiance y est déjà plantée à travers un décor festif et printanier que les utilisateurs devront retrouver lors de leur visite.

Il y a un aller-retour régulier entre la cellule web et le service marketing. Ce sont eux qui valident les textes, et ils ont aussi leur mot à dire sur le rendu général des sites par rapport à l’objectif principal. Dans cette boucle, n’oublions pas les correcteurs qui reçoivent les contenus textuels pour traquer la moindre faute d’orthographe!

Le premier changement majeur a été la disposition de la sidebar à gauche plutôt qu’à droite. Les deux marges décoratives qui encadrent le site et lui donnent un certain relief ont quant à elle été optées dès le début. On prévoit de les adapter en fonction de chaque espace. Pour anniversaire, ce sera par exemple des ballons, des gâteaux, des cadeaux ... Cela assurera la singularisation de chaque thème (générique) décliné dans les différents univers.

Le diaporama ci-dessous retrace l’évolution de la maquette entre lundi et jeudi (et même un peu au delà pour le fond bleu ...) :

Quelques aperçus des mailings printemps (mais sans les polices officielles : le large éventail de polices utilisées aux éditions Milan ne sont disponibles que sous mac !) :

Lorsque j'ai montré les premiers pictogrammes à Julien, il m'a fait connaître une série de sites où l'on peut trouver des banques entières de pictogrammes.

Ils sont d'ailleurs tous recensés sur l'excellentissime blog de mtnconcept.com/free-tools (category/design/icones/).

C'est un espace de partage de ressources gratuites pour webmasters et je ne trouve simplement pas de mots pour saluer une telle initiative. Des gros-mots si : ça déchire grav' ça rass' de puti'n d'sa mèr !

Bref, j'ai aussi découvert le style "glacé" , adjoint à un effet de volume dans l'imagerie 2D à partir de Photoshop et d' Illustrator.
Ce site : crystalxp.net hébérge une grande série de tutoriels pour obtenir des effets "modernes" dans photoshop et autres logiciels 2d.

Dans mon apprentissage, j'avais jusqu'à présent négligé ce style lustré, pourtant si répandu sur le web de nos jours...

A fin de pouvoir "booster" un peu les premiers pictos, j'exectute ces deux tutoriels :
De la sphère au bouton... version Glassy

Les dégradés, les couleurs neutres, ou comment Crystallyser...

ASTUCE :

Remarque : Lorsqu'on intègre du contenu flash dans un site internet, cela se fait classiquement avec ces quelques lignes :

<object data="movie.swf" type="application/x-shockwave-flash"
width="500" height="500">    <param name="movie" value="movie.swf" />
</object>

Il n'y a aucun problème dans le navigateur FireFox, mais sous IE, l'animation n'est pas détectée automatiquement, et il faut d'abord cliquer dessus pour en autoriser le contenu.

Solution : Il existe un script en JavaScript qui permet de détecter le plug-in flash, et rend l'intégration des animations fluide dans n'importe quel navigateur.

Documentation : wiki d'adobe
Télécharger : ici (à venir, quand le bug que j'ai déclenché sur le plugin wp-download sera fixé ... ! :S )
en attendant : là

Voici la première série de pictogrammes pour les catégories : coloriages, récits, karaoké, chansons, partitions, aide et contact.

Pour ce qui est des thèmes, c'est en fait Arielle qui s'en charge car elle connait bien les ressources graphiques et l'identité visuelle des sites de Milan. Je m'occuperai de créer les pictogrammes qui désigneront les familles de primes : coloriages, récits, chansons, karaoké etc...

Aujourd'hui, je me consacre à la réalisation de la première animation Flash pour l'espace nature Petit Chainage.

En voici le résultat final (terminé quelques jours plus tard):

Par ailleurs, je lance les premières recherches d'images qui me serviront à créer les pictogrammes des primes :