DIB France est une entreprise spécialiste de la distribution et de l’intégration de solutions informatiques à forte valeur ajoutée. Leur activité s’articule autour de deux sites principaux : Un site vitrine qui détaille l’ensemble de leurs services et un site catalogue qui les aide à accompagner leurs clients pour leurs projets informatiques.
Le client désire une refonte de leur site e-commerce afin d’avoir une version moderne, simple d'utilisation et à forte valeur ajoutée. La mission de Siweb est de concevoir l’ensemble des maquettes et de les fournir à iCOM qui sera chargé du développement.
Les objectifs définis sont : Améliorer l'UX & l’UI Design (expérience utilisateur et interface utilisateur) en proposant un parcours clair et efficace grâce à une nouvelle charte visuelle et l'introduction d'une navigation améliorée et de nouveaux composants.
Le catalogue s’adresse principalement à une cible BtoB. Cependant, les particuliers peuvent également commander, donc ils sont également à prendre en compte. Plusieurs points sont importants sur ce projet :
L'audit de l'ancien site a été réalisé pour évaluer ses points forts et faibles. Il a révélé des lacunes majeures, notamment en termes d'ergonomie, de navigation, et d'esthétique. De plus, le site n'était pas adapté aux dispositifs mobiles, ce qui entraînait une expérience utilisateur médiocre. Le besoin de moderniser complètement le site était évident.
Les principaux concurrents de DIB France, tels que Compufirst, Inmac Store, GrosBill pro, et Bechtle, ont été analysés pour comprendre leurs stratégies, fonctionnalités, et design. Cette analyse a permis de repérer les meilleures pratiques de l'industrie et de déterminer les éléments essentiels à intégrer pour rester compétitif.
Les besoins pour le nouveau site e-commerce ont été identifiés en fonction des lacunes de l'ancien site et des meilleures pratiques de l'industrie. Les fonctionnalités générales demandées comprennent un site responsive design, un mega menu pour le catalogue produits, un moteur de recherche avancé, des pages produits dynamiques, la gestion des devis, commandes, factures, l'accès à des catalogues personnalisés, des filtres avancés, des templates spécifiques pour les packs métiers, les configurateurs, et les partenaires marques.
Le projet a également nécessité une analyse approfondie de deux parcours utilisateur spécifiques :
Cette analyse des parcours utilisateur a été essentielle pour concevoir une expérience fluide et intuitive, répondant aux besoins variés des visiteurs du site DIB France.
Pour la refonte du site, une stratégie créative a été élaborée. Elle repose sur l'utilisation de tons neutres et d'un ton voyant pour créer un contraste harmonieux. L'objectif est de rendre le site fonctionnel en mettant en avant les informations essentielles tout en conservant une esthétique attrayante. Cette approche vise à créer une expérience utilisateur engageante et professionnelle.
L'étape de conception des wireframes basse-fidélité consiste à créer une série de maquettes simples et rudimentaires qui représentent la structure et la disposition des éléments sur le site web, à la fois pour le mode connecté et non connecté.
Cette étape est essentielle pour le projet de DIB France pour plusieurs raisons :
Pour ce projet, la création d'une vingtaine de maquettes de wireframes basse-fidélité, à la fois pour le mode connecté et non connecté, permettra de planifier efficacement la disposition des éléments essentiels du site, d'assurer la cohérence dans la navigation et de valider que toutes les fonctionnalités demandées sont correctement intégrées. Cela donnera des bases solides pour la phase de conception hautement détaillée du site web.
Une fois les wireframes basse fidélité validés en interne et par le client, nous sommes passés à la phase de design. Cette étape représente une phase cruciale dans le processus de conception du site web de DIB France. Elle englobe trois éléments majeurs :
L'objectif global de l'étape design est de transformer les concepts et les idées abstraites en une représentation visuelle concrète et interactive du site web de DIB France. Cela permet de valider le design, l'ergonomie, et la fonctionnalité du site avant de passer à la phase de développement, contribuant ainsi à réduire les risques d'erreurs coûteuses et à assurer une expérience utilisateur de qualité.
Après avoir obtenu la validation des wireframes pour la version de bureau, nous avons procédé à la conception de la version responsive du site pour les appareils mobiles. Cette démarche offre au client une vision complète de l'apparence et de la convivialité de son nouveau site web sur diverses plateformes, garantissant ainsi une expérience optimale pour tous les utilisateurs, quel que soit le dispositif qu'ils utilisent.
Nous sommes une agence web basée à Aix-en-Provence.
Nous donnons vie à vos projets en leur donnant une visibilité digitale sur le web.