La première nouveauté est la possibilité d’intégrer une image en bas du contenu de votre site. Cette option vous permet de « fermer » un design. A titre d’exemple, regardez cet essai avec le thème graphique Wowza qui est à présent fermé en bas (alors que le thème actuellement disponible finit tronqué). Ainsi, vous pouvez dès à présent télécharger une image depuis votre disque dur, définir sa répétition (mosaïque, centré, …), sa largeur et sa hauteur dans le dernier cadre « Pied de page » de la page Personnaliser le design.

Vous aviez déjà la possibilité depuis peu de choisir une puce à afficher devant les liens pour certains éléments (directement dans Configuration > Menus verticaux). La seconde nouveauté est la possibilité d’intégrer des puces par défaut sur les liens des menus verticaux. Contrairement aux puces des éléments de menus verticaux, en plus d’en choisir une parmi une bibliothèque d’une centaine de puces, vous pourrez la télécharger depuis votre disque dur et définir une puce au survol du lien. Cela habillera votre menu et le rendra unique. Pour intégrer une puce, ça se passe dans la partie « Menu vertical » (gauche et droite) de la page Personnaliser le design puis le lien « gestion du style des titres« .

La dernière nouveauté est la possibilité de définir une marge à gauche pour les titres dans les menus verticaux. C’est tout bête mais ça permet lorsque le titre est sur un fond image et aligné à gauche que cela ne touche pas le bord. Ou alors, cela peut permettre de mettre un fond contenant une puce et de décaler le titre pour qu’il vienne se placer à côté de la puce. Cette nouveauté se retrouve également dans le cadre Menu vertical puis le lien « gestion du style des titres« .

Nous espérons que ces quelques petites modifications vous permettront d’améliorer le design de votre site. Nous, cela nous permettra de vous proposer prochainement des thèmes graphiques à appliquer sur votre site plus beaux et plus finis ! Enfin, nous restons à votre écoute si vous avez des remarques ou suggestions.

8 nouveaux thèmes sont désormais en ligne, je vous invite à les découvrir et à les appliquer sur votre site : Minneapolis, Cheers, Braw Ocean, Braw Original, Aubine, Green Barn, Baby Boy et Red Wall.

Même si l’ensemble des thèmes peuvent être modifiés et personnalisés, je vous invite à limiter très fortement leur personnalisation pour de simples raisons, par exemple :

• un thème est un mélange d’images et de couleurs cohérentes (si vous les modifiez, vous pouvez perdre cette cohérence pourtant essentielle dans le webdesign).
• les images de fond du site, de l’entête, des menus, du contenu, etc. ont une largeur, une hauteur, une forme définie, il ne faut donc pas modifier la largeur du site, ni même le nombre et les dispositions des menus, etc.

Pour cela et pour d’autres raisons trop longues à expliquer, je vous invite à utiliser les thèmes tels qu’ils vous sont proposés.

Pour les plus expérimentés, et ceux qui souhaitent aller plus loin, je vous invite à vous rendre dans Configuration > Personnaliser le design et utiliser une des 3 options de personnalisation :

• simple (nouveau !) : formulaire simple de modification du design, idéal pour personnaliser un thème graphique
• intermédiaire : formulaire nécessitant une bonne maîtrise de la conception de site sous e-monsite.
• expert : cette option nécessite d’avoir une parfaite maîtrise du langage CSS.

Je reste à l’écoute de vos remarques sur les thèmes et sur vos souhaits.

Le cahier des charges exigeait que je reprenne obligatoirement un visuel de chaque spectacle afin de composer une couverture (par la suite déclinée en affiche A3+ et A4) suggérant la grande diversité de la programmation, particulièrement riche cette année. 5 spectacles = 5 visuels à agencer donc, les uns avec les autres. Plutôt que de m’orienter vers un photomontage classique, j’ai préféré ne retenir que les éléments emblématiques des photographies dont je disposais.

Pour palier à la mauvaise qualité de certaines images et afin d’en atténuer l’effet, j’ai appliqué divers filtres sur ces éléments détourés afin d’homogénéiser l’ensemble. Un arrière-plan «tramé» permet de les lier les uns aux autres, l’ensemble reposant sur les quelques éléments typographiques qui composent la couverture, comme le titre ou encore le cartouche rouge (contenant les informations principales).

