Refonte du site web de l'entreprise et du commerce électronique

View in another language:
Site web d’une entreprise de fournitures médicales

Recharge health est une société norvégienne qui produit un appareil de récupération utilisant la thérapie ciblée par la lumière rouge. Nous avons été chargés de la refonte de son ancien site web, de sa version responsive et de son développement. Notre objectif était de refondre le site web afin de montrer clairement les informations que Recharge souhaite transmettre à ses clients tout en le gardant moderne et à la mode.


 

Image de recharge1

Team
1 Directeur UX/UI et chef de projet
1 Graphiste
1 Web Designer
1 Développeur Front-End
1 Développeur Worpress
Methodology
Atelier UX/UI
Méthodologie Waterfall
Tools
Lark
TeamWork
Adobe Xd
Adobe Illustrator
Adobe Photoshop
Technologies
PHP, WordPress, WooCommerce, mySQL, Bootstrap, HTML5, CSS
Timeframe
2 mois

Les défis

Dans l’ensemble, le plus grand défi était qu’il n’y avait pas de page d’achat séparée sur l’ancien site web de Recharge. En outre, les sous-pages qui fournissent des informations sur l’entreprise et les produits présentaient des problèmes d’expérience utilisateur en ce qui concerne la transmission des informations aux utilisateurs. Nous devions relever plusieurs défis majeurs :

  1. Comme mentionné ci-dessus, Recharge vendait ses produits et communiquait avec ses clients par l’intermédiaire d’une plateforme de financement en nuage appelée « indiegogo » en l’absence d’une page de vente de ses propres produits. Cette structure pouvait causer des désagréments aux clients, c’est pourquoi la création d’une page de vente propre était le plus grand défi.
  2. En raison de la non-conformité de la mise en page de la page d’accueil précédente, la clarté et la lisibilité des informations laissaient à désirer.
  3. La conception générale du site web précédent était monotone et dépassée. En outre, il était difficile de ressentir le professionnalisme de la marque sur l’ensemble des pages.
  4. L’ancien site web ne s’adaptait pas rapidement et correctement à tous les appareils et à toutes les tailles d’écran. Offrir à l’utilisateur l’expérience la plus dynamique possible, quel que soit l’appareil, était un défi.
dasktop10

Les solutions

Tout d’abord, en ajoutant une page de détails sur les produits, les clients peuvent acheter des produits directement à partir du site web de l’entreprise. En continuant d’exposer le bouton « Acheter maintenant » dans le menu, les clients peuvent passer de n’importe quelle page à la page d’achat. En outre, sur la page de détail du produit, les « accessoires supplémentaires » sont conçus pour être achetés ensemble en option, selon les souhaits des clients. Des informations sur les produits, des commentaires de clients et des sections FAQ ont été ajoutés pour répondre aux questions des clients sur les produits.

Ensuite, compte tenu de l’expertise et de la complexité du produit, nous avons amélioré les pages « Meet Flexbeam » et « Why Flexbeam » en ajoutant des graphiques, du texte et des interactions intéressantes pour aider les utilisateurs à obtenir les informations dont ils ont besoin avant de décider d’acheter.

Troisièmement, elle avait besoin d’un design capable d’apporter stabilité, expertise et fiabilité aux clients. La mise en page globale a été exprimée dans un format éditorial adopté par de nombreuses marques haut de gamme pour exprimer la simplicité et la modernité. La conception éditoriale peut sembler monotone, mais pour éviter cela, nous avons parfois essayé d’éviter ces défauts en alignant chaque page différemment.

Enfin, en créant une conception réactive de chaque page, nous avons permis aux utilisateurs d’accéder au site web de manière transparente à partir de différents appareils. Compte tenu de la taille limitée de l’écran des appareils portables, les éléments de conception ont été réorganisés pour s’adapter à la situation.

dasktop9

Le résumé du projet

Ce projet visait à fournir une bonne expérience et une valeur ajoutée qui répondent aux besoins des clients et à créer une identité de marque grâce à l’amélioration de la conception UI/UX.

 

 

 

recharge [Recovered]2

Vous cherchez une agence web?
Discutez avec notre équipe!

Contactez-nous
Vous cherchez une agence web?
Discutez avec notre équipe!