Kyudo

kyudo-arcs-header-1

Philosophie

Regardons les choses en face, le sujet de ce projet est passionnant et parlant, car, on connaît tous au moins un art martial. On pense assez vite au kung-fu ou au karaté parce que pléthore de films de combat du genre ont animé notre enfance. Par contre, peu de gens se sont réellement penchés sur l’aspect philosophique de ces arts de combat. Le Kyudo est une forme de tir à l’arc qui se pratique dans un état proche de la méditation, bien qu’issue d’une forme de combat destinée, à la base, aux samouraïs. La beauté du geste, l’état d’esprit dans lequel la personne se trouve au moment du tir, le respect de soi, de son arc et de son art font de ce sport quelque chose d’unique et nous sommes fiers de contribuer à sa promotion.

Lancement du projet

Juin 2019

ÉQUIPE

Raphaël Vallat & Matthieu Hinderer

Démarche créative

Après avoir regardé les sites des associations japonaise, américaine et européenne, nous avons remarqué que le milieu n’était pas gâté en matière de design. Les sites sont, pour la majorité, dépourvus de mise en page ou de photo pour égayer le sujet. Il était important d’offrir à notre client un site référence et c’est une occasion rêvée pour cela.

Parfois, la voie la plus rapide vers l’originalité est d’abuser certains clichés. Le Kyudo étant un art originaire du Japon, nous avons utilisé un contraste de rouge et blanc, des images très solennelles et des idéogrammes immenses. Il est clair qu’avec une recette pareille, il est aisé de penser que le résultat sera, au mieux, ridicule, mais toute recette a ses dosages!

Recherche colorimétrique

Les clichés étant arrivés après que nous ayons envoyé la première maquette. Nous avons dû user de notre imagination afin de trouver une couleur intéressante pour le site. Il était important de rester sobre et c’est pourquoi, pour ce projet en particulier, nous n’avons utilisé qu’une seule couleur et non une palette.

Strong red

#C70025

Web design

Header

Présentation

La bande rouge poursuit sa route pour aller derrière un encadré de texte agrémenté de petites lignes de chaque côté. Cela offre une impression de profondeur, comme si cette bande interagissait avec le décor.

Damier

Par chance, les photos proposées par notre client nous ont permis d’intégrer la décomposition du mouvement d’un tir sous la forme de damier. On y voit un texte relatant d’un des aspects fondamentaux du Kyudo à côté de chaque photo.

La maxime

On ne le remarque pas du premier coup d’oeil, mais la structure “en mouvement” de cette page est un petit plaisir personnel. Les textes japonais étant alignés de haut en bas, cela donne une sorte d’effet rotatif avec les textes latins lorsque la page est parcourue. Il nous a fallu un petit moment pour retrouver ces textes et malheureusement, ils n’étaient pas exploitables, mais quelques manipulations logicielles et le résultat est assez convenables.

Plénitude beauté

Philosophie

Une grande implication, de l’imagination et un brin d’hyperactivité seraient trois qualificatifs bien choisis pour représenter la directrice de l’institut Plénitude. Un mot d’ordre: des soins de grande qualité, variés et personnalisés. Le tout prodigué dans un cadre entièrement mis en place par notre cliente et son conjoint.

Impressionnés par la qualité et la beauté de son institut, nous avons rapidement compris que nous avions affaire à quelqu’un d’habile. Il est rare de collaborer avec des gens qui s’impliquent à ce point dans l’image de leur entreprise et autant dire que cela nous a particulièrement motivés.

Lancement du projet

février 2019 

ÉQUIPE

Raphaël Vallat & Matthieu Hinderer

Démarche créative

Si on observe la concurrence, on constate qu’énormément d’instituts sont représentés de façon lumineuse avec des fonds blancs et des photos inondées de soleil. Notre cliente voulait que le site internet colle avec l’ambiance cocooning de son établissement et il n’était pas question que le site soit lumineux.

