Un nouveau logotype pour Tecnosem

Tecnosem, entreprise de production de plants maraîchers, nous a confié la réalisation de son nouveau logotype.

tecnosem

C’est Julie, graphiste chez Expression depuis plus de 10 ans, qui l’a créé : “Le logotype avec son visuel et son lettrage est très impactant, à l’image de la dimension de l’entreprise. Le visuel composé de jeunes feuilles est très présent mais grâce au choix du contour, il n’alourdit pas le logotype, tout au contraire puisqu’il apporte une certaine légèreté, un élan : Ici, ça pousse ! Les polices utilisées sont droites et privilégient la lisibilité. La lisibilité est aussi renforcée par le jeu entre “tecno” et “sem” : minuscule/capitale, noir/vert, police maigre/graissée…”


tecnosem-declinaison

Le logotype Tecnosem est décliné sous d’autres couleurs pour les autres entités de l’entreprise :

  • Biosem pour la production de plants maraîchers certifiés AB
  • Prestisem pour la prestation de services autour de la production de plants
  • et la toute dernière : Hortisem pour la production de plants potagers


Tecnosem,
l’expertise en matière de plants maraîchers

Basé à Cléder dans le Finistère, Tecnosem cultive une large gamme de plants maraîchers (choux, salades, oignons…) qui seront vendus aux producteurs légumiers de la région. Tecnosem dispose également de toutes les compétences, équipements et savoir-faire pour la production de plants greffés : tomates, poivrons, aubergines… Les variétés proposées sont adaptées aux terroirs des clients et à leurs besoins.

Tecnosem a la particularité, reconnue de tous, d’investir sans cesse pour intégrer les dernières technologies et ainsi garantir efficacité et qualité à ses clients. Tecnosem est certifiée Ecocert et Iso 9001 ; gages de qualité, de sécurité et de régularité. Hubert Salaün, dirigeant et fondateur de l’entreprise est aussi particulièrement intransigeant sur la traçabilité des plants et leur qualité sanitaire. Les services proposés ne sont pas en reste : Tecnosem met en place des plannings de plantation personnalisés en fonction des besoins, la livraison par l’entreprise est possible…

Pour ses 20 ans,
Kerbrat Jardins affirme son positionnement…

Kerbrat Jardins a confié à l’agence Expression la création de sa nouvelle image (voir aussi notre post précédent). Pour son 20e anniversaire, Kerbrat Jardins a souhaité asseoir son positionnement de paysagiste haut de gamme.

Un nouveau logotype

Julie, graphiste chez Expression depuis 2003, nous parle du nouveau logotype :

“Le nouveau logotype est davantage une adaptation de l’ancien qu’une création pure et Arnaud Kerbrat avait déjà une idée affirmée de ce qu’il attendait.

Nous sommes partis sur un logo de forme carrée ; cette forme était déjà bien présente sur l’ancien logo. Les arbres ont été simplifiés et un seul a survécu à la volonté de sobriété. L’arbre est volontairement décentré pour que l’on n’arrive pas à quelque chose de trop symétrique, ce qui rendrait le logo inexpressif. L’arbre décentré créé un jeu de fond et de forme qui vient animer et dynamiser le logotype.

La police est sobre, droite mais avec du caractère, des angles originaux, bien travaillés. On le voit en particulier sur le K et le J.

Le noir et blanc était une évidence pour une image sobre, épurée, classe.”

Le nouveau logotype a été très vite décliné sur tous les outils de communication : la papeterie, les véhicules, les enseignes…

kerbrat-logo-evolution

kerbrat-panneau-2014

Une nouvelle plaquette

Expression a réalisé une plaquette de présentation de l’entreprise, avec une finition pelliculage mat et vernis sélectif. Les fonds noir, gris et blanc sont rehaussés par des à-plats gris-violet très intéressants. Ces fonds sobres mettent en valeur les photographies des réalisations paysagères. L’impression de la plaquette a été optimisée et nous avons pu proposer un amalgame avec une carte de correspondance, différents modèles de carte de visite…

kerbrat-plaquette-2014

Un nouveau site internet

Enfin, le site internet a été entièrement repensé. Sobriété et mise en valeur des réalisations ont, là-aussi, marqué la conception. En exemples, trois jardins sont présentés en détails dans les galeries. Les photos en noir en blanc passent en couleurs au survol et cela participe au plaisir de naviguer.

kerbrat-web-2014

Le tout avec plaisir

