Nouveau : le blog Prince de Bretagne

Cuisinons les légumes, c’est le mot d’ordre du blog dont Prince de Bretagne nous a confié la réalisation et l’animation.

Tout le monde sait aujourd’hui qu’il faut consommer davantage de légumes. Mais le consommateur ne sait pas toujours comment faire. Lui apporter des idées toutes simples à appliquer au quotidien, lui donner des recettes accessibles, des tours de main en vidéo, c’est l’objectif de ce blog, en complément de la newsletter hebdomadaire « l’idée de la semaine » que nous réalisons depuis plusieurs années déjà, et de la page Facebook.

Notre travail consiste à rechercher les idées, les concrétiser par des photographies, recettes, vidéos, et à publier ces réalisations sur le blog en fonction des saisons et du marché.

L’ambition est de devenir la référence « légumes » dans la très active blogosphère culinaire.

Le blog : cuisinons-les-legumes.com

Pour s’inscrire à la newsletter « l’idée-légumes de la semaine » : www.prince-de-bretagne.com

le blog cuisinons les légumes de Prince de Bretagne

le blog cuisinons les légumes de Prince de Bretagne

Un responsive design à l’ancienne

Le responsive design*, à quoi ça sert ? Ça sert à optimiser la lecture et la navigation quelle que soit la taille de l’écran utilisé. C’est donc très en rapport avec la notion de contenu.

Des menus lisibles sur smartphone

Des menus lisibles sur smartphone

Le responsive design, ça ne sert pas le « design », justement. Ça sert le contenu.
Prenez un joli design avec des animations, des belles couleurs, une belle composition graphique… L’œil s’adapte et on en prend connaissance à peu près de la même façon que l’écran soit petit, moyen ou grand. En revanche, si un site propose des images informatives, du contenu à lire, une interactivité — c’est à dire un vrai contenu riche et varié — on a besoin de l’adapter, de modifier sa présentation en fonction de la taille de l’écran. Ne serait-ce que la taille des caractères, pour simplement pouvoir lire le texte.

Je suis assez satisfait de constater que des sites que nous avons réalisés il y a bien longtemps, bien avant que l’on se préoccupe de savoir si ça pouvait être lisible sur un écran d’iphone — ces sites-là, eh bien ils tiennent la route. Ils sont assez facilement consultables sur un téléphone.
Pourquoi ? Parce que nous avions, dans ces sites, donné la priorité au contenu, à la lisibilité. Il y a quelques secrets pour ça : on divise la largeur de l’écran, un menu à gauche, le texte principal au milieu et une information complémentaire sur la colonne de droite.

Des textes aisément consultables sur smartphone

Des textes aisément consultables sur smartphone

Résultat : en agrandissant d’un glissement de doigt, on arrive à naviguer, à voir l’ensemble des menus, à cadrer un texte bien lisible et à consulter si on le souhaite le contenu complémentaire.

L’information est hiérarchisée, la longueur de ligne est correcte, la taille de caractère est fonction de cette longueur de ligne. Sur le plan typographique, c’est étudié pour une bonne lisibilité. Sur le plan de l’ergonomie, c’est étudié pour une compréhension facile et une navigation intuitive.

Ce n’est pas du responsive design, c’est du design adapté à l’information.

Un vrai responsive design sera bien évidemment plus agréable : les menus seront adaptés, on ne sera pas obligé de redimensionner à chaque changement de page…

Pour autant, faut-il faire réaliser son site en responsive design ? Ce sera l’objet d’un prochain article.

Quelques exemples de sites bien lisibles sur smartphone quoiqu’anciens :
sicastpol.fr
guiclan.fr
treflevenez.fr
biosem.fr
plougar.fr

* Voir notre article présentant un exemple « La belle régate, un site en responsive design »

Pierre Réguer

Un nouveau site pour l’Atelier du Garo, cuisiniste-agenceur

5 ans après sa mise en ligne, le site internet de l’Atelier du Garo s’offre une nouvelle jeunesse. Plus que cela même, puisque le site a été entièrement revu. L’objectif était, pour le cuisiniste, de mettre en valeurs ses réalisations et la qualité de la fabrication sur mesure. L’entreprise a confié une nouvelle fois cette mission à Expression et nous en sommes donc très fiers.

Un grand diaporama met dans l'ambiance dès la page d'accueil

Un grand diaporama met dans l'ambiance dès la page d'accueil

Nous sommes partis sur une maquette très sobre, avec un choix de fond gris, qui met en valeur les photographies qui parlent ainsi d’elles-mêmes. Nous avons conservé l’aspect du menu du site précédent pour assurer une certaine continuité. A noter également le sous-menu accordéon de la page « Nos cuisines » qui apporte de la convivialité.

Une nouvelle plaquette pour l’occasion

