DÉCOUVREZ LES SUCCÈS DE NOS CLIENTS

Migrer un site avec près de 10 000 références produits

Migrer un site avec près de 10 000 références produits

Migrer un site avec près de 10 000 références produits

Itiscommerce agence web prestashop lyon - logo elec plus simple

MISE EN LIGNE

2019

NOMBRE DE RÉFÉRENCES

plus de 10 000 références

TYPE DE PROJET

Migration du site vers PrestaShop 1.7

Besoin de Elec Plus Simple

Pour une entreprise telle que Elec Plus Simple, il est important de proposer un site boutique en adéquation avec une cible BtoC, mais également avec une cible professionnelle BtoB.

Mixer ces deux composantes si complexes a été un réel challenge et un défi pour les deux équipes.

C’est dans ce but que itis Commerce a tout mis en oeuvre lors de réunion et de discussion avec les équipes marketing d’Elec Plus Simple pour établir une stratégie répondant à ce cahier des charges.

Comme le dit Eric Gallo, dirigeant chez Elec Plus Simple : « itis Commerce a su répondre à un cahier des charges très exigeant et pointu. »

Qui est Elec Plus Simple?

Spécialiste de la vente de matériel électronique en ligne

Elec Plus Simple propose sur son site e-commerce un large choix produits électroniques : interrupteurs et prises, accessoires d’installation, tableaux électriques…

Elec Plus Simple offre des produits de marque et de qualité à des prix avantageux, avec de courts délais de livraison.

Elec Plus Simple est partenaire avec de nombreux fabricants électroniques, comme Legrand ou Schneider.

Image-bloc-PrestaShop-Elec-Plus-Simple-7

Le Projet E-Commerce

fiche produit mobile

Un site e-commerce BtoB et BtoC

Elec Plus Simple avait comme besoin d’optimiser et de simplifier ses ventes BtoC et BtoC, c’est ainsi que le site e-commerce sous PrestaShop a été réalisé pour répondre au mieux au cahier des charges du client.

Grâce à de la personnalisation & une ergonomie simplifiée, une toute nouvelle image a été donnée au site. Les gammes de produits sont maintenant présentées de manière claire et attrayante.

Un mixte de simplicité et modernité dans un site professionnel.

“Nous avions demandé à l’agence itis Commerce la création d’un site internet moderne, sous la technologie PrestaShop, qui puisse présenter notre très large offre de manière structurée et conviviale.”

Éric Gallo
Gérant | Elecproshop

Elec-Plus-Simple-Image-5

Elec Plus Simple et PrestaShop

Dans le secteur industriel, la sélection d’un site PrestaShop n’est pas anodin.

En effet, performant de par son back-office complet et simple d’utilisation, PrestaShop n’a plus à prouver ses capacités de gestion des ventes et sa personnalisation de produits artisanaux ou de produits industriels.

Enfin, par son rapport qualité/prix attractif, ce site e-commerce industriel est un excellent cas de figure pour toutes entreprises avec de gros volumes de commandes et de catégories de produits.

Un site plus moderne et transparent

À l’ère du digital et des normes légales obligeant les e-commerçants industriels à être plus transparents pour rassurer les visiteurs, il est devenu primordial de repenser son architecture et son design.

De nombreux sites industriels se heurtent au problème récurrent du responsive pour mobile en raison d’un design peu attirant et d’un codage obsolète.

Cette problématique a bien été cernée par le dirigeant, Eric Gallo, et l’équipe marketing chez Elec Plus Simple :

« Avoir un design innovant qui nous permette de présenter une offre très large de manière structurée pour vendre en BtoC des produits techniques. Ainsi une description détaillée fondamentale. »

Collection c-creation
Elec-Plus-Simple-Image-3

Une migration, une nouvelle version et des modules PrestaShop

Dans la plupart des cas, les sites industriels de vente tels que Elec Plus Simple sont des sites boutiques vieillots fonctionnant sur une version ancienne de PrestaShop.

Afin de rendre la gestion du site plus fluide et une expérience utilisateur de meilleure qualité, une refonte complète a été nécessaire.

Tout d’abord, il était important de migrer le site PrestaShop vers les serveurs fiables et sécurisés de itis Commerce.

Puis, la migration de l’ancienne version du site vers la nouvelle version 1.7 de PrestaShop a été nécessaire pour profiter des dernières fonctionnalités e-commerce.

