Comme évoqué dans des articles précédents (voir ici et ici), je vous présente aujourd'hui le nouveau site web de la boutique en ligne Modelimex localisée dans la ville thermale de Teplice en République tchèque. Elle propose ainsi depuis le 2 août 2018 un site avec une approche résolument plus moderne et ergonomique. J'avais fait une présentation complète de son précédent site web en mai 2015 (voir ici) et j'ai trouvé intéressant de me pencher sur les évolutions de cette nouvelle version.
------------
Cette nouvelle version est exclusivement en langue anglaise. Pour mes lecteurs et visiteurs francophones qui ne maîtrisent pas cette langue, sous un environnement Windows 10, un traducteur (voir ici) pour le navigateur Edge permet de traduire rapidement en français (mais également en d'autres langues) les pages de sites web.
Remarque : pour évaluer ce nouveau site web, j'ai utilisé un smartphone Apple avec un écran de 5.1", une tablette/ordinateur Microsoft avec un écran de 12.3" et un PC Tout en Un Lenovo avec un écran de 23".
------
PREMIERES IMPRESSIONS A L'OUVERTURE DE LA PAGE D'ACCUEIL
Pour un client habitué avec un compte (comme votre hôte), le changement le plus marquant se trouve dans la transformation du visuel "vieillot " de l'ancien site web en une approche beaucoup plus moderne. Le choix d'un fond clair et l'utilisation d'une couleur bleu foncé pour la barre de navigation et les onglets donne un rendu très agréable et un très bonne visibilité.
------
PRESENTATION DE LA PAGE D'ACCUEIL DE HAUT EN BASPour un client habitué avec un compte (comme votre hôte), le changement le plus marquant se trouve dans la transformation du visuel "vieillot " de l'ancien site web en une approche beaucoup plus moderne. Le choix d'un fond clair et l'utilisation d'une couleur bleu foncé pour la barre de navigation et les onglets donne un rendu très agréable et un très bonne visibilité.
------
La pièce maîtresse de ce nouveau site web est sa barre de navigation fixe avec ses 15 onglets de couleur bleu foncé et des titres de couleur blanche très lisibles (voir PHOTO 1 ci-dessous)
PHOTO 1 - La page d'accueil du nouveau site web dans sa partie supérieure (capture d'écran)
© 2018 Modelimex
. Au dessus de la barre de navigation
On trouve de gauche à droite : le logo, le téléphone et le mail de la boutique, les deux possibilités de recherches, l'accès à son compte ou à la création d'un nouveau compte, l'accès à son panier avec les montants en euros.
. Au niveau de la barre de navigation
➤ En partant de la gauche, les 2 premiers onglets permettent successivement en cliquant dessus de revenir à la page d'accueil et d'accéder à la "recherche avancée". A noter que l'accès à cette "recherche avancée" peut se faire également en cliquant au dessus de la barre de navigation sous le champ "Entrez votre recherche".
Exemple illustratif d'une "recherche avancée" : trouver la nouvelle maquette EDUARD à l'échelle 1/48ème du Messerschmitt Bf 109 G-10
1. Je clique sur "Advanced Search" et une nouvelle page s'ouvre.
2. Je clique dans le champ "Scale" et sélectionne "1/48".
3. Je clique dans le champ "Producer" et sélectionne "EDUARD".
4. Dans le champ "Text", j'écris "Bf 109 G-10".
5. Je clique sur l'onglet Search et une nouvelle page s'ouvre (voir PHOTO 2) et la référence recherchée apparaît (avec d'autres références EDUARD liées).
6. Je clique sur la référence trouvée et une nouvelle page s'ouvre (voir PHOTO 3). Sur cette dernière on trouve l'ensemble des informations utiles avant de commander le produit (disponibilité, prix avec TVA, référence, photos) et tout en dessous deux onglets Ask Us! et Review (0) . L'un permet si besoin de poser à la boutique une question sur le produit et l'autre de pouvoir faire une revue du produit et donner ainsi son avis (possibilité intéressante absente dans l'ancienne version du site). Un nombre apparaitra entre parenthèse après "Review" indiquant le nombre de revues faites sur le produit. Enfin, tout en bas de cette page, on peut voir les autres achats des clients qui ont acheté également le produit.
Pour la "recherche avancée", en plus des critères utilisés dans l'illustration ci-dessus, on peut l'affiner en plus notamment avec la nature et le type de produit, la présence ou non en stock (voir PHOTO 2).
Pour la "recherche avancée", en plus des critères utilisés dans l'illustration ci-dessus, on peut l'affiner en plus notamment avec la nature et le type de produit, la présence ou non en stock (voir PHOTO 2).
PHOTO 2 - 1ère page illustrative dans le cas d'une "recherche avancée" d'une maquette d'avion
© 2018 Modelimex
PHOTO 3 - 2ème page illustrative dans le cas d'une "recherche avancée" d'une maquette d'avion
© 2018 Modelimex
➤ Sur les 13 onglets suivants, il suffit de passer la souris (pour écran non tactile) sur l'onglet de son choix pour ouvrir une fenêtre qui donne accès à une série de choix. Ainsi, par exemple pour l'onglet Avions, la fenêtre qui s'ouvre propose 9 choix d'échelles et il suffit d'en sélectionner une pour ouvrir une nouvelle page.
L'onglet Info permet d'accéder à diverses informations : "expédition", "paiement", "système de bonus", "conditions commerciales", "nouvelles sorties", "sorties futures", "remise spéciale", "vente en gros", "contact".
Les 12 derniers onglets couvrent un large choix de produits proposés pour les divers domaines du maquettisme: Avions / Véhicules militaires / Figurines / Accessoires / Décalcomanies / Photodécoupe / Masques / Ensembles de conversion / Navires / Voitures / Livres / Catalogues.
. Au dessous de la barre de navigation
➤ On trouve sur la gauche une grande fenêtre à contenu déroulant et sur la droite deux rubriques Articles & Actualités ✳ pour changer son mot de passe et compléter son profil (pour les clients de l'ancien site web) et pour consulter le dernier bulletin d'informations des nouveautés.
➤ Juste au dessous, on retrouve les 12 familles de produits proposées avec pour chacune un dessin et son titre qui devient blanc sur fond bleu foncé lorsqu'on déplace la souris. Il suffit de cliquer dessus pour ouvrir une nouvelle page. En bas à droite, un petit onglet bleu foncé avec une petite flèche blanche dirigée vers le haut permet de remonter directement en haut de la page d'accueil (voir en bas à droite PHOTO 1)
➤ Ensuite une barre bleu foncé fixe propose par le biais de quatre liens d'accéder en cliquant dessus à des informations sur "les modalités d'expédition dans le monde", "l'étendue des stocks", "le système de bonus" et "l'entreprise".
➤ En dessous de cette barre bleue fixe, on trouve une fenêtre à flèches déroulantes avec deux onglets concernant les "nouvelles sorties" et les "remises spéciales" (voir PHOTO 4 ci-dessous).
PHOTO 4 - L'accès au "nouvelles sorties" et "remises spéciales" (captures d'écran)
© 2018 Modelimex
➤ Juste en dessous de cette fenêtre à flèches déroulantes, on retrouve l'accès aux deux rubriques Articles & Nouveautés évoquées plus haut ✳.
➤ Dans une nouvelle barre bleu fixe est proposée au client la possibilité de s'abonner à la Newsletter de la boutique en indiquant son adresse mail.
➤ Enfin tout en bas, dans un fond noir, on retrouve un regroupement de l'ensemble des rubriques proposées sous quatre titres : Catégories / Informations / Nouveaux articles / Contactez-nous.
------
BILAN
Ce nouveau site web apporte-t-il une réel plus par rapport à la précédente version? OUI sans aucune doute du fait d'une navigation fluide et intuitive, d'une facilité d'utilisation, d'une bonne réactivité, de la pluralité d'accès à une même rubrique, d'une "recherche avancée" efficace et de la possibilité pour le client sous chaque produit acheté d'en faire une revue.
Reste que le seul visuel d'un site web ne fait pas la performance d'une boutique en ligne. Avec Modelimex pas de souci en la matière avec un service de qualité que ce soit au niveau de l'expédition, du soin apporté aux colis, du choix d'articles proposés, des prix pratiqués…
------------