DÉCOUVREZ LES SUCCÈS DE NOS CLIENTS

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