Williams

La première étape a consisté à réaliser un audit approfondi du contenu des deux sites web existants afin de les consolider en un seul site web cohérent. Cela a impliqué l'identification du contenu redondant, la suppression des informations obsolètes et l'optimisation de la structure globale du site web. Nous nous sommes assurés que la navigation était claire et intuitive, et que le contenu était facilement accessible. Nous avons créé des maquettes pour planifier la mise en page et la structure du site web, en veillant à ce que l'expérience utilisateur soit fluide et captivante.

Nous avons créé une grande navigation avec des catégories de produits pour aider les utilisateurs à trouver facilement ce qu'ils recherchaient. Cette navigation est scindée selon les deux grandes divisions de l'entreprise. Nous avons également inclus une fonction de recherche qui permet aux utilisateurs de trouver rapidement des produits spécifiques sur le site web.

L'une des fonctionnalités avancées du projet était un sélecteur pour les différents variants de produits. Cela impliquait de créer une fonction qui permettrait aux clients de sélectionner les caractéristiques spécifiques qu'ils souhaitaient pour leur clôture ou leur garde-corps, puis d'afficher le variant correspondant et son coût en fonction de ces sélections.

Nous avons intégré les avis de Stamped.io fournis par le client directement sur le site web. Pour optimiser les performances, nous avons chargé les avis après le chargement initial de la page. Grâce à l'utilisation de l'API de Stamped.io, nous avons pu extraire les avis en temps réel et les intégrer de manière transparente sur le site. Nous avons développé une fonction JavaScript personnalisée pour assurer une intégration sans faille des avis dans l'expérience utilisateur. Cela permet aux visiteurs du site de bénéficier de témoignages authentiques lors de leur magasinage.

Nous avons également créé des pages de contenu soigneusement pensées et bien conçues. Nous avons utilisé Craft CMS pour la gestion de contenu, permettant ainsi une gestion facile et efficace de toutes les pages. De plus, nous avons inclus des photos et des vidéos de l'entreprise pour enrichir l'expérience visuelle des utilisateurs. Enfin, chaque page a été optimisée pour le référencement afin d'améliorer sa visibilité et son classement sur les moteurs de recherche.

Lorsqu'un utilisateur ajoute un produit au panier, un panneau coulissant apparaît depuis le côté droit de l'écran. Le panneau affiche le nom du produit, ses spécifications, son prix et sa quantité. Il propose également des boutons permettant de supprimer le produit du panier ou de continuer les achats.

De plus, le panier dispose d'une fonction qui vérifie si l'utilisateur a ajouté des poteaux au panier lors de l'achat de clôtures. Si l'utilisateur tente de passer à la caisse sans avoir ajouté de poteaux, un message apparaît pour l'inciter à ajouter des poteaux avant de poursuivre. Cela garantit que les utilisateurs n'oublient pas accidentellement d'acheter un produit nécessaire.

Une fonctionnalité clé du processus de paiement était un calculateur de frais de livraison qui fournissait aux clients une estimation précise des frais d'expédition en fonction de leur emplacement. Cela impliquait de se connecter à l'API de distance de Google Maps pour calculer la distance entre l'adresse du client et l'emplacement de l'entrepôt, puis d'utiliser les données du CMS pour déterminer les frais d'expédition en fonction d'un ensemble de conditions prédéfinies.

Le processus de paiement est simple et efficace, guidant l'utilisateur à travers quelques étapes pour finaliser son achat. Les clients peuvent choisir de créer un compte ou de passer commande en tant qu'invité. Le processus de paiement comprend le calculateur de frais de livraison personnalisé qui calcule les coûts de livraison en fonction de l'adresse du client et de la distance jusqu'à sa localisation. Les clients peuvent ensuite choisir parmi une variété de méthodes de paiement pour finaliser leur achat.

Nous avons utilisé des outils pour analyser les performances du site web et identifier les points à améliorer. Nous avons analysé des métriques telles que le temps de chargement, le taux de rebond et l'engagement des utilisateurs afin de garantir que le site web fonctionnait au mieux de ses capacités. Nous avons apporté les modifications nécessaires au site web pour améliorer ses performances et assurer une expérience utilisateur fluide.