Les sites sombres étant très souvent lourds visuellement, il était délicat de créer quelque chose de design sans que cela ne paraisse trop chargé. C’est là que les photos entrent en jeu. En allant faire nos prises de vue, nous avons tenté de privilégier les plans colorés et artistiques aux plans purement institutionnels représentant simplement le lieu de manière neutre. Nous avons pu, grâce à cela, faire contraster couleurs / chaleur a une ambiance sombre.

Recherche colorimétrique

Après cette prise de vue prometteuse, il nous a été facile de tirer quelques couleurs dominantes. Une bonne partie de l’institut est éclairé par des lumières chaudes voir jaunes notamment l’accueil. Beaucoup de murs sont bruns et l’ambiance générale est tamisée.

Grayish orange

#C70025

Dark red

#C70025

Very dark orange

#C70025

Web design

ACCUEIL

Le point crucial du site était de pouvoir accéder rapidement aux services proposés par l’institut. Nous avons donc pensé que la navigation principale devait contenir les différentes catégories de services. Cette navigation en méga menu est la première chose que l’utilisateur aperçoit après le logo. Les pages statiques annexes se trouvent dans la navigation secondaire plus petite.

Si le visiteur ne trouve pas son bonheur dans le menu principal, il peut toujours se tourner vers la barre de recherche de l’en-tête. Afin de suggérer son utilisation, nous avons placé des textes d’exemples à l’intérieur avec un effet “machine à écrire”. Cette recherche utilise un système de tags afin de trouver des termes qui ne seraient pas présents dans le titre ou le contenu d’un service.

Les informations d’horaires et contacts simples se trouvent directement en dessous l’en-tête afin d’augmenter le nombre de rendez-vous pris.

Pour augmenter le référencement sur les moteurs de recherche, nous avons rappelé le thème du site dans la première section du contenu. Les catégories principales de services y sont énumérées sous la forme de liens afin de guider davantage l’utilisateur du site.

Les trois colonnes qui suivent servent à mettre en avant différents aspects de l’institut qui ne sont pas référençable dans les soins en tant que tels.

  • Le jardin japonais est un petit plus après un massage afin de se détendre.
  • Le spa est proposé avec diverses boissons ou amuse-gueule et une page dédiée sera prochainement créée pour détailler ce service.
  • Les soins en duo ne sont pas des services, mais une proposition d’aller en couple se faire masser pour un prix un peu plus avantageux.

Une petite description de l’institut continue la page pour aider au référencement et mettre le visiteur dans le contexte.

Notre cliente a souhaité mettre en avant la nouvelle marque utilisée dans son institut, nous avons donc créé une section liée à la page en question. On y retrouve une photo d’une cabine qui nous a semblé coller parfaitement à la mise en page.

Capsa

Capsa_site_internet

Philosophie

C’est finalement très ancré dans l’industrie Suisse que de baser sa notoriété sur un produit ou service irréprochable. Comme si chaque détail, même le plus infime, était pensé dans la même optique que ce portfolio que vous êtes en train de lire. Le détail fait vendre et même si ce dernier coûte bien plus qu’à l’étranger, on s’en fiche, on met le prix et on se dit que ce produit tient et tiendra très longtemps. Cet aspect de durée est un un cheval de bataille bien connu de l’industrie suisse, car nous n’aimons pas racheter ou remplacer.

Notre client a bien compris cette importance et cherche constamment à améliorer la qualité de ses produits tout en réussissant à préserver une qualité de vie irréprochable à ses employés. Les dirigeants de CAPSA sont conscients qu’une personne heureuse au travail fournira de meilleurs résultats, car elle se sentira très concernée par ce qu’elle produit. Tout ça passe par de nombreux points comme l’achat de matériel moderne et machines performantes, la construction d’une grande salle de repos, des panneaux anti-réverbération pour limiter le bruit, des fontaines à eau à tous les points de passage des bâtiments, etc.

Lancement du projet

décembre 2018

ÉQUIPE

Raphaël Vallat & Matthieu Hinderer

Démarche créative

