Un partenaire qui valorise

et améliore votre site Oxatis

BLOG : Référencement formation conseils OXATIS
Rechercher   Retour aux billets

Refonte Graphique : Les Magiciens du Feu

Refonte Graphique : Les Magiciens du Feu On dit souvent que la durée de vie d'un design d'un site est d'environ 2 ans. Internet est un espace où le temps s'écoule en accéléré et les modes passent aussi rapidement que les technologies évoluent. Il est donc important de renouveler son design et repenser la structure de son site pour l'adapter aux différents types de design tels que le responsive design, material design ou mobile first. 

Notre client Les Magiciens Du Feu est un leader de la vente d'artifices en France et propose une large gamme de produits pour amateurs comme pour professionnels, des mineurs aux majeurs ainsi que des accessoires pour s'assurer une fête réussie. Il est donc important de pouvoir répondre à toutes les attentes des clients et aménager le site pour le rendre rapide à prendre en main. 

Nos missions lors de cette refonte étaient les suivantes:
  • Changer le design fixe en design adaptatif
  • Le Design adaptatif permet ainsi d'utiliser des photos plus larges pour les grands écrans tout en restant lisible pour les plus petites résolutions. 
  • Retirer les menus verticaux afin d'élargir la page et afficher plus de produits dans la pages catalogue.
  • Refaire la structure des pages produits afin de mettre en avant les vidéos et les caractéristiques des produits.
  • Permettre le choix de la quantité dans les pages produits.
  • Refonte de l'entête du site en mettant en avant la barre de recherche prédictive.
  • Afficher les avis des clients.
  • De nouvelles fonctionnalités (Retour en haut de la page, Nombre de points de fidélités accumulés par produits, montrer le prix à atteindre avant d'avoir des frais de ports gratuits ou un cadeau offert)...



La refonte



L'entête



Pour accommoder un large menu horizontal, l'entête a été créée de façon à utiliser toute la largeur de l'écran de l'internaute. Nous avons conservé les liens utiles en haut de page, comme le retour à l'accueil, les avis, le numéro de téléphone, le bouton de connexion ainsi que le panier dynamique. Nous avons également développé une fonctionnalité permettant d'avertir l'internaute des promotions auxquelles il aura bientôt droit grâce à la somme de son panier. Il sait alors à tout moment s'il est proche d'avoir droit aux frais de port offerts ou un cadeau grâce au montant de son panier.
Des éléments de réassurance sont insérés juste en dessous du menu horizontal et donc présents sur toutes les pages du site.

Refonte graphique entête

Les fonctionnalités utilisées:
  • Panier Dynamique
  • Connexion Dynamique
  • Fonctionnalité Montant Restant 
  • Menu Panoramique

Page d'accueil



Le diaporama de la version 2015 a fait place à un diaporama Oxatis plus léger, plus large et permettant ainsi d'utiliser des images plus grandes. Les informations sur les produits sont plus aérées et les images plus grandes.

Refonte Accueil

Page Catalogue



La page catalogue est une page très importante d'un site e-commerce. En retirant le menu vertical, nous avons pu ajouter plus de colonnes pour mettre en avant plus de produits, et des photos plus grandes. Le fond blanc aère l'espace et le catalogue étant très rempli, un bouton "retour en haut de la page" permet de revenir au début très facilement. La page est adaptative et reste donc lisible pour les petits écrans tout en utilisant plus d'espace pour de plus grandes résolutions. Les clients peuvent également choisir la quantité de produits directement depuis la page catalogue

Refonte graphique catalogue

Fonctionnalités
  • Quantité de produits
  • Promox
  • Retour en haut de page
  • Design Adaptatif
  • Diaporama
  • Panier Pop-up


Page Produit



La page produit est l'une des 3 pages principales d'un site e-commerce, voire la plus importante. Nous avons donc construit une modèle spécifique et unique aux Magiciens Du Feu afin de mettre en avant les spécificités de chaque produit. La vidéo est un atout essentiel lors de la présentation d'un produit, notamment dans le domaine du feu d'artifice afin de montrer le résultat époustouflant de chaque article. La vidéo était alors en fin de page et donc peu mise en avant dans la version 2015. En restructurant cette fiche produit, nous avons mis en avant les informations principales sur les caractéristiques aux côtés de la photo, des éléments de réassurance adaptés à chaque article ainsi que la vidéo au même niveau que les photos principales. Plus besoin de scroller pour trouver toutes les informations pratiques. Celles-ci sont en plus adaptées au format de l'écran et se redimensionnent selon la largeur de l'écran. 
Les points de fidélités gagnés pour chaque produit sont également automatiquement mis à jour selon le prix de l'article.

Grâce à l'app de quantité, nous pouvons désormais choisir le nombre de produits à ajouter dans le panier directement depuis la page produit et non plus depuis la page panier d'achat.

Refonte Graphique Produit

Fonctionnalités
  • Retour en haut de page
  • Vidéo dans la page produit
  • Pictogrammes s'adaptant à la hauteur de leur contenu
  • Points de fidélité
  • Quantité dans la fiche produit
  • Panier Pop-up
  • Avis dans la page produit


Pied de page



Le pied-de-page du site reprend les icônes de réassurance présentes en haut du site. De plus, le logo a été remplacé par des informations pratiques concernant le magasin (Adresse, horaires et numéros de téléphone et fax), une colonne a été ajoutée pour inclure plus d'informations dans le menu et une encart a été créé pour s'inscrire à la newsletter des Magiciens Du Feu et profiter d'offres et bons plans.

Refonte graphique pied de page


Visiter Les Magiciens Du Feu
Rédigé le  6 sep. 2016 9:00 dans Chez nos clientsGraphisme  -  Lien permanent
Abonnez-vous au fil d'ID : Conseils webmarketing Abonnez-vous pour recevoir directement dans votre mail la parution des nouveaux articles de notre blog Oxatis Web Informer Button

Commentaires

Pas encore de commentaire pour cet article.

Apportez votre commentaire sur ce blog oxatis

Les commentaires sont modérés dans le seul but d'avoir un espace constructif à la réflexion de tous. Ils n'apparaitront pas tant que l'auteur ne les aura pas approuvés Ce que nous nous engageons à faire dans les 48h au maximum. L'équipe ID AGIR vous remercie chaleureusement de votre contribution et est très fière de partager avec vous l'expérience acquise auprès de nos clients tout au long de la vie de leurs projets.
Le nom et l'adresse email sont obligatoires. L'adresse email ne sera pas affichée avec le commentaire.
Votre commentaire
Votre nom *
Votre Email *
URL de votre site | Faites votre pub
Gestion e-commerce est votre partenaire marketing, vous retrouverez sur le blog toutes les nouveautés Oxatis ainsi que tout l'actualité Inbound Marketing, web marketing, graphique et web.
Nos vidéos Youtube
Tutoriaux
Interviews
Nos e-books
Téléchargez gratuitement nos e-books :

  • Trouvez et utilisez vos mots clés
  • Se lancer sur les réseaux sociaux
  • Les mentions obligatoires de vos factures

Télécharger nos e-books
Catégories
Chez nos clients
Développement web
E-commerce
Graphisme
Mailing
Marketing
Oxatis
SEO
Vie de l'agence
Suivez-nous sur