C’est avec un grand plaisir que nous avons travaillé pour Arnaud Kerbrat et Aurélie Guillon qui font toujours preuve de professionnalisme et d’une grande écoute. C’est aussi un plaisir de travailler dans un contexte de choix affirmés. Merci à eux pour leur confiance.

Salon de l’habitat,
Kerbrat Jardins dévoile sa nouvelle image

À l’occasion de son 20e anniversaire et lors du salon de l’habitat qui s’est tenu ce week-end à Brest, l’entreprise paysagiste Kerbrat Jardins a dévoilé sa nouvelle identité visuelle dont la réalisation nous a été confiée. Expression a donc conçu un nouveau logotype, décliné ensuite sur tous les outils de communication : plaquette, site internet, véhicules, tee-shirt de travail, panneaux…

“Nous fêtons cette année notre 20e anniversaire et c’est une belle occasion pour réaffirmer notre passion pour le paysage et notre engagement constant pour la qualité de nos créations, explique Arnaud Kerbrat. Le nouveau logotype est épuré et révèle une image assise et moderne, à l’instar de la réalité de notre entreprise : une expérience riche de 20 ans et une orientation vers les créations contemporaines architecturales”.

kerbrat-jardins-salon-2014

Aurélie Guillon et Arnaud Kerbrat

Une spécialité : la maçonnerie en pierres naturelles

Au salon de l’habitat, sur le stand de 54 m2, toute l’équipe de Kerbrat Jardins était à pied d’oeuvre pour montrer son savoir-faire et les nouveautés proposées par l’entreprise : le bassin Swim-n-spa, mobilier extérieur design… Samedi et dimanche, des démonstrations de murets de pierres sèches ont attiré les visiteurs venus nombreux sur le stand. Le stand très remarqué a même attiré les journalistes…

kerbrat-salon-2014

Des démonstrations de construction de murets en pierres sèches ont animé le stand Kerbrat Jardins.

Nouveau site en ligne :
La ferme avicole de la Trinité

Expression vient de mettre en ligne un nouveau site vitrine, celui de la ferme avicole de la Trinité : un site simple et clair, présentant l’activité, les produits proposés par la Ferme ainsi que ses points forts.

www.fermeavicoletrinite.com

Le site internet de la Ferme avicole de la Trinité

Le site internet de la Ferme avicole de la Trinité

La Ferme avicole de la Trinité propose aux professionnels des œufs frais conditionnés sous différents emballages. L’élevage compte 200 000 poules, élevées selon un cahier des charges strict et contrôlé.
En parallèle, la filiale L’œuf de la colline propose des œufs de plein d’air grâce à son élevage de plein air composé d’un poulailler et d’un espace de verdure de plus de 7 hectares.

Le Responsive design : exemple avec le site plant-echalote.fr

L’OBS* a choisi de réaliser un site internet pour promouvoir la culture de l’échalote et les variétés qu’elle propose. Elle a confié ce travail à Expression et le site vient d’être mis en ligne :

Plant-echalote.com

Plant-echalote.com

Le site a été conçu en responsive design.

Comme vous êtes nombreux à ne pas visualiser ce qu’apporte le responsive design, voici donc un exemple en images.
Je pourrais (enfin, pas sûre, mais mes collègues oui) vous parler de CSS3, de CMS, de templates et terminal mais je vais ici être très simpliste.
Le responsive design, c’est une conception du site différente en fonction du matériel qui sera utilisé par l’internaute : ordinateurs, tablettes, téléphones.
En fonction du matériel, le site s’affichera donc différemment, apportant un confort optimisé de la navigation. Ça donne cela :

Plant-echalote.com en responsive design

Plant-echalote.com en responsive design

Pour l’agence, le responsive design implique des développements spécifiques, des différents styles… Comment va t-on disposer les éléments pour qu’ils soient vus (et lus) sans avoir besoin de zoomer et dézoomer sans cesse, sans avoir besoin d’aller de droite à gauche pour visualiser l’ensemble du contenu de la page ? En responsive, on privilégie la navigation à la verticale. On imagine l’internaute en train de découvrir un site alors qu’il est dans le RER et on supprime le maximum de choses qui viendraient perturber la navigation et la lecture des informations. Il doit être séduit certes, mais il doit avoir accès à une navigation efficace : il scrolle de haut en bas (il fait défiler les écrans) et accède aux informations. Pas le temps d’attendre qu’une page se charge pendant 10 secondes, tout cela pour faire apparaître une petite coccinelle qui circule sur une photo. Elle est jolie cette petite coccinelle mais là, il n’a plus le temps d’attendre qu’elle passe, il veut avoir accès au contenu… A ce sujet, on sent là aussi une réelle évolution des attentes. Et si ces attentes se concentraient davantage sur le contenu ? Tiens tiens, c’est drôle cela. Et si Expression était dans le vrai depuis 25 ans ? Tiens, tiens…