L’Atelier du Garo a profité de la mise en ligne de son dernier site pour sortir une nouvelle plaquette (réalisation Expression). C’est une bonne méthode évidemment quand on veut asseoir sa nouvelle identité graphique…

L’Atelier du Garo est un cuisiniste-agenceur, situé dans la région de Brest, à Plouguin plus précisément, entre Gouesnou et Ploudalmézeau. Cette entreprise a la particularité d’assurer la fabrication dans son propre atelier, ce qui garantit une véritable conception sur mesure, au millimètre près, pour les cuisines, salles de bains, agencements… Cela lui garantit également une certaine souplesse, une indépendance et une qualité de travail. Cette stratégie s’avère judicieuse puisque depuis 1989, les plannings ne désemplissent pas.

atelier-du-garo-plaquette

Un logo, des déclinaisons…

Un logo, pour moi qui ne suis pas graphiste, c’est un nom et/ou une image qui deviennent un signe de reconnaissance pour une entreprise ou une marque, un signe différenciant.
Plus précisément, les graphistes vous diront qu’un logotype (oui les graphistes parlent plus volontiers de « logotype » que de « logo »), c’est normalement juste le nom de l’entreprise (ou de la marque) écrit en une certaine typographie. Une dérive souvent (parfois?) judicieuse fait que souvent les logos sont accompagnés d’une forme, d’une représentation qui renforce leur symbolique. Mais attention à ce dernier point ; il ne faut pas confondre logotype et image. Le logo ne comportera pas toutes les valeurs de l’entreprise, c’est son utilisation qui participera à l’image. Il ne faut pas s’enfermer dans son logo. A ce sujet, je me souviens de l’appel d’offre d’une grande ville qui avait sollicité Expression pour travailler sur son nouveau logotype : le logo devait « représenter »  la pierre de la région, la cathédrale, la mer et d’autres choses encore… de quoi bien motiver les graphistes… Bref.

carnet-de-jardin

Privilégier la lisibilité et la mise en valeur de l’information
Voici un logotype qui vient d’être validé par notre client Carnet de Jardin.
Julie, graphiste chez Expression depuis presque 10 ans, a conçu un logotype qui se décline en deux versions, voire plus : « Pour moi, on peut presque décliner un logotype à chaque utilisation. L’essentiel est de privilégier la lisibilité et la mise en valeur de l’information. Par exemple, le logotype principal de Carnet de jardin comporte le nom, une forme végétale, une base-line le tout dans un graphisme « étiquette de jardin ». On peut tout à fait envisager de n’exploiter que le nom seul ou une version réduite ne comportant que le nom, la base-line. Dans le cas de la version dite « réduite », on peut imaginer qu’elle pourra être accompagnée de la forme végétale, qui viendra soutenir, rappeler, renforcer le logotype. On peut l’imaginer flottante avec une ombre, sans dénaturer le sens. Tout dépend de l’outil de communication. Nous adapterons le logo en fonction du support (site internet, flyer…) et aussi aux contraintes techniques de la fabrication qui ne sont pas les mêmes sur internet, sur des supports papier, sérigraphiés…, avec toujours comme objectif de privilégier la lisibilité ! »

carnet-de-jardin

Carnet de jardin est une entreprise tout juste créée en octobre par Elodie Seité-Joly, paysagiste-conseil. Elle propose de concevoir votre jardin et de vous le proposer clé en mains. Mais pas seulement, elle propose aussi de vous aider dans la réalisation de votre jardin, ou d’un coin mal exploité. Elle peut, par exemple, juste vous accompagner chez un pépiniériste ou une jardinerie, vous aider à choisir les végétaux adaptés à votre jardin (exposition, terre…) et à votre disponibilité. Elle peut vous expliquer comment les tailler… Elle peut se charger de prendre contact avec les artisans pour les travaux (terrasse, allées…). Elle peut aussi vous conseiller pour quelques aménagements de votre jardin avant la vente de votre propriété (le fameux « garden-staging »). Bref, une prestation sur-mesure pour tout ce qui concerne votre jardin.
Voir aussi le site internet de Carnet de jardin, en cours de réalisation par l’agence Expression, pour le moment (31 octobre 2012) une simple page d’attente.

Cécile Le Meur, conceptrice-rédactrice.

Les Petits matins de la Couette de plume

Le livre de Jacques Moal Les Petits matins de la Couette de plume

L’agence Expression est très fière d’avoir réalisé le livre de Jacques Moal « Les petits matins de la Couette de plume ».

Jacques Moal photographie chaque matin depuis quatre ans, au lever du soleil, le rocher qui porte ce nom, en face de chez lui, sur l’îlot Sainte-Anne à Saint-Pol de Léon.

