Site e-commerce click and collect

Optinet Solutions

Nous avons réalisé :

Architecture Conception Création graphique Développement Etude et conseil Hébergement Insertion des contenus Maintenance Référencement naturel

Type de projet :

e-commerce
e-commerce click and collect logo optinet

Distribution multi-spécialisée

OPTINET Solutions est un acteur majeur de la distribution multi-spécialisée en France depuis plus de 20 ans. Ils oeuvrent chaque jour pour répondre aux ambitions d’innovation de ses clients, qu’ils soient installateurs ou utilisateurs, artisans ou grandes entreprises.

Avec ses plus de 5 000 références, OPTINET Solutions se positionne comme un leader français de la distribution de composants et solutions d’infrastructures VDI, télécom, réseaux et d’énergie. Soucieux de s’entourer des meilleurs, ils collaborent avec de grandes marques comme Schneider, Leviton, Draka …

Contexte

Optinet Solutions souhaitait disposer un site e-commerce BtoB intégrant du « click and collect ».

Le site e-commerce BtoB d’Optinet Solutions est ouvert à la commande uniquement pour les professionnels revendeur.

La visibilité des prix et informations privées devait être consultable uniquement après connexion.

Pour ce site e-commerce click and collect, nous avons réalisé la conception, la création graphique et le développement.

Le site est réalisé en se basant sur la solution e-commerce Saleor
et intégré à Sage.

Conception & prototypage

L’objectif : disposer d’un site simple à utiliser et efficace.
Lors de cette phase nous réalisons l’UX et l’UI Design du site e-commerce click and collect BtoB.
Pour chacun de nos projets digitaux, nous concevons un prototype interactif lors de la phase d’étude.
Le prototype interactif permet d’explorer à travers les wireframes toutes les fonctionnalités du site, cela vient animer la navigation des pages du site e-commerce.
Vous pouvez ainsi vous projeter plus facilement et imaginer sa navigation et son organisation.
De plus, cela vous permet de tester et d’explorer les différentes actions qui suivent le clic et de valider le contenu des différentes pages du prototype proposé.

Découvrez un extrait du prototype réalisé pour le site e-commerce BtoB.

e-commerce click and collect optinet wireframe

E-commerce Headless

La solution Saleor devient une référence dans l’univers OpenSource pour l’e-commerce.

Elle répond aux enjeux d’aujourd’hui en proposant une architecture Headless. Grâce à cette approche, votre site e-commerce BtoB devient ouvert à l’interconnexion (application mobile, PIM, …).

Les technologies utilisées

Saleor est composée d’une API Rest, basée sur la plateforme Python Django et d’une interface d’administration développée en ReactJS.

Nous avons développé un front-end basé sur NextJS et ReactJS pour compléter la solution.

e-commerce click and collect react

React JS

e-commerce click and collect python

Python

e-commerce click and collect

Framework pour React JS

e-commerce click and collect saleor

Pour les sites e-commerce

e-commerce click and collect django

Django pour les APIs en python

Site e-commerce BtoB

Le site e-commerce click and collect BtoB construit pour Optinet Solutions dispose d’une multitude de fonctionnalités.

La plus importante étant le click and collect. Cette fonction permet de localiser les différents magasins, de gérer le stock central et les stocks magasins. Elle informe les visiteurs de disponibilités et modes de livraison (24h, click and collect, ..).

e-commerce click and collect optinet accueil

Accueil

Nos créations graphiques sont 100% personnalisées. Nous ne nous basons pas sur des thèmes préconçus. Le site est ainsi unique et 100% en adéquation avec les besoins et ceux des visiteurs.

Le menu affiche directement les 4 grandes gammes dès le premier niveau. En effet, le but étant de mettre en avant les différents produits proposés par Optinet Solutions, pour cela nous les avons mis en exergues grâce à des visuels illustrant les produits.

Ouverture de compte

Pour pouvoir passer commande et obtenir la visibilité sur les tarifs et paiement en ligne, nous avons mis en place un système de formulaire détaillé (coordonnées, conditions de règlement, livraison principale…), qui une fois complété est directement envoyé par mail au service d’Optinet Solutions pour validation de l’ouverture de compte.

Lorsque la validation est effectuée, le client reçoit ses accès afin de pouvoir se connecter au site et passer commande.

e-commerce click and collect optinet ouverture
e-commerce click and collect optinet produit

Intégration SAGE 100

Sage est le référentiel pour le contenu du site e-commerce click and collect. Nous développons donc un mécanisme de synchronisation transparent. Les informations saisies sur Sage seront automatiquement ajoutées au site Internet.

De ce fait, les données de Sage s’intègrent automatiquement au site Internet et les commandes sont envoyées directement à Sage.

e-commerce click and collect

Nous avons réalisé le développement de la commande en click & collect, cela offre à l’utilisateur, la possibilité de choisir un magasin sur le site. De plus, les magasins sont liés à un stock, cela nous permet d’afficher les disponibilités associé au magasin sélectionné.

A la demande du client, nous avons intégré la fonctionnalité de désactivation de la commande hors stock pour ce système de click & collect.

Il faut savoir que nous avons également prévu la gestion du panier lors de changement de magasin ou du passage vers la livraison.

e-commerce click and collect
e-commerce click and collect optinet panier

Panier

Lorsque un panier est en cours, afin de simplifier son suivi nous avons conçu une modale d’affichage de résumé du panier. Une fois les achats terminés, l’utilisateur peut débuter sa commande en vérifiant le panier.

Le checkout est personnalisé pour un tunnel d’achat aux options personnalisées pour Optinet solutions.

De plus, tous les emails transactionnels envoyés par la plateforme ont été personnalisés par nos soins (confirmation de commande, mot de passe oublié, …).

Et aujourd’hui ?

Nous assurons l’hébergement et la maintenance technique du site internet Optinet Solutions.

Nous les remercions de leur confiance et de nous avoir confié ce projet.