Refonte de site internet Bordeaux

Refonte de site internet pour la société Strap4U, située au Bouscat près de Bordeaux. La structure commercialise des orthèses en silicone innovantes. Nous avons procédé à la refonte de son site web WordPress dans le but d’en augmenter l’efficacité commerciale et les ventes en ligne.

Un site web vitrine et e-commerce WordPress 100% responsive

Le constat avant refonte de site web :

Avant refonte du site, le graphisme de la home page initiale est de couleur sombre, difficilement lisible. Les éléments sont disposés sous forme de bannières, sans hiérarchie d’information. La présence d’un joueur de handball induit l’idée restrictive que les produits du client sont destinés à une utilisation sportive uniquement.

L’objectif de la refonte graphique du site WordPress :

La volonté est d’axer sur le médical et le bien être ainsi que les utilisations variées que les produits proposent. Notre Directrice artistique commence par recréer l’identité visuelle du site. Nous optons pour un fond blanc afin de clarifier la lisibilité du site web, et pour un code couleur qui rappelle la fabrication « made in France ». Un bleu marine et une typographie condensée et ronde apportent du dynamisme et de la modernité au site. La valeur innovante des inventions brevetées de Strap4U est ainsi véhiculée avec efficacité.

Un travail de design regroupe les produits phares sous forme de 3 vignettes :

  1. Le strap en silicone pour les doigts, une orthèse amovible stérilisable et désinfectable, réglable et hypoallergénique
  2.  Le strap4u ice comfort qui est un pod et une ceinture en silicone qui fonctionne par cryothérapie et thermothérapie.
  3. La nouvelle gamme de textiles de récupération sportive, brassières, manchon, cuissard et ceinture lombaire.

Une vidéo Youtube renforce l’impact de la home page du nouveau site vitrine. Elle montre l’utilisation et le mode d’emploi de l’orthèse strap4u amovible pour les doigts en cas de fracture, entorse, coupures… l’accent est mis sur le caractère waterproof, hypoallergénique, inventé et fabriqué en France des produits Strap4U.

Puis, une section affiche des actualités de l’entreprise strap4U. Le footer est entièrement retravaillé. On y trouve des arguments de réassurance – garantie, qualité, paient 100% sécurisé, livraison gratuite-. Nous n’oublions pas la mise en évidence des réseaux sociaux.

Refonte de site internet Bordeaux - site responsive

Refonte de site internet Bordeaux :  le travail de design

  • Valoriser le produit et montrer que cette innovation est une fabrication française est un objectif important dans ce projet de refonte de site. C’est pourquoi, sur la page de présentation de l’orthèse en silicone s4u, la photographie de présentation prend une place importante ainsi que le pavé de texte à droite afin d’expliquer en détail son utilisation. L’ajout de dessins des prototypes répond à ce besoin.

  • Les avantages de ce produit sont illustrés par des pictogrammes : hypoallergénique, désinfectable et stérilisable, respectant les normes covid en vigueur.

  • Un visuel de l’orthèse en situation sur le site web montre immédiatement à l’internaute l’intérêt de sa fonctionnalité. Le contenu éditorial associé témoigne de la recommandation par les professionnels de santé.

  • Le webdesign suivant est consacré à la fonctionnalité en montrant par des schémas ludiques comment utiliser concrètement l’orthèse amovible qui se pose seul en toute sécurité. Les vidéos renforcent l’explication simplifiée.

  • Nous gardons les codes couleurs bleu et gris pour montrer le caractère sérieux, et relevons par une pointe de rouge les titres et les mots importants des titres. La dernière partie présente la gamme disponible avec un choix de coloris différent. Cela incite le client à en savoir plus et basculer sur la fiche produit de la boutique en ligne afin de concrétiser son achat.

Refonte de site internet Bordeaux - Page produits Strap