Le but du projet était de pouvoir représenter l’ampleur et la modernité de l’entreprise de sorte à attirer de nouveaux employés. Nous pensons qu’une personne cherchant du travail réagira quasiment de la même façon qu’un client. Si le site donne envie, la personne cherchera à postuler bien plus volontiers qu’à la concurrence.

Nous nous sommes rendus sur place une journée entière afin de filmer et photographier leurs installations afin d’en tirer un maximum d’image pour leur future plateforme et profiter d’en savoir un peu plus sur notre client. Nous avons pu constater une entreprise saine où les gens y travaillent de manière sereine et avec passion. Les machines y sont très diverses et nous avons pensé qu’afficher un mix d’appareils «anciens» et récents pourrait faire passer l’idée d’un savoir-faire étendu.

Promotion vidéo

Le principal objectif du site était d’attirer de nouveaux collaborateurs dans l’entreprise. Il nous est apparu comme évident de demande l’avis des employés actuels sur l’entreprise. Nous sommes donc allés questionner 4 collaborateurs provenant de différents secteurs/formations/âges afin d’avoir l’avis général le plus représentatif.

Cette expérience s’est montrée particulièrement agréable, car ces personnes étaient toutes très coopératives et amicales et il nous a été très aisé de leur poser nos questions devant une caméra, ce qui n’est pas toujours facile.

Web design

Header

Nous avons utilisé une vidéo en close-up d’une décolleteuse à came qui tourne en boucle pour créer un dynamisme. Ces machines ont toujours fasciné les gens, car sous leur aspect et fonctionnement extrêmement complexes, leur mouvement est simple et harmonieux. Le tout est surplombé par le logo blanc très contrasté.

Présentation

Dans la première section, on aperçoit une vue du nouveau bâtiment accompagné d’une petite présentation de l’entreprise.

Le géant de la miniature

La deuxième section présente un côté plus humain. Le slogan de notre client ouvre le paragraphe et deux personnes qui travaillent sont illustrées sur la droite. Nous pensons qu’il est important de ne pas réduire notre client à une simple série de machines.

Experts à tous les niveaux

Le but de cette section est de montrer que CAPSA propose une palette de composants tellement étendue qu’une montre suisse aura forcément un de ses produits dans son mouvement ou dans son habillage. Nous souhaitions présenter un éclaté de montre un peu plus récent, mais ce projet n’a pas encore été accepté par notre client.

Un parc de plus de 400 machines

Nous avons pensé à réaliser un panorama dans la section la plus fournie du département ESCO afin de donner cette idée de nombre important et crédibiliser le message de l’entreprise.

News

Cette section a été volontairement placée vers le bas du site. Notre client ne possédant pas de rédacteur, il lui est très difficile de sortir des news régulièrement. Cependant, il était important, pour lui, de les afficher sur le site.

ESNE

Philosophie

Les écoles supérieures du canton de Neuchâtel ont décidé, il y a de cela plusieurs années, de réunir leur communication/publicité en créant l’ESNE de sorte à rendre cette dernière plus efficace en limitant les coûts.

Cette entité regroupe les filières supérieures du Centre Interrégional de Formation des Montagnes neuchâteloises (CIFOM) dont les 3 sites sont répartis entre La Chaux-de-Fonds et Le Locle, du Centre Professionnel du Littoral Neuchâtelois (CPLN) situé à Neuchâtel, du Centre Professionnel des Métiers du Bâtiment (CPMB) de Colombier, et de l’École Supérieure de Droguerie (ESD) également à Neuchâtel.

Nos clients souhaitaient remanier le design et l’ergonomie de leur site internet afin qu’ils puissent correspondre aux standards actuels et puisse être mis à jour de manière triviale par les responsables des filières.

Lancement du projet

novembre 2018

ÉQUIPE

Raphaël Vallat & Matthieu Hinderer

Démarche créative