Enfin, l’équipe itis Commerce a intégré de multiples modules simples d’utilisation pour développer une expérience et un parcours client plus naturel et augmenter le taux de conversion tout en respectant les dernières normes telles que le RGPD (Règlement Général de Protection des Données).

Nos cas clients

image-a-la-une-mon-petit-poids-nb
image-a-la-une-air-et-aventure-prestashop-g

Stimuler les ventes BtoB grâce au digital

Stimuler les ventes BtoB grâce au digital

Stimuler les ventes Btob grâce au digital

Itiscommerce agence web prestashop lyon -logo linder noir

MISE EN LIGNE

2016

NOMBRE DE TISSUS TISSÉS

10 millions de m²/an

TYPE DE PROJET

Refonte du site vitrine et création du site Linder pro

Besoin de Linder

Image-bloc-prestashop-LINDER-tablette-laptop

L’objectif de la société était de vendre ses produits à ses clients professionnels via un site e-commerce ne proposant que des produits disponibles ou pouvant être fabriqués.

itis Commerce a donc réalisé un site PrestaShop entièrement synchronisé au mainframe de Linder.

Qui est Linder ?

Du made in France pour les professionnels

Linder SA Tisseur Créateur est une société familiale spécialisée dans la confection de tissus, voilages, rideaux, nappages, literies et housse de coussins.

Partout dans le monde, sa clientèle uniquement professionnelle reconnaît la qualité « Made in France » de la société comme une référence.

Image-bloc-PrestaShop-Elec-Plus-Simple-7

Le Projet E-Commerce

mockup-site-cstb-formations-2

Un site relié aux outils de production en temps réel

Linder vend 3 types de produits : les produits finis (nappes, rideaux, coussins), les tissus au mètre et les confections sur-mesure de nappes et rideaux. Afin de stimuler ses ventes, la société a souhaité créer un site e-commerce qui propose aux internautes de commander ses produits directement auprès des fabricants Linder.

Afin de s’assurer de pouvoir honorer toutes ses commandes, notre client a souhaité ne présenter que les produits qu’il est en mesure de fabriquer et donc de vendre.

Cette demande implique une connexion permanente entre le PrestaShop et les outils de production de la société. Ainsi, chaque demande de l’internaute nécessite une interrogation du système informatique central de Linder afin de contrôler la disponibilité et la faisabilité de la requête en provenance de PrestaShop.

“Nous voulions un site permettant de répondre en instantané aux demandes de nos clients, notamment pour la tarification d’articles sur mesure. Aussi, en tant que spécialiste de la déco, nous voulions impérativement pour notre site un design sobre et élégant.”

Pierre-Marc Linder
Directeur | Linder

mockup-ipad-100bon

Une connexion sur-mesure

Toute la gestion informatique de l’entreprise est hébergée sur un AS400. Il a donc fallu interfacer PrestaShop avec le mainframe de Linder. Pour cela nous avons développé une couche logicielle permettant de dialoguer avec le système informatique de la société.

De leur coté les équipes informatiques de Linder ont développé les services logiciels nécessaires pour que le mainframe fournisse les réponses aux demandes de PrestaShop.

Ainsi, le site et son fonctionnement sont presque entièrement pilotés par les capacités de production des usines. Seuls les éléments marketing de la page d’accueil et les pages de CMS ne le sont pas.

Des fiches produits qui s’adaptent

Les données des fiches produits proviennent soit de la base de données soit de web services exposés sur le Mainframe de Linder.

Il est nécessaire qu’un minimum de ces données soient présentes localement afin d’éviter de faire des aller-retours entre PrestaShop et le mainframe pour produire les écrans. Cela garantit à l’internaute une navigation agréable dans les rubriques du site. Les données minimum à afficher sont : l’image principale du produit, les images des vignettes, le libellé du produit, la référence et l’état de stock. Elles sont envoyées par Linder en alimentation directe de MySQL.

Le restant des données de la fiche produit sont utilisées lors de l’affichage complet de la fiche. Elles sont chargées lorsque l’internaute sélectionne un produit.

Collection c-creation
Elec-Plus-Simple-Image-3

Confectionner vous-même