Après quelques corrections souhaitées par le service culturel, concernant notamment la mise en forme du titre et du sous-titre, j’ai pu décliner la couverture au format A3+ et A4 puis mettre en forme les pages intérieures : visuel du spectacle accompagné d’une courte description, infos utiles au verso.

Après diverses recherches, j’ai choisi de conserver l’idée de la boîte à musique. Celle-ci retranscrie parfaitement le côté populaire et festif de ce festival éclectique consacré à la musique et aux arts de la rue. Le mouvement circulaire exercé sur cet instrument évoque également le tournoiement d’un manège, son côté ludique rappelant également qu’il s’agit d’un évènement pour tous, petits et grands ! Puisqu’il s’agit d’une affiche et que celle-ci se doit d’interpeler le public, j’ai retenu une police mécane pour la mise en forme des principaux éléments typographiques, à commencer par le titre. Percutante et dynamique par ses couleurs, l’affiche doit être vue de loin, puis dévoiler la programmation si l’on s’en rapproche.

Validée par le service culturel de la communauté de communes, l’affiche est actuellement en impression. Retrouvez-la prochainement sur les murs du Val de Nièvre !

Lors de sa conception, il m’a été demandé de mettre en avant les monuments emblématiques de Paris qui seraient aperçus lors de ce voyage : le sacré cœur, le Moulin-Rouge, la cathédrale Notre-Dame… Afin de respecter la charte graphique de cette société, j’ai du reprendre le logo ainsi que le filet multicolore, éléments présents sur tous les documents imprimés de cette entreprise.

Ce carton d’invitation est complété par un bulletin de réservation (format 15×15 également) que le destinataire se devra de renvoyer pour confirmer ou non sa participation à cette journée que j’espère ensoleillée et conviviale !

Ce document étant une déclinaison de la brochure, j’ai donc choisi de conserver le personnage de couverture (élément récurrent de la saison culturelle de la CCVNE), puis modifié les couleurs d’arrière-plan, afin de ne pas le confondre avec la brochure originale. Les pictogrammes originaux ont également été conservés, ceux-ci permettant d’identifier rapidement le genre d’un événement : musique, cinéma, théâtre…

Très coloré, ce flyer est une invitation au plaisir et à la découverte, soulignant le dynamisme du service culturel de la CCVNE, l’hétérogénéité et la richesse de sa programmation.

Jugée trop éloignée de ses activités réelles, Imotep souhaitait une interface mettant plus en avant sa propre documentation écrite, que je devais utiliser au maximum dans mes prochaines propositions. Une seconde déclinaison fut alors soumise, conservant malgré tout quelques éléments appréciés par le client (menu vetical, carte de visite, fond et pied de page…) dans ma première proposition :

Une enveloppe manuscrite et une entête de lettre simulant une correspondance entre Imotep et un de ses clients fut ajouté dans le haut de page. Cependant, cela restait trop timide. On me demanda alors d’intégrer la plaquette en arrière-plan, ainsi que divers documents issus du centre de formation à la place de la page centrale, pour arriver alors à ce résultat final :

Validé par Imotep, je pouvais désormais passer à l’intégration du design dans une page Web à l’aide d’XHTML et CSS. Afin d’améliorer l’ergonomie du menu et la navigation au sein du site, j’ai opté pour un sous-menu déroulant avec effet AJAX dit « accordéon ».

En ligne depuis début décembre, le résultat est visible à l’adresse suivante : http://www.imotep-formation-conseil.com/

• Comment créer un bon logo ?

C’est semble t-il une question qui revient assez souvent et à laquelle nous allons essayer de répondre. Avant cela il reste important de cerner l’utilité du logo en d’autres termes : à quoi sert un logo pour l’entreprise?

• Le logo = identité visuelle de l’entreprise