Ces milliers de photographies donnent à voir un paysage extraordinairement changeant. Jacques Moal nous a confié la mise en pages de son livre, c’était un défi passionnant.

Les 70 photographies choisies, prises du même endroit — mais pas toujours avec le même cadrage, Jacques Moal regarde et compose soigneusement sa scène avant de la photographier — auraient pu, malgré la diversité des lumières et des couleurs, malgré la magie  de chaque instant photographié, donner un livre linéaire, une simple succession d’images. Le défi était donc d’aider Jacques à en faire un vrai livre, structuré, animé.

L’expérience était intéressante, car pour y parvenir il fallait réellement regarder, creuser chaque photographie, faire des rapprochements, repérer des oppositions, choisir quelles photographies devaient « exploser » sur une double page, et lesquelles prendraient tout leur sens en petites vignettes juxtaposées.

Merci, Jacques, de nous avoir permis cette aventure, et bravo à Malou Créac’h (collaboratrice de l’agence Expression, virtuose en pas mal de choses mais tout particulièrement dans la mise en page, la typographie et la couleur) qui a assuré ce travail.

Le livre est en vente sur notre boutique en ligne www.photolegende.com

Ci-dessous, trois double-pages pour vous mettre en appétit.

PS. Et bravo à l’imprimerie de Bretagne, à Morlaix : imprimer de telles nuances n’est pas à la portée du premier noircisseur de papier venu.

PPS. Le livre est également en vente à Saint-Pol de Léon, à la librairie Livres in Room, à la Maison de la Presse et au Syndicat d’initiative.

double page des Petits matins de la Couette de plume

double page des Petits matins de la Couette de plume

double page des Petits matins de la Couette de plume

Les QR-codes (chapitre 1) : flashez !

qr-code-expression

On les voit de plus en plus : des petits gribouillis en forme de carrés, contenant des labyrinthes noir et blanc, sur nos magazines, sur les emballages, sur les cartes de visites… Partout !

Un QR-code, qu’est ce que c’est exactement ?
Un QR code (ou code 2D ou Flashcode…) c’est un code, un peu comme un code-barres, sauf qu’il peut contenir plus d’informations et qu’il peut être décodé très rapidement par un Smartphone, un Iphone par exemple. Vous devez avoir au préalable téléchargé une application permettant de scanner, Scan par exemple.

A quoi ça sert ?
Ben ça sert à plein de choses !
Deux exemples :

Les QR-codes de Kérisnel les Pépinières envoient à des vidéos-conseils.

Les QR-codes de Kérisnel les Pépinières envoient à des vidéos-conseils. Essayez !

Kérisnel, Les pépinières ont intégré des QR codes à leurs emballages. Imaginons que vous soyez en jardinerie, vous vous intéressez à un pommier. “Ah oui, ce serait bien un pommier dans le jardin !” Mais là, plein de questions : “C’est compliqué, cela, un pommier : comment je vais le planter, il faut le tailler ?…” Pas de panique, le QR code est là, à portée de main sur l’étiquette – chromo du plant. Un coup de scan à partir de votre Iphone et hop, vous arrivez directement sur une petite vidéo bien sympathique (Réalisation Expression :-)) : un producteur vous explique en deux minutes chrono tout ce que vous devez savoir sur les fruitiers : les conseils de plantation, d’entretien, de taille… Vous êtes rassuré et vous achetez en toute confiance (c’est bien là l’objectif) votre pommier.

Les QR codes de Kérisnel les Pépinières conduisent à des vidéos de conseil.

Les QR codes des Pépinières de Kérisnel conduisent à des vidéos de conseil.

Pour Kérisnel Les Pépinières, l’affaire est rondement menée : l’entreprise a réussi à vous faire passer une multitude d’informations, de manière ludique de surcroît, qui vous ont rassuré et qui ont déclenché la vente.

Autre exemple : Vous êtes de la « génération zéro papier » ? Ras le bol de collectionner les cartes de visite en papier ? Eh ben si vous avez des cartes comportant des QR codes, rien de plus simple. L’entreprise Sédasis a intégré des QR-codes à ses cartes de visites (Réalisation Expression), ce qui permet, en les flashant, de générer une fiche-contact sur votre Iphone et l’affaire est réglée.

Sédasis intègre des QR-codes à ses cartes de visite.

Sédasis intègre des QR-codes à ses cartes de visite.

Comment faire ?
Contactez votre agence de communication préférée – Expression par exemple. On s’occupera de tout, de générer les QR code, de l’intégrer à vos outils de communication.
Et plus encore : de créer et gérer les url qui assureront la pérennité des vos QR codes, de créer des QR codes plus graphiques, plus agréables à regarder, qui s’intègrent à votre image…

QR code Expression, agence de communication à Landivisiau, Finistère