L’ESNE compte un total de 14 formations bien différentes et il nous était très compliqué de les réunir sous la même image. À noter que cette institution étant étatisée, le budget n’était malheureusement pas, ou alors très peu extensible et il n’était pas question, pour le client, de rajouter des frais pour un mandat photographique.

L’idée de partir sur une sélection de photos provenant de banques d’images libres de droits ne nous a pas particulièrement séduite, car cela ne nous permettait pas de liberté créative sur le projet. Nous avons donc pris sur nous d’aller photographier les bâtiments des écoles de manière à capturer le “je ne sais quoi” des lieux dans lesquels les élèves passeront plusieurs années à étudier. Nous avons pensé que cela représentait l’ESNE dans son ensemble et de manière très neutre.

Après présentation des photos, les clients ont été séduits et ont accepté d’allouer un budget supplémentaire afin de continuer sur cette voie et utiliser nos images pour présenter de manière originale leur site internet.

Nous venions de lancer notre plus grand projet photo jusqu’à aujourd’hui. Plus de 70 photos présentes sur le site pour un total de 9 shootings photo.

Recherche colorimétrique

Lorsqu’on doit décider de la couleur qui accompagnera un projet jusqu’à la prochaine refonte de sa ligne graphique, on peut s’en trouver un peu anxieux. Cette couleur sera l’élément qui permet une identification rapide du type d’entreprise, de son intention et parfois, de son degré de compétence. En résumé, mieux vaut ne pas se tromper, car on ne change pas souvent de ligne graphique et cette couleur risque de nous coller pendant un long moment.

Le point de départ

L’ESNE avait une ligne graphique initiale basée sur des rectangles de couleurs variées et, bien que le vert primait un peu sur le reste, il n’y avait pas de couleur institutionnelle clairement définie. Bien qu’étant de bonne qualité, cette ligne graphique a malheureusement fait son temps et paraît dépassée.

Dark slate

#504E67

Gray

#928381

Dim gray

#413C40

Web design

La première chose que l’on peut constater serait l’utilisation des deux niveaux de navigation. Nous avons décidé de privilégier l’accès rapide aux pages des formations en les plaçant dans la navigation principale pour que le futur élève ne se sente pas perdu. Après avoir étudié la concurrence, nous nous sommes aperçus que cette information cruciale était souvent mise de côté ce qui aurait tendance à fatiguer le visiteur du site. Les menus plus “standards” comme “news” ou “contact” sont, quant à eux, regroupés dans la navigation supérieure afin de toujours les avoir sous la main.

Pour des raisons de neutralité entre les différentes filières, nous utilisons les photos des architectures des écoles dans le slider d’en-tête. Elles donnent une impression géométrique qui représente bien l’excellence des formations proposées.

Une brève présentation du site continue la page, ce qui aura pour avantage d’aider au référencement et de donner un contexte au visiteur.

L’accès aux filières des écoles était un point très important pour notre client et nous avons décidé de placer ces dernières sous la forme de tuiles empilées façon “masonry” pour qu’elle puisse prendre suffisamment d’espace dans la section sans que cela paraisse trop chargé.

Un texte promouvant la plus-value des écoles supérieures offre une séparation du contenu assez élégante et aide au référencement de la page.

Bien qu’étant peu fréquentes, les news devaient apparaître sur la page d’accueil pour permettre aux filières de faire la promotion des remises de diplômes ou des présentations de travaux de fin d’années par exemple.

La suite reste assez classique avec une présentation de statistiques sur l’école le tout suivi par un formulaire de contact standard.

Faubourg 11

Philosophie

Regardons les choses en face, le sujet de ce projet est passionnant et parlant, car, on connaît tous au moins un art martial. On pense assez vite au kung-fu ou au karaté parce que pléthore de films de combat du genre ont animé notre enfance. Par contre, peu de gens se sont réellement penchés sur l’aspect philosophique de ces arts de combat. Le Kyudo est une forme de tir à l’arc qui se pratique dans un état proche de la méditation, bien qu’issue d’une forme de combat destinée, à la base, aux samouraïs. La beauté du geste, l’état d’esprit dans lequel la personne se trouve au moment du tir, le respect de soi, de son arc et de son art font de ce sport quelque chose d’unique et nous sommes fiers de contribuer à sa promotion.

