DÉCOUVREZ LES SUCCÈS DE NOS CLIENTS

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