{"id":6826,"date":"2023-05-17T11:05:03","date_gmt":"2023-05-17T09:05:03","guid":{"rendered":"https:\/\/datasolution-wp-prod.datasolution.site\/?post_type=archives&p=6826"},"modified":"2023-07-24T15:51:28","modified_gmt":"2023-07-24T13:51:28","slug":"avec-myevian-personnalisez-vos-bouteilles","status":"publish","type":"archives","link":"https:\/\/www.datasolution.fr\/en\/archives\/avec-myevian-personnalisez-vos-bouteilles\/","title":{"rendered":"Avec MyEvian, personnalisez vos bouteilles d’eau min\u00e9rale \u00e0 votre image"},"content":{"rendered":"\r\n
\r\n\r\n\t\t\r\n
\r\n\t\t\t\t\t\t\t\t\t\"my\t\t\t\t <\/div>\r\n\r\n\t\t <\/div>\r\n\r\n\n\n\n
\n
\n\t\t\t
\n\t\t\t\t

Que ce soit pour un cadeau professionnel avec votre logo, une personnalisation pour un mariage, un bapt\u00eame, un anniversaire ou simplement pour la beaut\u00e9 de l\u2019objet, de plus en plus d\u2019entreprises proposent \u00e0 leurs clients de customiser leur produit \u00e0 leur image.<\/p>\n

Cadeau Maestro<\/a>, Josette & Tic<\/a>, Bragard<\/a>, l\u2019Olympique Lyonnais<\/a><\/strong>\u00a0ou beaucoup d\u2019autres de nos clients ont fait ce choix de la personnalisation de produits. Et aujourd\u2019hui, c\u2019est pour vous pr\u00e9senter le projet de personnalisation de bouteilles\u00a0MyEvian<\/strong><\/a>\u00a0que nous vous \u00e9crivons !<\/p>\n

Avec Danone Eaux France, nous n\u2019en sommes plus vraiment \u00e0 notre coup d\u2019essai. Apr\u00e8s plusieurs ann\u00e9es de belles collaborations, que ce soit pour le d\u00e9ploiement d\u2019evianchezvous.com<\/a><\/strong>, pour d\u00e9voiler nos ambitions sur notre travail sur\u00a0le eCommerce Worldwide de Danone<\/strong>, pour le renouveau des box d\u2019abonnements\u00a0Comme un Jeu d\u2019enfant\u00a0by Bledina<\/strong>\u00a0ou pour\u2026\u00a0[Ah non, \u00e7a, nous n\u2019avons pas encore le droit d\u2019en parler\u00a0\"?\"\u00a0]<\/em>, c\u2019est toujours un plaisir de retrouver leurs \u00e9quipes et d\u2019\u00e9changer avec eux sur leurs projets. Pour ce nouveau projet,\u00a0MyEvian<\/strong>\u00a0vous propose de\u00a0personnaliser vos bouteilles d\u2019eau min\u00e9rale en verre<\/strong> Evian et de les r\u00e9ceptionner chez vous en un clic.<\/p>\n

 <\/p>\n

UNE IDENTIT\u00c9 VISUELLE FORTE<\/strong><\/h2>\n

Comme toutes les histoires de refonte, celle du site\u00a0MyEvian<\/strong>\u00a0commence par une refonte graphique. Plus \u00e9pur\u00e9e que la premi\u00e8re version, la nouvelle charte est dans la continuit\u00e9 de celle que nous avons mise en place sur le site d\u2019evianchezvous.com<\/strong><\/a>, nous permettant de maintenir une unit\u00e9 graphique entre les diff\u00e9rents sites de la marque.<\/p>\n

 <\/p>\n

EXP\u00c9RIENCE & ERGON-EAU-MIE<\/strong><\/h2>\n

Maintenant, place \u00e0 la nouvelle exp\u00e9rience\u00a0! L\u2019\u00e9quipe MyEvian voulait proposer quelque chose de nouveau \u00e0 leurs clients,\u00a0une exp\u00e9rience de personnalisation et d\u2019achat encore plus dynamique<\/strong> et interactive que la version pr\u00e9c\u00e9dente. Aussi, notre \u00e9quipe a travaill\u00e9 pour offrir la meilleure exp\u00e9rience possible lors de la configuration de votre bouteille d\u2019eau \u00e0 travers un processus plus simple, optimis\u00e9 et ergonomique, qui ne limite plus la cr\u00e9ativit\u00e9 des consommateurs. Rappelons qu\u2019avant il n\u2019\u00e9tait possible de personnaliser vos bouteilles qu\u2019avec du texte et des symboles. On \u00e9tait alors loin d\u2019exploiter les capacit\u00e9s maximum d\u2019un configurateur by DATASOLUTION !<\/p>\n

La bouteille Evian \u00e9tant forc\u00e9ment associ\u00e9e \u00e0 l\u2019image de la marque, la qualit\u00e9 de la personnalisation et du produit fini se doit d\u2019\u00eatre irr\u00e9prochable<\/strong>. C\u2019est avec cette probl\u00e9matique en t\u00eate que notre \u00e9quipe a r\u00e9fl\u00e9chi \u00e0 quelques astuces permettant \u00e0 l\u2019internaute d\u2019obtenir un r\u00e9sultat optimal tr\u00e8s facilement.<\/p>\n <\/div>\n <\/div>\n <\/div>\n\n\n\n\r\n

\r\n\r\n\t\t\r\n
\r\n\t\t\t\t\t\t\t\t\t\"gif-myevian\"\t\t\t\t <\/div>\r\n\r\n\t\t <\/div>\r\n\r\n\n\n\n
\n
\n\t\t\t
\n\t\t\t\t

Bon Jamie, comment \u00e7a fonctionne\u00a0techniquement parlant ? Eh bien nous sommes contents que vous vous posiez la question\u00a0\"?\"<\/strong><\/p>\n

L\u2019id\u00e9e derri\u00e8re un configurateur est de proposer une exp\u00e9rience nouvelle aux utilisateurs et leur permettre de cr\u00e9er simplement un produit unique. Pas question donc de se retrouver face \u00e0 une dizaine d\u2019\u00e9tapes toutes plus compliqu\u00e9es les unes que les autres ! L\u2019\u00e9quipe DATASOLUTION a donc simplifi\u00e9 au maximum le processus de personnalisation pour optimiser l\u2019exp\u00e9rience du consommateur sans pour autant le limiter dans sa cr\u00e9ativit\u00e9.<\/p>\n

Une fois la photo que vous souhaitez mettre sur votre bouteille import\u00e9e, celle-ci est automatiquement centr\u00e9e dans l\u2019espace pr\u00e9vu et respecte ainsi la forme de la bouteille. Le resize de ces photos est quant \u00e0 lui, de base, homoth\u00e9tique : l\u2019image garde les propositions si vous choisissez de la r\u00e9duire ou de l\u2019agrandir afin qu\u2019elle corresponde \u00e0 la taille de la bouteille.\u00a0<\/strong><\/p>\n

 <\/p>\n

LA MINUTE TECHNIQUE<\/strong><\/h2>\n

Amis geek, accrochez-vous, \u00e7a commence maintenant !<\/strong><\/p>\n

Magento, Full Page Cache, AWS, Git, Docker, Apache 2.4, PHP 7.1, MySQL 5.7, Potrace, SVG, Curl, NPM, iconv, JavaScript, mcrypt, PDO, ImageMagick, Redis, Varnish, CDN,\u2026 Voil\u00e0 un aper\u00e7u de ce qui se cache derri\u00e8re cette p\u00e9pite de technologie !<\/p>\n

D\u00e9chiffrons un peu tout \u00e7a quand m\u00eame !<\/strong><\/p>\n

Le nouveau site de MyEvian a donc \u00e9t\u00e9 d\u00e9velopp\u00e9 sur une plateforme Magento, utilisant PHP 7.1 et MySQL 5.7. Celui-ci est h\u00e9berg\u00e9 sur Amazon Web Service, le service de \u00ab cloud computing \u00bb du groupe Amazon. Ne voulant pas nous arr\u00eater l\u00e0 et pour aller au bout des choses, nous avons ajout\u00e9 \u00e0 \u00e7a :<\/p>\n

    \n
  • CDN (Content Delivery Network)\u00a0:<\/strong>\u00a0permet des distributions de m\u00e9dias et apporte donc plus de s\u00e9curit\u00e9, de rapidit\u00e9 et de confort utilisateurs<\/li>\n
  • Varnish :<\/strong>\u00a0un serveur de cache permettant la mise en cache des requ\u00eates HTTP<\/li>\n
  • Redis :<\/strong>\u00a0un syst\u00e8me de gestion de base de donn\u00e9es permettant de meilleurs performances en \u00e9vitant les acc\u00e8s disques<\/li>\n<\/ul>\n

    Tout \u00e7a est bien ficel\u00e9 dans\u00a0des conteneurs Docker<\/strong>\u00a0et permet d\u2019automatiser le d\u00e9ploiement d\u2019applications et par la m\u00eame occasion de faciliter nos d\u00e9ploiements automatiques\u00a0via GIT<\/strong>\u00a0(pas besoin de vous le d\u00e9crire celui-l\u00e0 ?)<\/p>\n

    Derni\u00e8re petite chose niveau performance, on n\u2019a pas r\u00e9sist\u00e9 \u00e0\u00a0l\u2019option Full Page Cache<\/strong>\u00a0que propose Magento.<\/p>\n

    Revenons maintenant \u00e0 ce qui nous int\u00e9resse le plus : Le configurateur !<\/strong><\/p>\n

    La grande nouveaut\u00e9 de ce configurateur sur MyEvian, c\u2019est la possibilit\u00e9 d\u2019uploader ses propres visuels qui viendront se graver sur\u00a0votre bouteille en verre<\/strong>.<\/p>\n

    En d\u2019autres termes, vous chargez votre image, logo ou photo, celle-ci va subir plusieurs traitements afin qu\u2019elle soit convertit en un joli SVG monochrome qui vous permettra de le redimensionner, le faire pivoter et bien d\u2019autres actions vous permettant d\u2019exprimer votre cr\u00e9ativit\u00e9 jusqu\u2019au bout (on aime tellement JavaScript pour \u00e7a).<\/p>\n

    Apr\u00e8s l\u2019upload de votre photo, il vous sera alors propos\u00e9 de choisir parmi 3 images ayant subi un traitement diff\u00e9rent selon la photo d\u2019origine. \u00c0 vous de choisir votre rendu pr\u00e9f\u00e9r\u00e9 (la beaut\u00e9 \u00e9tant subjective !).<\/p>\n

    Si on reparle technique, vous l\u2019aurez compris, c\u2019est bien s\u00fbr pour ces traitements et conversions que l\u2019on a eu recourt \u00e0\u00a0Potrace<\/strong>. Un programme open source permettant de\u00a0tracer un bitmap, c\u2019est-\u00e0-dire permettant de convertir votre image en graphique vectoriel<\/strong>\u00a0(et en l\u2019occurrence, au format SVG) parfaitement net et redimensionnable sans crainte. La conversion du visuel en monochrome (avec un choix de couleurs quand m\u00eame) est indispensable car nous parlons bien de gravure sur verre et non d\u2019impression !\u00a0Le visuel g\u00e9n\u00e9r\u00e9 est directement lu par la machine de personnalisation situ\u00e9e \u00e0 l\u2019usine Evian.<\/strong><\/p>\n

    Pr\u00e9cision, qui semble logique en 2018 mais sait-on jamais, le site MyEvian et son configurateur sont bien \u00e9videmment responsive et fonctionnent tout aussi bien quel que soit le support sur lequel vous allez l\u2019utiliser\u00a0!<\/p>\n

    Encore une belle r\u00e9alisation pour l\u2019\u00e9quipe DATASOLUTION avec des challenges et de beaux d\u00e9veloppements mais surtout, un grand plaisir pour nous de continuer \u00e0 collaborer avec les \u00e9quipes de Danone que l\u2019on remercie pour leur confiance.<\/p>\n <\/div>\n <\/div>\n <\/div>\n\n","protected":false},"featured_media":0,"template":"","class_list":["post-6826","archives","type-archives","status-publish","hentry"],"acf":[],"yoast_head":"\nAvec MyEvian, personnalisez vos bouteilles d'eau min\u00e9rale \u00e0 votre image<\/title>\n<meta name=\"description\" content=\"D\u00e9couvrez un beau projet de refonte en Magento pour MyEvian offrant aux internautes une personnalisation (presque) sans limite !\" \/>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/www.datasolution.fr\/archives\/avec-myevian-personnalisez-vos-bouteilles\/\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Avec MyEvian, personnalisez vos bouteilles d'eau min\u00e9rale \u00e0 votre image\" \/>\n<meta property=\"og:description\" content=\"D\u00e9couvrez un beau projet de refonte en Magento pour MyEvian offrant aux internautes une personnalisation (presque) sans limite !\" \/>\n<meta property=\"og:url\" content=\"https:\/\/www.datasolution.fr\/archives\/avec-myevian-personnalisez-vos-bouteilles\/\" \/>\n<meta property=\"og:site_name\" content=\"DATASOLUTION\" \/>\n<meta property=\"article:publisher\" content=\"https:\/\/www.facebook.com\/datasolution.ecommerce\/\" \/>\n<meta property=\"article:modified_time\" content=\"2023-07-24T13:51:28+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/www.datasolution.fr\/wp-content\/uploads\/2022\/06\/Share-new-website-1200x630px.jpg\" \/>\n\t<meta property=\"og:image:width\" content=\"1200\" \/>\n\t<meta property=\"og:image:height\" content=\"630\" \/>\n\t<meta property=\"og:image:type\" content=\"image\/jpeg\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:site\" content=\"@datasolution1\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\\\/\\\/schema.org\",\"@graph\":[{\"@type\":\"WebPage\",\"@id\":\"https:\\\/\\\/www.datasolution.fr\\\/archives\\\/avec-myevian-personnalisez-vos-bouteilles\\\/\",\"url\":\"https:\\\/\\\/www.datasolution.fr\\\/archives\\\/avec-myevian-personnalisez-vos-bouteilles\\\/\",\"name\":\"Avec MyEvian, personnalisez vos bouteilles d'eau min\u00e9rale \u00e0 votre image\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/www.datasolution.fr\\\/#website\"},\"datePublished\":\"2023-05-17T09:05:03+00:00\",\"dateModified\":\"2023-07-24T13:51:28+00:00\",\"description\":\"D\u00e9couvrez un beau projet de refonte en Magento pour MyEvian offrant aux internautes une personnalisation (presque) sans limite !\",\"breadcrumb\":{\"@id\":\"https:\\\/\\\/www.datasolution.fr\\\/archives\\\/avec-myevian-personnalisez-vos-bouteilles\\\/#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\\\/\\\/www.datasolution.fr\\\/archives\\\/avec-myevian-personnalisez-vos-bouteilles\\\/\"]}]},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\\\/\\\/www.datasolution.fr\\\/archives\\\/avec-myevian-personnalisez-vos-bouteilles\\\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Accueil\",\"item\":\"https:\\\/\\\/www.datasolution.fr\\\/en\\\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Archives\",\"item\":\"https:\\\/\\\/www.datasolution.fr\\\/archives\\\/\"},{\"@type\":\"ListItem\",\"position\":3,\"name\":\"Avec MyEvian, personnalisez vos bouteilles d’eau min\u00e9rale \u00e0 votre image\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\\\/\\\/www.datasolution.fr\\\/#website\",\"url\":\"https:\\\/\\\/www.datasolution.fr\\\/\",\"name\":\"DATASOLUTION\",\"description\":\"Agence experte eCommerce\",\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\\\/\\\/www.datasolution.fr\\\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"en-US\"}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"Avec MyEvian, personnalisez vos bouteilles d'eau min\u00e9rale \u00e0 votre image","description":"D\u00e9couvrez un beau projet de refonte en Magento pour MyEvian offrant aux internautes une personnalisation (presque) sans limite !","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/www.datasolution.fr\/archives\/avec-myevian-personnalisez-vos-bouteilles\/","og_locale":"en_US","og_type":"article","og_title":"Avec MyEvian, personnalisez vos bouteilles d'eau min\u00e9rale \u00e0 votre image","og_description":"D\u00e9couvrez un beau projet de refonte en Magento pour MyEvian offrant aux internautes une personnalisation (presque) sans limite !","og_url":"https:\/\/www.datasolution.fr\/archives\/avec-myevian-personnalisez-vos-bouteilles\/","og_site_name":"DATASOLUTION","article_publisher":"https:\/\/www.facebook.com\/datasolution.ecommerce\/","article_modified_time":"2023-07-24T13:51:28+00:00","og_image":[{"width":1200,"height":630,"url":"https:\/\/www.datasolution.fr\/wp-content\/uploads\/2022\/06\/Share-new-website-1200x630px.jpg","type":"image\/jpeg"}],"twitter_card":"summary_large_image","twitter_site":"@datasolution1","schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebPage","@id":"https:\/\/www.datasolution.fr\/archives\/avec-myevian-personnalisez-vos-bouteilles\/","url":"https:\/\/www.datasolution.fr\/archives\/avec-myevian-personnalisez-vos-bouteilles\/","name":"Avec MyEvian, personnalisez vos bouteilles d'eau min\u00e9rale \u00e0 votre image","isPartOf":{"@id":"https:\/\/www.datasolution.fr\/#website"},"datePublished":"2023-05-17T09:05:03+00:00","dateModified":"2023-07-24T13:51:28+00:00","description":"D\u00e9couvrez un beau projet de refonte en Magento pour MyEvian offrant aux internautes une personnalisation (presque) sans limite !","breadcrumb":{"@id":"https:\/\/www.datasolution.fr\/archives\/avec-myevian-personnalisez-vos-bouteilles\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/www.datasolution.fr\/archives\/avec-myevian-personnalisez-vos-bouteilles\/"]}]},{"@type":"BreadcrumbList","@id":"https:\/\/www.datasolution.fr\/archives\/avec-myevian-personnalisez-vos-bouteilles\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Accueil","item":"https:\/\/www.datasolution.fr\/en\/"},{"@type":"ListItem","position":2,"name":"Archives","item":"https:\/\/www.datasolution.fr\/archives\/"},{"@type":"ListItem","position":3,"name":"Avec MyEvian, personnalisez vos bouteilles d’eau min\u00e9rale \u00e0 votre image"}]},{"@type":"WebSite","@id":"https:\/\/www.datasolution.fr\/#website","url":"https:\/\/www.datasolution.fr\/","name":"DATASOLUTION","description":"Agence experte eCommerce","potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/www.datasolution.fr\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"en-US"}]}},"_links":{"self":[{"href":"https:\/\/www.datasolution.fr\/en\/wp-json\/wp\/v2\/archives\/6826","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.datasolution.fr\/en\/wp-json\/wp\/v2\/archives"}],"about":[{"href":"https:\/\/www.datasolution.fr\/en\/wp-json\/wp\/v2\/types\/archives"}],"version-history":[{"count":3,"href":"https:\/\/www.datasolution.fr\/en\/wp-json\/wp\/v2\/archives\/6826\/revisions"}],"predecessor-version":[{"id":10509,"href":"https:\/\/www.datasolution.fr\/en\/wp-json\/wp\/v2\/archives\/6826\/revisions\/10509"}],"wp:attachment":[{"href":"https:\/\/www.datasolution.fr\/en\/wp-json\/wp\/v2\/media?parent=6826"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}