Lancement du projet

octobre 2018

ÉQUIPE

Raphaël Vallat & Matthieu Hinderer

Recherche colorimétrique

La ligne graphique doit faire ressortir le côté artisanal de notre cliente. Il faut faire en sorte que son unité soit sa force. Il faut sublimer sa maîtrise de son cabinet de bout en bout et le soin qu’elle y apporte chaque jour. C’est pourquoi nous avons utilisé une police de type manuscrite qui rappelle une signature dans le coin inférieur d’une oeuvre d’art.

Le principe d’équilibre de notre cliente étant un point crucial dans sa démarche thérapeutique, nous avons placé le logo dans un cercle qui symbolise une enveloppe douce de confort, un cocon qui protège et qui transforme l’être en quelque chose de beau.

Recherche colorimétrique

Une nouvelle identité ne se crée pas seulement avec un nom. C’est toute une image, toute une nouvelle ambiance que l’on cherche à proposer à sa clientèle. Le choix de la nouvelle couleur de l’entreprise était donc primordial pour établir une nouvelle ligne graphique solide.

En visitant le magasin à plusieurs reprises, nous nous sommes aperçus qu’une couleur primait entre les chaussures, les étagères et les murs. Une couleur assez indéfinissable oscillant entre le saumon et le cuir qui dégage une chaleur et un sentiment de luxe.

#C58F80

Sky&me

Philosophie

Depuis quelques années, de nombreuses plateformes web de « plane-sharing » ont émergé et il est désormais possible de réserver un vol dans un avion plus ou moins luxueux ou atypique pour une somme qui peut être partagée par les utilisateurs de la plateforme en question.

Sur le papier, notre client nous est apparu comme une énième version de ce concept, mais après quelques minutes de discussion, nous avons réalisé que nous faisions fausse route. Le but de son entreprise est d’offrir aux gens la possibilité d’avoir son avion sans avoir le moindre désavantage de la propriété.

Quand on possède un appareil, son prix est la première chose à laquelle on pense, mais ce n’est rien comparé aux coûts d’entretien, de location de place, du temps et du prix pour décoller et atterrir sans compter que si ce n’est pas vous qui pilotez, il faut compter encore le salaire du pilote.

L’idée derrière Sky&Me est de partager la propriété d’un avion, son entretien et son(ses) pilote(s) entre un nombre très limité de personnes ou familles. Dans une situation idéale, un avion devrait être partagé entre un maximum de 4 copropriétaires qui paient la location en heures de vol.

De plus, l’entreprise propose un service de conciergerie porte-à-porte. Le client est pris en charge du départ à l’arrivée. Plus besoin de réserver de taxi ou de passer un temps considérable à l’aéroport pour y faire valider les passeports ou autres inconvénients des vols commerciaux.

Lancement du projet

septembre 2018 

ÉQUIPE

Raphaël Vallat & Matthieu Hinderer

Démarche créative

Au départ, notre client souhaitait démarrer sa communication avec le plus petit de ses appareils, un magnifique Piper PA-32R de 1975, un bijou à l’allure vintage décoré, par un artiste graffeur, d’une fresque représentant Istanbul gardée par un chevalier ottoman. Nous avons donc cherché à mettre en valeur cet appareil qui représente l’aspect aventure de l’entreprise.

Recherche colorimétrique

Nous avons cherché une combinaison de couleur qui rappelait le fuselage rouge et blanc du Piper. En analysant les images collectées lors de nos prises de vues vidéo, nous sommes arrivés à un résultat gris/rouge permettant de sublimer le sujet.

Strong red

#C63527

Web design

