Aller au contenu

Carte des vins de France – E-commerce

Philippe Stevenou Oenologue – Photo©Grégory Maucorps/Liberté le Bonhomme libre

Philippe Stevenou Oenologue reconnu, passionné de surcroît, créateur des dîners obscurs et de la société Oenanthique-conseils avait besoin d’un site e-commerce pour vendre ses cartes de vins. Ayant déjà acheté le nom de domaine cartesdesvinsdefrance.fr.

Il a donc fait appel à moi et Olivier Lahaye pour la réalisation de son site via CréaNEX-Studio.
Philippe nous a alors expliqué qu’il co-travaillait avec Charlotte Gellens une graphiste talentueuse, qui lui confectionnait de magnifiques cartes géographiques sur les vignobles et les cépages Français.

Analyse du besoin :

  • Un site e-commerce responsive avec peu de produits pour commencer.
  • Une ambiance chaleureuse voire même avec un humour décalé.
  • L’univers du vin omniprésent.

Nous allions commencer le site avec trois produits mais il était important que la structure du site soit adaptée pour une évolution du catalogue.

Après s’être mis d’accord sur l’arborescence et avoir validé la proposition du zoning, je me suis attelé au Webdesign.

La mise en avant des produits de la marque « Les stations oenanthiques® » était une volonté de notre client.
J’ai alors proposé des mockups en première page et dans les mises en avant des produits afin de favoriser ses produits.

#gallery-1 {
margin: auto;
}
#gallery-1 .gallery-item {
float: left;
margin-top: 10px;
text-align: center;
width: 33%;
}
#gallery-1 img {
border: 2px solid #cfcfcf;
}
#gallery-1 .gallery-caption {
margin-left: 0;
}
/* see gallery_shortcode() in wp-includes/media.php */

webdesign retro

Voici une petite sélection d’anciens webdesign‘s réalisés au fur et à mesure du temps. Ces derniers m’ont été demandés pour des entreprises de Caen (Normandie) et pour d’autres entreprises normandes dans divers secteurs d’activités.

Bien entendu, il s’agit ici d’anciens webdesigns de 2008 pour le plus vieux à 2013 pour les plus récents. Même démodés, je les trouve toujours aussi intéressants.

Tous ces webdesign’s ne sont peuvent être au goût tout le monde. C’est bien heureux car le but pour un webdesigner est de correspondre à la demande d’un secteur d’activités donné.

 

Administration & organisme

#gallery-1 {
margin: auto;
}
#gallery-1 .gallery-item {
float: left;
margin-top: 10px;
text-align: center;
width: 33%;
}
#gallery-1 img {
border: 2px solid #cfcfcf;
}
#gallery-1 .gallery-caption {
margin-left: 0;
}
/* see gallery_shortcode() in wp-includes/media.php */

Architecture & BTP

#gallery-2 {
margin: auto;
}
#gallery-2 .gallery-item {
float: left;
margin-top: 10px;
text-align: center;
width: 33%;
}
#gallery-2 img {
border: 2px solid #cfcfcf;
}
#gallery-2 .gallery-caption {
margin-left: 0;
}
/* see gallery_shortcode() in wp-includes/media.php */

Commercial

#gallery-3 {
margin: auto;
}
#gallery-3 .gallery-item {
float: left;
margin-top: 10px;
text-align: center;
width: 33%;
}
#gallery-3 img {
border: 2px solid #cfcfcf;
}
#gallery-3 .gallery-caption {
margin-left: 0;
}
/* see gallery_shortcode() in wp-includes/media.php */

Industrie

#gallery-4 {
margin: auto;
}
#gallery-4 .gallery-item {
float: left;
margin-top: 10px;
text-align: center;
width: 33%;
}
#gallery-4 img {
border: 2px solid #cfcfcf;
}
#gallery-4 .gallery-caption {
margin-left: 0;
}
/* see gallery_shortcode() in wp-includes/media.php */

Services

#gallery-5 {
margin: auto;
}
#gallery-5 .gallery-item {
float: left;
margin-top: 10px;
text-align: center;
width: 33%;
}
#gallery-5 img {
border: 2px solid #cfcfcf;
}
#gallery-5 .gallery-caption {
margin-left: 0;
}
/* see gallery_shortcode() in wp-includes/media.php */

site scolaire

J’ai créé toutes les illustrations ainsi que les icônes, cela afin d’améliorer le Web design à destination des groupes scolaires.

 

Robotique alimentaire

Voici un webdesign pour une entreprise dans le secteur de la robotique alimentaire.

La difficulté était de présenter l’activité de la société sans trop montrer de robot mais plus les méthodes pour la maîtrise de la chaîne dans la robotique alimentaire destinée aux industriels qui va du vrac, du tri, alignement et mise en ligne, répartition, packaging.

J’ai proposé une illustration isométrique et j’ai choisi la saucisse. Car ce produit est le plus compliqué à gérer dans une ligne de production et donc favoriser l’échange commerciale autour des solutions recherchées par la cible agroalimentaire. Le tout est présenté par 4 volets qui se déploient tour à tour pour dévoiler chaque tâche.

Ici une couleur domine : le bleu marine représentant la sécurité et l’industrie et le blanc la simplicité. Deux typos ressortent, une forte et robuste et l’autre assez smart.

 

Chaine de restaurant

Webdesign pour une chaine de restaurant centré sur une cuisine méditerranéenne, mise en valeurs des produits par un méga-slider.

magazine

maquette51-02

Voici comment je procède avant la mise en couleurs, typos, effets, texte, photos et images… J’utilise cette technique depuis 2005. Et elle me permet de bien validé la demande client avant la maquette finale.C’est ce que j’appel une maquette-fonctionnelle* ou un wireframe.

Avec un changement d’identité visuelle radical, le premier magazine sur la Normandie se devait d’avoir un site en rapport avec son époque et ses lecteurs. Ce webdesign a été pensé en priorité en responsive pour s’articuler sur les différentes plateformes. Il empreinte les codes graphiques aux plus grands journaux de la planète. Les couleurs comme le gris neutre symbolise la sobriété et la neutralité, tandis que le gris anthracite représente le monde du business, et bien sûr le bleu et le rouge rappellent la France et le Royaume-Uni en adéquation avec l’histoire de ce magazine.