logo Smotly sans baseline
  • Accueil
  • Nos offres
    Site corporate
    Strapi
    Site e-commerce
    Shopify Plus
    Logo Sylius
    Application web​
    Strapi
    Audit
    Diagnostic actionnable
    Replatforming
    Moderniser sans repartir de zéro
    IA
    Logo Dust
    Maintenance
    MCO/TMA
    Renfort d'équipe
    Experts Strapi, Shopify, front, SEO
    Nos formations →
    Accélérez les compétences de vos équipes sur Strapi, Shopify, Node.js et Next.js
  • Nos expertises
    Analyse des besoins et des processus métiers​
    Comprendre pour mieux construire
    IA Consulting​
    L’IA au service de votre transformation numérique
    Design UX/UI
    Des designs qui racontent votre histoire
    Analytics
    Exploitez la puissance de vos données
    Développement web​
    Des lignes de code qui donnent vie à vos idées
    Maintenance de site web & Assistance technique
    Sécurisez et optimisez votre site
    Référencement SEO & SEA
    Stratégie SEO et campagnes SEA optimisées
  • Réalisations
  • À propos
    • Notre impact
    • FAQ
  • Blog
  • Contact
Estimer mon projet

Réalisation

Message In The Bulb : un site e-commerce tendance

Message In The Bulb, la lumière de vos émotions

Depuis 2018, Message In The Bulb transforme des ampoules ordinaires en créations uniques et personnalisées. Avec une offre grandissante, la marque propose des produits de haute qualité conçus artisanalement pour sublimer votre intérieur en transmettant des émotions et créant une ambiance inégalable. Ils utilisent la technologie LED la plus avancée pour fabriquer des ampoules économes en énergie, durables et respectueuses de l’environnement.

 

Voir le site

Compétences mobilisées lors du projet

  • Conception
  • UI/UX
  • Développement
  • Gestion de projet

Client

Date de création

2018

Secteur d'activités

Commerce luminaires et éclairage

Technologies utilisées

BigCommerce

Vercel

Weglot

Stripe

Avis Vérifiés

Une refonte pour un site reflétant la personnalité de MITB

Après un premier site e-commerce en version sombre, MITB a choisi de passer de l’ombre à la lumière grâce à une refonte complète de son site internet. Le mode sombre, tendance ces dernières années, laisse désormais place à des designs plus clairs et plus aérés. 

Bien que fonctionnel, le site MITB a été optimisé pour présenter un shop e-commerce avec une expérience client maximale : catégorisation efficace, fiche produit complète, recommandations et suggestions, réassurance, FAQ, … 

 

Pour cette refonte, MITB nous a de nouveau fait confiance pour mettre en ligne une toute nouvelle version du site internet avec des objectifs bien identifiés. La feuille de route était la suivante :

Construire un nouveau webdesign en mode clair reflétant modernité, dynamisme et énergie pour adresser la cible

Améliorer l’expérience client avec des fiches produits complètes

Faciliter la personnalisation avec la création de son propre kit en quelques clics

Développer les zones SEO pour faciliter le référencement et améliorer la notoriété

Un webdesign lumineux pour des émotions immédiates

L’intégralité du webdesign a été revue pour atteindre la nouvelle version du site MITB. Ensemble, nos équipes ont construit un moodboard pour mettre en lumière les valeurs et directives principales à appliquer pour dynamiser le site. 

Après l’étape des wireframes, toutes les maquettes ont été réalisées et pensées sur la base du contenu disponible. La communication a également été actualisée pour adresser une cible jeune, dynamique et active.

L’avant / après - De l’ombre à la lumière

Adieu le mode sombre, place à la lumière et la couleur.  

MITB - avant MITB - après

Une méthodologie adaptée et sur-mesure

Pour ce projet, la méthode de travail a été complètement adaptée pour définir ensemble le périmètre d’action technique et fonctionnel nécessaire pour mettre en place une nouvelle version du site.
01.

Identification des besoins et spécifications : prise de brief, analyse et bilan de l’existant -> points forts, points faibles, points manquants. 

02.

Création d’un moodboard : à partir du 1er atelier, nous avons co-créer une planche moodboard pour identifier la charte à déployer sur le site et les pistes à suivre.

03.

Définition des wireframes : toujours sur la base du 1er atelier, nous avons construit les wireframes du site en tenant compte des points forts du site existant à conserver et des meilleures pratiques de site e-commerce. 

04.

Confirmation des maquettes : présentation et modification des maquettes pour obtenir la version à développer. 

05.

Une intégration conforme aux maquettes validées avec insertion du contenu partagé et reprise des données existantes. 

06.

Une version beta testée pour un contrôle de la qualité de bout en bout. 

Le + du projet

Un e-commerce + fonctionnel pour une expérience utilisateur optimale

Pour cette refonte, nous avons pu nous baser sur les premiers retours d’expérience du site en ligne et fonctionnel. L’architecture headless permise via BigCommerce a été conservée pour garder le même niveau de liberté et les performances SEO et techniques du site. (et d’ailleurs, par ici pour en savoir plus sur BigCommerce ou le headless, nous vous expliquons tout sur notre blog) 

Pour compléter la première version, une nouvelle fonctionnalité a été intégrée : la création d’un kit en toute autonomie par le client final. Une fois sur la fiche de son ampoule, le client a désormais la possibilité de personnaliser son kit en choisissant les socles disponibles pour cette ampoule. 

D’autres fonctionnalités ont été mises en place pour améliorer l’expérience client : 

  • Des fiches produits complètes avec une grille d’images optimales permettant la visualisation complète des produits. Des éléments de réassurance ont été ajoutés pour la livraison et le paiement. 
  • Un système de filtres et de tri précis pour faciliter la recherche pour le client 
  • La mise en avant des avis récoltés par Avis Vérifiés sur les produits et sur la marque. Ces avis sont mis en avant sur les moteurs de recherche via les rich snippets pour un référencement efficace. 
  • La possibilité d’ordonnancer les produits sur les pages shop. Elements peut choisir de mettre les produits de son choix en avant en fonction de son calendrier éditorial et sa stratégie commerciale. 
  • Le paiement en plusieurs fois sans frais via Paypal 
  • Un site multilingue grâce à Weglot 

Prenez rendez-vous gratuitement en 1 clic !

Vous souhaitez créer ou refondre votre site vitrine, ou avez des questions à nous poser ? Réservez un créneau pour un échange par téléphone ou par visio.

Prendre rendez-vous
Strapi
Shopify Plus
next-js-logo-wht
node-js-logo-wht
REACT
dust-logo-bw
looker-studio-logo-bw
figma-logo-white
sylius-logo-bw

Paris – Ile de France
2 bis rue Alfred NOBEL
77420 Champs sur Marne
tél : 01 64 21 00 63

Région Ouest
37 route de l’Océan
56470 Saint-Philibert
tél : 01 64 21 00 63

contact@smotly.com

  • Contact
  • Mentions légales
  • Politique de confidentialité
  • Notre impact
  • FAQ
  • Contact
  • Mentions légales
  • Politique de confidentialité
  • Notre impact
  • FAQ
  • Shopify
  • BigCommerce
  • Strapi
  • WordPress
  • Webflow
  • Bubble
  • Sylius
  • Connecteur ERP
  • Shopify
  • BigCommerce
  • Strapi
  • WordPress
  • Webflow
  • Bubble
  • Sylius
  • Connecteur ERP
Inscription newsletter
Linkedin
Team for the Planet Logo
Logo Dust
Strapi Logo
Logo Sylius
Shopify Plus

Copyright 2022 | Smotly | All Rights Reserved