Les fiches permettant la confection sur-mesure mettent en œuvre un configurateur produit à plusieurs étapes variables. Chaque choix sélectionné dans une étape modifie les choix possibles suivants. La logique est celle d’une arborescence.

Ainsi, chaque étape fait l’objet d’un échange de web service entre PrestaShop et le mainframe. Le site web est à l’initiative du premier échange.
Chaque réponse du mainframe précise si il reste des étapes pour spécifier le produit.

A la dernière étape, un bouton apparaît sur la fiche produit. Celui-ci permet à l’internaute d’imprimer un état récapitulatif du produit qu’il vient de constituer.

Nos cas clients

image-a-la-une-mon-petit-poids-nb
image-a-la-une-air-et-aventure-prestashop-g

Numériser ses process pour gagner du temps

Numériser ses process pour gagner du temps

Numériser ses process pour gagner du temps

logo-cstb-formation

MISE EN LIGNE

2017

NOMBRE DE MODULE DE FORMATION

83 modules de formation

TYPE DE PROJET

Refonte graphique et gestion des contenus

Besoin de CSTB formations

mockup-site-cstb-formations-1

CSTB Formations nous a contacté pour une refonte graphique du site, et la création de toute pièce d’un back-office du site pour permettre une gestion avancée des contenus, tout en s’intégrant dans l’écosystème de CSTB.

Il souhaitait que leurs équipes puissent gérer totalement et librement l’ensemble des contenus sur le Front-Office, ce qui n’était pas possible sous WordPress.

Qui est CSTB formations ?

CSTB formations, au service du partage des connaissances

Le CSTB (Centre Scientifique et Technique du Bâtiment) à travers le CSTB Formations, répond au besoin de partage et de mise à jour des connaissances au service de l’innovation dans le bâtiment.

Le CSTB Formations, à travers ses formations, réponds aux enjeux des transitions énergétiques, environnementales et numériques.

Avec plus de 50 ans d’expérience dans le domaine de la construction, le CSTB Formations vous propose de gagner des compétences pour évoluer dans le domaine.

Image-bloc-PrestaShop-Elec-Plus-Simple-7

Le Projet E-Commerce

mockup-site-cstb-formations-2

Une refonte à partir de maquettes graphiques

Pour la refonte graphique du front-office, et plus particulièrement pour les sites CSTB Formations et CSTB Logiciels, nous avons choisi un classique du Web : un CMS WordPress.

Il a été installé et paramétré aux petits oignons pour venir s’intégrer aussi bien graphiquement que fonctionnellement au sein des autres sites CSTB.

“Lors de la refonte du site CSTB Formations, l’équipe de itis a été très réactive à nos demandes. Le site web correspond à nos attentes en termes d’ergonomie et de fonctionnalités. Nous en sommes satisfaits. Merci à itis pour sa disponibilité.”

Christelle Altorn
Cheffe de produit marketing | CSTB

mockup-ipad-100bon

Une construction dynamique des pages

Dans le cas du site CSTB Formations, nous avons également créé certains écarts et certaines pages qui reprennent dynamiquement les informations entrées dans le back-office. Ce sont les cas, par exemple, de l’encart « Agenda » et de toutes les pages concernant les formations.

De plus, le site a été longuement travaillé afin de garantir, d’un point de vue graphique, son intégration parfaite dans l’écosystème web du CSTB.

Symfony 3 pour une gestion avancée des contenus

Pour la gestion des contenus en back-office, nous avons développé une plateforme de gestion des contenus totalement dynamique sur une base PHP 7 / Symfony 3 / MySql.

Le modèle de données a été créé spécialement pour répondre aux besoins précis du CSTB Formations.

Le but ? Permettre aux équipes du CSTB Formations de gérer totalement et librement l’ensemble des contenus affichés sur le front, ce qui n’aurait pas été possible en utilisant les fonctionnalités de base du CMS WordPress.

Collection c-creation
Elec-Plus-Simple-Image-3

Une API REST pour toutes les communications

La communication entre la base de données et le front-end se fait via une API REST en lecture seule depuis le WordPress. La mise en forme des données au format JSON étant effectuée par le CMS WordPress grâce à des gabarits de page spécialement développés pour l’occasion.

La communication entre la base de données et le back-end est également effectué via une API REST afin de permettre une indépendance totale de la vue et des données.