Ligne graphique et logotype

 
Le défi de ce projet était de partir d’une page totalement blanche. Le client n’ayant pas réfléchi à un nom pour son projet nous avons donc été chargés d’en trouver un. Nous avons proposé plusieurs noms en les accompagnant d’un logo pour que le client puisse directement être confronté à une mise en situation. Son choix s’est finalement porté sur Sky&Me comme vous pouvez vous en douter.

En cherchant une première approche, nous nous sommes rappelé des galas de voltige où des petits avions faisaient des acrobaties tout en rejetant de la fumée colorée dans le ciel. Cela nous a donné l’idée de styliser un appareil faisant un looping. Ceci a donné naissance à plusieurs résultats intéressants. Voici la proposition retenue par le client.

Changement d'optique

Après concertation au sein de l’entreprise du client, il a été décidé d’accentuer le côté luxe de leur communication pour attirer une clientèle plus aisée qui rechercherait un moyen de locomotion luxueux, rapide et pratique plutôt qu’une clientèle d’aventuriers.

Nous sommes donc passés à des couleurs plus nobles et, sur demande du client, avons réorienté la conception du logo afin qu’il rappelle le jet CJ-1. Il a quand-même été décidé d’utiliser l’autre logo pour la communication autour du petit monomoteur mais la marque de l’entreprise sera prévue pour la clientèle du jet.

Animations vidéos

Pour Siteweb.ch, un projet n’est amusant que s’il comporte des contraintes. Ne nous voilons pas la face, la première et la plus importante chose à retenir de ce tournage c’est que la grande partie des plans a été particulièrement périlleuse à réaliser.

Nous avons dû négocier avec l’aéroport de Bressaucourt afin d’obtenir les autorisations non seulement pour filmer depuis la piste, mais pour filmer un avion qui décolle et qui atterri avec des moyens de travelling un peu moins orthodoxes qu’une simple Dolly sur rails comme des motos, voitures et drones qui sont, en temps normal, interdits.

Le but du résultat était d’obtenir une représentation d’un voyage comme Sky&Me souhaite l’offrir. On arrive sur la piste avec son véhicule et on entre dans l’avion qui est déjà prêt à décoller. Aucun embêtement ni perte de temps, que du confort.
Pour accentuer le côté vintage de la vidéo, un bus VW d’époque a été loué afin d’être intégré aux plans de l’avion sur la piste. Les deux ont des couleurs et des looks très similaires et cela donne un charme particulier à la scène.

La bande son a été spécialement créée pour la vidéo. Nous sommes partis sur un style trip-hop qui reflète un certain côté luxe qui colle particulièrement bien avec la vidéo.

 Ecoles Odesens

odesens-site-web-neuchatel

Philosophie

Il y a les écoles qui proposent des cours et d’autres qui proposent une philosophie. C’est dans cette démarche que notre client a souhaité communiquer sur ses écoles d’enseignement de thérapies naturelles et alternatives.

Le but n’est pas de promulguer des cours sans donner de sens au savoir transmis. Il faut toucher l’élève afin qu’il puisse comprendre pourquoi ces thérapies existent et dans quelles mesures elles peuvent être plus efficaces que celles proposées par la médecine conventionnelle.

Lancement du projet

août 2018

ÉQUIPE

Raphaël Vallat & Matthieu Hinderer

Démarche créative

La renommée actuelle de notre client est basée sur ses huiles essentielles bio qu’il crée et vend depuis plusieurs années. Nous sommes partis sur l’idée de jouer sur cette image de soin naturel en utilisant l’image du bouleau. Un arbre très esthétique grâce à ses petites feuilles et son tronc clair, mais aussi aux nombreuses vertus thérapeutiques.

Un mélange qui représente bien ce que notre client tente de faire passer comme message. Nous sommes donc allés réaliser quelques prises de vues au Jardin botanique de Neuchâtel et avons sélectionné quelques plans.

Recherche colorimétrique

En sélectionnant parmi les clichés obtenus au Jardin botanique, nous avons extrait plusieurs couleurs afin de donner vie au projet. Les feuilles dont les couleurs ont été réchauffées par le soleil nous ont particulièrement plu et nous en avons tiré un vert particulier qui sera retenu comme couleur principale de la palette. Cette teinte représente à merveille le côté naturel sans aller dans l’extrême saturation ce qui aidera à accentuer l’esprit calme de notre client.