Le logo fait partie intégrante de l’entreprise, il est l’un des piliers fondamentaux de l’identité de l’entreprise. Il porte les couleurs associées à l’activité de l’entreprise, il est porteur des valeurs de l’entreprise. Attention donc à ne pas le négliger. De plus il est un élément qui attire l’œil et qui très rapidement est associé à la marque. Clients, partenaires garderont seulement en tête leur première impression celle qu’ils ont eu en voyant le logo.

• Quelques conseils :

Un bon logo, c’est un logo simple… en effet il faut être simple, un logo n’est pas une œuvre d’art, il faut veiller à ne pas trop surcharger en couleurs (qui coûtent chères en impression etc.), il faut éviter également tous les logos qui peuvent prêter à confusion.

En bref un logo simple : pour être compris (valeurs de l’entreprise notamment) , pour être mémorisé, qui par la suite sera reconnaissable et dans le meilleur des cas qui sera directement associé à la marque, à l’entreprise.

Un logo original mais durable… il faut essayer d’être différent, le logo sert aussi à se démarquer mais attention à ne pas trop s’isoler, il faut essayer de trouver le juste milieu entre être différent et suivre les modes (actuellement la mode ce sont les logos 2.0 qui fait référence au web 2.0).

Un logo adaptable…à toutes les déclinaisons : le logo de l’entreprise sera présent sur bon nombre de supports de communication, cela veut donc dire que la charte graphique de vos différents supports se déclineront en fonction du logo, il est plus logique de reprendre les couleurs du logo pour que le tout soit coordonné. Le logo doit impérativement être bien réfléchi.

La création d’un logo n’est pas si facile, ça ne se résume pas à la simple conception d’une forme graphique ou textuelle. C’est un travail de réflexion qui s’appuie sur l’entreprise, à partir d’un logo on doit être capable de déduire la branche d’activité, la cible visée et de se faire une idée sur les valeurs de l’entreprise. Il doit en résulter une impression positive, une dynamique, il ne faut pas oublier que le logo est aussi là pour convaincre.

Je souhaitais proposer une mise en page originale, mettant en valeur les spectacles, présentés aux lecteurs à l’aide d’une photographie et d’un texte descriptif. Ne disposant pas toujours d’images haute résolution, j’ai opté pour une vignette d’une largeur de 50 mm à laquelle vient se juxtaposer le pavé de texte, ces deux éléments étant séparés par un filet maigre afin de mieux les ancrer dans la page. Les textes étant de longueurs inégales d’un spectacle à l’autre, j’ai de temps à autre replacé le fauteuil de la couverture en bas de page, une manière de combler un espace vide parfois trop imposant.

La mise en page validée, restait à proposer une couverture représentant des objets en filigrane étendus sur un fil à linge surplombant un fauteuil, idée qui m’avait été soumise par le service culturel. De style baroque, ce fauteuil rappelle par sa couleur et ses ornements ceux dans lesquels ont à plaisir à s’assoir dans certaines salles de théâtre. Une manière de mettre également en valeur la qualité de la programmation et l’accueil chaleureux réservé aux futurs spectateurs. Afin de bien faire ressortir ces objets dessinés simplement au trait blanc, un fond sombre s’imposait. Après quelques recherches, j’ai retenu un bleu foncé qui contraste fortement avec les objets et fait ressortir le rouge du fauteuil.

Un travail qui, je l’espère, donnera envie aux habitants de se rendre, nombreux, aux spectacles proposés pour cette nouvelle saison. Retrouvez l’agenda culturel de la communauté de communes sur le net.

Comportant 20 pages et de format 12 x 12 cm (compact et facilement glissable dans la poche !), cette brochure se devait d’être joyeuse, festive et colorée, à l’image de la programmation. Le souhait du service culturel de la CCVNE était de conserver la même maquette que la saison passée, qui avait fait l’unanimité. Aucun bouleversement donc dans la mise en page, seule la couverture a été légèrement revue, un effet 3D appliqué sur le personnage rendant l’ensemble plus moderne. Lors de sa conception, je me suis principalement attaché à bien mettre en valeur les informations essentielles, nécessaires au lecteur pour pouvoir se rendre à l’un des spectacles proposés : titre du spectacle, lieu et horaires. Le résultat est un document aux pages contrastées et je l’espère, agréables à parcourir.