Cécile Le Meur

Nouveau site en ligne : “ La Belle Régate ” en responsive web design

“La Belle Régate”, c’est un appartement de standing à Bénodet, disponible à la location à la semaine. Cet appartement haut de gamme, avec vue sur mer, propose des prestations de très haute qualité : cuisine aménagée et sur-équipée, grande terrasse équipée d’un spa… La Belle Régate c’est aussi une décoration chic, chaleureuse et contemporaine.

La Belle Régate

Le design du site a été conçu dans cet esprit. Il est donc sobre, sans fioriture. Un grand diaporama met en valeur le bel appartement qu’est La Belle Régate.

Niveau développement, il est à la pointe : Html 5, css3, responsive web design…

Pour ceux qui ne connaissent pas ce langage un peu bizarre, quelques explications s’imposent :

  • Le html 5 est la prochaine version du html — format de données conçu pour représenter des pages web — « Prochaine version » car elle en est encore au stade développement.
  • Le css3 est le dernier niveau opérationnel du css — langage informatique servant à styler les pages web — Il continue d’être enrichi par de nouvelles fonctionnalités, permettant de faire de plus en plus de choses, de plus en plus jolies, ergonomiques, efficaces.
  • Le responsive web design, quant à lui, est une méthode de conception de sites web, dans laquelle le design du site s’adapte en fonction du média (PC, smartphone, tablette…) que l’internaute utilise.

Prenons un cas concret, avec un site ayant la structure suivante :

Exemple de structure d'un site

Cette structure est parfaite pour être visualisée sur un ordinateur. Mais si on souhaite maintenant consulter cette même page sur un smartphone, ce sera possible mais avec quelques contraintes. Le texte sera trop petit, il faudra zoomer. Puis on change de page sur le site, on doit à nouveau zoomer. A cela s’ajoute le temps de chargement des pages, l’affichage des photos… Toutes ces contraintes ajoutées les unes aux autres rendent pénibles la navigation sur smartphone. Or, on sait que de plus en plus de personnes utilisent ce média pour naviguer sur internet, et la courbe n’est pas prête de s’arrêter…

Fort heureusement, des solutions existent !

  • La première est de faire pour un même site internet, deux structures. L’une spécialement conçue pour être lue sur ordinateur et l’autre pour être lue sur smartphone. Lorsque l’internaute va sur le site, un petit script détecte le média qu’il utilise et charge la structure correspondante. Cela implique de faire 2 structures indépendantes l’une de l’autre, avec chacune son propre code html et css.
  • La deuxième solution est de faire une seule structure — donc un seul code html — mais des styles différents selon le média que l’on utilise. Cette fois-ci, on ne touche qu’au code css en utilisant ce que l’on appelle les “médias queries” — ce sont des lignes de codes que l’on rajoute dans le fichier css — Cette technique est également appelée “Responsive web design”. Lorsque l’internaute se trouve sur un grand écran, le style adapté à un grand écran est utilisé, et lorsqu’il se trouve sur un petit écran, c’est le style adapté à un petit écran qui est utilisé. Et ainsi de suite…

La Belle Régate

La Belle Régate

Vous pouvez tester le responsive web design en allant sur le site La Belle Régate sur un ordinateur. A l’aide de votre souris, réduisez progressivement la fenêtre de votre navigateur. Sous vos yeux, vous voyez le site s’adapter en fonction de la taille de la fenêtre.

Une solution est-elle mieux qu’une autre ? Et bien, ça dépend…

Chacune des solutions a des avantages et des inconvénients, en terme de temps de travail, référencement, ergonomie, etc.

Comment choisir ? Pour choisir, il faut se mettre à la place de l’internaute. C’est lui que l’on veut séduire, attirer, garder et revoir. C’est pour lui que l’on fait tout ça. On ne fait pas ça pour sa gloire personnelle, pour être fier de soi ou pour faire plaisir à quelqu’un. On fait tout ça pour lui, cet être que l’on appelle “internaute” !

Laura Guégan