Warm green

#B3B68C

Teal

#094E5A

Dark goldenrod

#A45C04

Web design

Nous avons commencé par une présentation de la philosophie de l’école accompagnée de trois photos représentant les différentes disciplines enseignées. Cela indique à l’utilisateur où il se trouve et permet un meilleur référencement par les moteurs de recherche.

Nous continuons vers les différentes formations proposées sous forme de bandes fines dotées d’un lien direct vers les pages des formations. Le but est que l’utilisateur puisse avoir un accès rapide aux informations importantes.

L’école Odesens propose quelques avantages par rapport à sa concurrence qu’il nous semblait important de citer comme le fait de pouvoir commencer à tout moment de l’année et que les cours étaient intensifs ce qui permettait aux élèves d’obtenir rapidement leur diplôme. Ces informations étant importantes, elles ont été placées après la liste des formations pour servir également de séparateur.

Enfin, nous arrivons au point important de la page. Placé après les différentes informations courtes de cette page d’accueil, nous retrouvons le formulaire de contact qui sera placé sur toutes les autres sections du site au même endroit pour s’assurer de ne pas perdre un éventuel client.


Ligne graphique

et logotype

Bien qu’il ait démarré en tant qu’école de soins alternatifs, la renommée de notre client s’est bâtie sur la fabrication et la vente d’huiles essentielles bio. Son site internet et sa communication actuels sont orientés pour la vente et il fallait détacher cette image de boutique à Odesens pour pouvoir communiquer sur l’école en même temps que sur ses huiles.

Nous avons remanié son logo pour y ajouter “les écoles” et sommes passés à une fonte plus arrondie afin de l’adoucir. Nous avons également changé sa couleur pour réduire au minimum la confusion entre les deux entités.

 
 

Pet Product

Philosophie

Il est difficile de trouver une présentation inédite pour chaque client qui nous mandate. On s’extasie souvent sur les aspects originaux, inventifs ou disruptifs, mais on oublie que certaines pratiques sont impeccables de qualité en étant matures plutôt que fraîchement sorties de l’oeuf. Un luthier ne pourrait jamais démentir ce propos. Il travaille sur l’excellence d’un art vieux de plusieurs siècles sans pour autant sombrer dans le ringard ou le désuet.

La vente fait partie de cette catégorie. C’est une pratique qui ne rajeunit pas et qui, pourtant, est encore et toujours incontournable. La mission commanditée par notre client était de lui offrir davantage de temps afin qu’il puisse passer plus de temps à conseiller, aider et guider sa clientèle au lieu de prendre la majeure partie de sa journée à recevoir des commandes par téléphone.

Lancement du projet

Juin 2018

ÉQUIPE

Raphaël Vallat & Matthieu Hinderer

Démarche créative

Notre mandataire souhaitait pouvoir utiliser sa nouvelle plateforme pour gérer les commandes de ses clients et faire la promotion des produits PetCare sur le marché suisse romand.

Les images officielles des marques du site nous ont inspiré pour la création du design général ainsi que la ligne graphique de l’entreprise. Un logotype en a même découlé. Nous avons également pris la liberté de chercher quelques photos d’animaux pour compléter le tableau.

Nous avons proposé un système WooCommerce et modifié le module de commandes pour qu’il crée des bulletins de commandes qui seront envoyés aux fournisseurs afin que tout se fasse automatiquement.

Recherche colorimétrique

D’habitude, nous nous servons de clichés obtenus afin de déterminer une palette de couleurs pour la ligne graphique du client. Nous n’avons pas pu travailler dans cet ordre, car le client n’avait rien à sa disposition hormis quelques images provenant de la marque principale distribuée, mais nous ne voulions pas recopier une ligne existante. Nous nous sommes, cependant, collés à l’ambiance générale de PetCare qui semble se trouver dans une gamme de vert.

