LightinBox

LightinBox
Webdesign et intégration WooCommerce d'une boutique artisanale

Webdesign de LightinBox sur WordPress et WooCommerce

ANNÉE
2021
CLIENT
LightinBox
MISSION
Refonte du site et de l’identité de marque.
Conception du logo.
Design et intégration de la boutique en ligne sous WordPress et WooCommerce.
Création de landing pages personnalisées.

Design de la boutique WooCommerce

Webdesign et intégration WooCommerce de LightinBox

LightinBox propose un service simple et durable : se servir de matériaux recyclés pour concevoir des cadres lumineux dans lesquels sont affichées des reproductions d’œuvres d’art ou des photos personnalisées fournies par les clients.

Ce concept décoratif et durable est l’œuvre d’un artisan seul. Il nécessite donc une approche simple et intuitive dans sa conception. Pour cela, l’utilisation de WordPress et WooCommerce a été la solution retenue.

En effet, avec son interface intuitive, le client pourra s’occuper seul de son site web et pourra également ajouter certaines fonctionnalités grâce aux milliers d’extensions disponibles.

Carrousel couvrant l'intégralité de l'écran

Carrousel couvrant l’intégralité de l’écran

Panier flottant personnalisé

Panier flottant

Page d'accueil sous le carrousel

Page d’accueil sous le carrousel

Page produit personnalisée

Page produit

Se servir du support pour passer un message

Design WooCommerce du carrousel d'accueil de la boutique sur grand écran

Le concept de LightinBox se distingue par deux principes. D’abord, des œuvres de qualité placées dans un cadre lumineux. Ensuite, l’utilisation de matériaux recyclés.

Afin de garantir un impact optimal et une bonne compréhension du concept dès la page d’accueil, il a été décidé de présenter l’offre en plein écran.

Design WooCommerce du carrousel d'accueil de la boutique sur mobile

Ainsi, l’utilisateur est directement plongé dans le concept avec des œuvres affichées sur un écran lumineux, un message clair et un accès direct aux deux principaux services de l’entreprise.

Landing pages personnalisées

Afin de mettre en avant des partenariat avec des artistes locaux et indépendants, LightinBox avait besoin de modèles de landing pages afin de présenter ses collections. Ici, un modèle de landing page pour la collection Energy Dreeg.

Landing page personnalisée

Landing page pour la collection Energy Dreeg

Un sitemap repensé pour WooCommerce

Le sitemap original était confus et empêchait une navigation fluide. Il a fallu repenser la place de chaque page et évaluer leur pertinence dans l’optique d’offrir un parcours client instinctif et optimisé.

Sitemap original

L’analyse du sitemap original laissait apparaitre plusieurs erreurs de hiérarchie et de placement des liens, entrainant une navigation confuse.
Tout d’abord, le header était surchargé avec des liens non essentiels à la découverte de l’offre de l’entreprise. Ces lien auraient leur place dans le bas de page.
Ensuite, les réponses aux questions à propos de la personnalisation du produit se trouvaient sur une page didactique à part au lieu de faire figurer ces réponses directement au sein de la page de commande du produit en question.

Sitemap repensé pour WooCommerce

Une fois corrigé, le sitemap offre une navigation plus claire et hiérarchisée.
Le header offre un accès direct à tous les produits et au compte client.
Ensuite, les informations complémentaires à propos de la personnalisation du produit sont visible uniquement sur la page de produit personnalisé.
Enfin, les informations complémentaires telles que les moyens de paiement, le montant des frais de port, le formulaire de contact sont dans le bas de page, en retrait mais accessibles depuis toutes les pages du site.