Pour terminer, un contrôleur entre le CMS et la base de données et entre le back-end et la base de données assure la stricte limitation des accès de l’API.

Nos cas clients

image-a-la-une-mon-petit-poids-nb
image-a-la-une-air-et-aventure-prestashop-g

Ouvrir une marque au digital – 100BON

Ouvrir une marque au digital – 100BON

Ouvrir une marque au digital

Itiscommerce agence web prestashop lyon - logo elec plus simple

MISE EN LIGNE

2017

NOMBRE DE RÉFÉRENCES

plus de 100 références

TYPE DE PROJET

Migration sur Prestashop et WordPress

Besoin de 100Bon

Image-desktop-mobile-prestashop-100BON-22

itis Commerce a mis en place une plateforme qui soit entre boutique en ligne et blog, pour que la marque 100BON puisse vendre & offrir des conseils à ses clients.

En 2019, 100BON a internalisé ses compétences techniques pour développer ses activités, notamment via son site internet. Néanmoins, nous avons eu la chance de participer à leur lancement en répondant à des problématiques diverses.

Ainsi, c’est l’occasion de découvrir nos solutions à leurs besoins e-commerce dans cette étude de cas complète.

Qui est 100Bon ?

Des parfums à base d’huiles essentielles

100BON, c’est la promesse de parfums innovants et responsables qui sont écologiques, rechargeables, recyclables & made in France. La marque privilégie la qualité du parfum qu’au packaging pour n’avoir que l’essentiel.

Après 25 ans dans les plus grands groupes et devant un monde qui change, Christophe Bombana fonde 100BON.

Fasciné par le pouvoir olfactif des compositions d’huiles essentielles sur l’esprit, il souhaite aller à l’essentiel : le parfum plutôt que les flacons, la communauté plutôt que le marketing, le zéro déchet plutôt que la surconsommation.

Image-bloc-PrestaShop-Elec-Plus-Simple-7

Le Projet E-Commerce

100bon_photo_fin4-768x768

Prestashop pour la vente

Pour la partie commerce, la version 1.6.1 de PrestaShop se charge de la mise en avant des produits.

En back-office, l’équipe de 100BON administre l’intégration des nouveaux produits ou catégories et gère le suivi des commandes au quotidien.

Un design épuré et clair offre une expérience de navigation unique aux internautes.

“Pour le lancement de notre nouvelle marque, nous voulions un site de vente simple et épuré, avec la possibilité de donner des conseils à nos clients, tout en ayant une belle mise en page.”

Dorothée Dalamer
Directrice de la création | 100Bon

mockup-ipad-100bon

Une fiche produit simple et efficace

La fiche produit est essentielle dans un site e-commerce.
C’est pourquoi nous y avons intégré tous les éléments clés pour optimiser les ventes de 100BON !

Tout d’abord, le carrousel de photos permet de visualiser parfaitement le parfum sous différents aspects. La fonction « Zoom photo » offre au client la possibilité de découvrir les détails et la finition des produits.

La colonne vertébrale de la fiche est le descriptif Produit. C’est un des éléments dans la décision d’achat d’un internaute. Au même titre que les espaces dédiés aux conseils et à la composition du produit qui apportent une réelle plus value et que l’on peut retrouver plus bas.

WordPress pour le blog

Le CMS WordPress est couplé au PrestaShop pour permettre à l’équipe de 100BON de publier des articles et d’administrer les pages de contenu, comme la partie « conseils » et « atelier » notamment.

La photo est l’élément centrale dans le design de cette partie du site. Elle permet d’entrer vraiment immersion dans l’atelier où sont vendus les parfums en physique. Son atmosphère est calme, reposante, épuré. L’intégration de texte en petite quantité, nuance et accompagne parfaitement la navigation dans le site.

L’intégration de la typographie et des couleurs 100BON permettent de garder une cohérence avec la charte graphique de la marque.

Collection c-creation
Elec-Plus-Simple-Image-3

La marque 100Bon sur les réseaux sociaux

La mise en place du Social Media Wall synchronise toutes les publications du compte Instagram directement dans la page dédiée dans le site.

Une belle façon de voir les produits mis en lumière de différentes manières pour découvrir l’univers fort développé par la marque.

Nos cas clients

image-a-la-une-mon-petit-poids-nb
image-a-la-une-air-et-aventure-prestashop-g