lime green

#3DC492

Teal

#3D434C

Warm grey

#988F91

Web design

Une des plus belles photos que notre client nous ait proposées est ce portrait de chien au regard très intense. Il était évident de commencer le site par une telle beauté.

Le métier de notre client est directement cité à gauche pour mettre nos clients dans le contexte et une petite présentation détaille son activité. Son point d’honneur est la proximité et la communication, il était normal de directement intégrer ses informations de contact interactives à cet endroit.

On retrouve, ensuite, les différentes marques distribuées par notre client qui mettent en lien la boutique avec la page d’accueil. Nous avons préféré utiliser les logos des marques pour ne pas simplement mettre du texte sans âme et risquer de perdre des visiteurs.

Dessous se trouve une part importante de l’activité de notre client. En effet, le but du site est de proposer aux visiteurs de devenir client afin de bénéficier de réductions en fonction de leur activité (dresseur, police, refuge pour animaux, etc.).


Ligne graphique et logotype

Notre client n’avait pas encore d’idée bien définie pour sa ligne graphique et nous avons tenté quelque chose de simple et amusant notre côté. Nous avons pensé que l’utilisation d’une police manuscrite renforçait l’aspect de proximité avec sa clientèle et les points sur le “o” forment une patte d’animal. Le projet lui a plu et a souhaité continuer sur cette voie.

Espace Kaya

Philosophie

Depuis des années, nous avons passé notre temps à optimiser tout ce que nous pouvions, car tout était trop lent. À force, nous avons même cherché à améliorer l’être humain, car il n’était pas assez fort, ne guérissait pas assez vite ou ne durait pas assez longtemps. Toutes ces choses ont fini par nous rendre impatients et nous avons fini par oublier de prendre le temps de comprendre la signification de certains phénomènes.

Un mal de ventre, une migraine ou des douleurs dorsales sont, maintenant, facilement traitables par des médicaments, mais il ne faut pas oublier que ces maux ne sont, en général, qu’une manifestation, un symptôme d’un problème plus subtil. Il est plus facile de faire passer une petite douleur qui arrive de temps en temps que de chercher à comprendre pourquoi cela arrive.

Le but est de comprendre ces symptômes et de rechercher quelle en est la cause grâce à la réflexologie. Un de vos organes en demande peut être trop à votre organisme et fait souffrir un autre endroit de votre corps. La médecine moderne s’évertue à nous faire oublier cet aspect, car il est bien plus simple de palier rapidement à une douleur pendant un moment que de traiter un problème plus profondément ancré.

Lancement du projet

Mai 2018

ÉQUIPE

Raphaël Vallat & Matthieu Hinderer

Démarche créative

La philosophie réfléchie, douce et naturelle de notre cliente nous a particulièrement touchés et nous avons voulu la sublimer par une sélection d’images de nature apaisante. L’idée générale est d’instaurer une ligne graphique évoquant une simplicité et une perfection d’équilibre dont seule la Terre est capable.

Recherche colorimétrique

En nous inspirant des images sélectionnées, nous avons pu établir une palette de couleurs rappelant les éléments importants de la philosophie. Une teinte verte rappelant les vertus naturelles apaisantes.

Tan

#D9D3B1

Antic olive

#91947A

Dark olive

#566035


Ligne graphique et logotype

La ligne graphique doit faire ressortir le côté artisanal de notre cliente. Il faut faire en sorte que son unité soit sa force. Il faut sublimer sa maîtrise de son cabinet de bout en bout et le soin qu’elle y apporte chaque jour. C’est pourquoi nous avons utilisé une police de type manuscrite qui rappelle une signature dans le coin inférieur d’une oeuvre d’art.

Le principe d’équilibre de notre cliente étant un point crucial dans sa démarche thérapeutique, nous avons placé le logo dans un cercle qui symbolise une enveloppe douce de confort, un cocon qui protège et qui transforme l’être en quelque chose de beau.