Refonte de site internet Bordeaux :  la navigation du site

  • Initialement sur la page avant refonte, les 2 produits strap et ice comfort étaient sur la même page. Nous avons donc procédé à un réagencement de la navigation afin de clarifier l’ergonomie du site.

  • Le choix de la couleur bleu turquoise fait ressortir le visuel vert pomme, et tranche avec les autres pages du site afin de démarquer le produit des autres gammes. En effet, ce dispositif médical recommandé par les professionnels de santé mérite une présentation différente.

  • La photo a gauche, combinée le avec texte de présentation à droite, permet de garder une ligne directrice du site.

  • La disposition des pictogrammes sous le visuel produit montre rapidement les « +produit ». Un call to action amène l’internaute à découvrir plus en détail les différentes utilisations de ice comfort.

  • Un zoning composé de l’explication du fonctionnement grâce à du texte explicatif pour les informations détaillées, un petit schéma ludique pour montrer l’utilisation du chaud et du froid thérapeutique.. puis un gif animé qui indique le fonctionnement thermique ainsi que le produit en coupe avec sa plaque souple de transfert thermique.

  • On tranche la mise en page par l’insertion d’un bandeau de couleur avec les comparaisons des températures , facon d’indiquer encore davantage d’informations par le biais de l’image.. et moins de texte.

  • Une ligne de 4 images qui montre le process de ice comfort , le mode d’emploi directement à placer sur sa jambe ou la cuisse.

  • Le dernier zoning met judicieusement en évidence par par une mosaïque les photos des différentes applications sur les membres du corps associé à du contenu texte et des pictogrammes qui dynamisent l’ensemble.

Refonte de site internet Bordeaux - page produits Ice Confort

Refonte de site internet Bordeaux :  optimisation technique

  • L’hébergement de l’ancien site WooCommerce n’étant plus accessible, le récupération de l’intégralité du contenu du site e-commerce a été effectuée depuis l’interface d’administration de WordPress. Puis cette sauvegarde a été installée sur le nouvel hébergement haute performance.

  • Ensuite, nous avons mis à jour WordPress et ses extensions afin de renforcer la sécurité du site marchand. Aussi, nous avons remplacé certaines extensions obsolètes afin de garantir le fonctionnement et les performances du site internet.

  • Avant d’intégrer les modifications graphiques nous avons dû mettre à jour le thème dans sa version premium. Cette évolution a donné accès au constructeur de page Visual Composer permettant des mises en pages évoluées.

  • Pour permettre à la société Strap4U de faire bénéficier ses clients de remises sur la quantité de certains produits, nous avons modifié le calcul des prix en ajoutant une extension à la prise en main rapide.

  • Les nouveaux design des pages ont également été  intégrés sur la version anglaise du site e-commerce.

  • Pour finir et afin de respecter le RGPD, nous avons ajouté les éléments obligatoires : optin de consentement sur les formulaires, mise en place d’une page détaillant la politique de confidentialité de la société, popup sur l’utilisation des cookies.

Direction artistique et design graphique : agence web de Bordeaux. Conseil et coordination du projet : agence web de Bordeaux. Intégration du site web vitrine et e-commerce sous WordPress : agence web d’Avignon.

Vous recherchez une agence web experte dans la refonte de site web vitrine ou e-commerce, près du Bouscat ?
Située non loin de Bordeaux et se déplaçant dans toute la Gironde, l’Agence Colombo répond à tous vos besoins avec réactivité et un grand professionnalisme.
Pour tout projet, contactez-nous par téléphone ou à l’aide de ce formulaire, et nous reviendrons vers vous sous 48h.

Logiciels et technologies utilisées

Photoshop, WooCommerce, WordPress

Prestations réalisées

Création d’une identité visuelle et design graphique d’un site vitrine et e-commerce WordPress existant. Gestion de l’hébergement du site internet, et intégration des écrans de la boutique en ligne WordPress (home page, pages produits, galerie de la boutique e-commerce). Sélection, installation et configuration de tous les plugins nécessaires au bon fonctionnement du site e-commerce.

Partagez ce projet sur vos réseaux sociaux !

Refonte de site internet Bordeaux - logo Agence Colombo

Prêt à prendre contact ?

Vous avez une grande idée ? Nous vous aidons à la concrétiser !
Rencontrons-nous sur Bordeaux ou Avignon.

Agence Colombo

Agence de communication multicanale à taille humaine :  Bordeaux, Marseille, Montpellier et Avignon.

Digital

Intégration webresponsive
Production de contenus
Ergonomie
Emailings et newsletters
Bannières display web et mobile
Médias réseaux sociaux