Contexte du projet Shopify avec Deliro the Label
Delirio The Label est une marque de masques réutilisables basée à Hong-Kong.
Avant, Delirio utilisait un thème Shopify standard du catalogue Shopify. Les fonctionnalités du thème n’étaient donc pas spécifiques à Delirio en tant que marque, et le contenu du site ne pouvait pas être présentés d’une manière différente aux autres boutiques en ligne. Notre objectif était donc de rendre la boutique unique afin de correspondre à la marque mais aussi de facilité sa gestion en créant un thème personnalisé reposant sur notre starter thème Shopify.
Processus
Quelles solutions pour Deliro the Label ?
L’affichage des produits sur la boutique en ligne
Nous avons fusionné les différentes variantes de couleur en un seul produit et ajouté des nuanciers de couleurs sur la page produit. Cela permet ainsi aux utilisateurs de naviguer entre les différentes variantes de couleurs pour chaque produit sans quitter la page. Nous avons également ajouté une fonctionnalité qui classe les nuanciers de couleurs en deux groupes : les couleurs régulières et les couleurs en édition limitée.
De plus, nous avons mis en place un filtre afin que les images des produits affichées correspondent à la variante de couleur sélectionnée au lieu d’afficher des images de toutes les couleurs disponibles pour chaque produit.
Information sur les produits
Utilisant les nouveaux champs méta de Online Store 2.0, nous avons implémenté des accordéons dynamiques pour afficher des informations supplémentaires sur les produits comme les spécifications techniques et les informations concernant l’expédition. Par exemple, les produits de type masque ont des accordéons qui affichent des guides d’entretien tandis que les coques pour AirPods ont des accordéons qui affichent des spécifications techniques.
De plus, nous avons utilisé les champs méta pour créer une fonctionnalité qui permet aux clients de lier différents tableaux de tailles pour les différents types de produit.
Information d’expédition
Nous avons créé un modèle de page qui affiche les différents prix d’expédition sous la forme d’un tableau que le client peut modifier facilement depuis le back-office Shopify.
Cela permet à Delirio d’ajouter facilement les différents tarifs d’expédition au tableau et de les classer en différentes régions. Toutes les données affichées sur le front-end sont accessibles et respectent les règles pour l’accessibilité des contenus Web (WCAG).
Le processus autour du design
Après avoir créé l’architecture de l’information et le plan du site pour Delirio, nous avons utilisé les maquettes fonctionnelles et les guidelines graphiques pour nous aider à concevoir une interface adaptée à tous types d’écran. Nous nous sommes assurés que l’interface soit alignée avec l’image de marque de Delirio The Label.
Design Iterations
Design Final
La technologie Shopify
Ce projet se concentre sur la création d’un nouveau thème Shopify personnalisé pour inclure des fonctionnalités uniques comme des animations qui correspondent à l’identité de Delirio.
Nous avons décidé d’utiliser Shopify comme plateforme sur laquelle nous avons créé un thème personnalisé afin de n’avoir aucune limite de design. Cette méthode nous a donné la liberté d’utiliser des éléments créatifs et des fonctionnalités spécifiques au site Shopify.
En outre, Shopify possède également un back-office robuste qui centralise tous les flux de travail liés à l’administration :
- la gestion des commandes
- la gestion des produits
- la gestion des utilisateurs
- l’email marketing
Intégration
Pour la création du thème, nous avons utilisé notre starter thème Shopify que nous avons construit en interne pour l’utiliser sur tous les projets Shopify que nous développons afin de garantir les éléments suivants :
- Un code de haute qualité
- Des sections sur chaque page avec un contenu plus riche grâce aux sources dynamiques
- Une performance optimisée du chargement du site
- Une optimisation pour les moteurs de recherche (SEO)
Avec le lancement de Online Store 2.0, nous avons intégré certaines nouvelles fonctionnalités de Shopify telles que les champs méta, des sections sur chaque page, et des blocs d’application.
En plus des champs méta pour ajouter des informations supplémentaires pour chaque produit, nous avons utilisé les blocs d’application de Online Store 2.0 pour connecter le site de notre client à son compte Instagram afin d’afficher un flux sur la page d’accueil.
En ce qui concerne le paiement, nous avons sélectionné Shopify Payments comme méthode principale, car ce dernier permet aux clients de bénéficier d’une utilisation simplifiée.
Ce que Delirio the Label dit de nous
« It was an absolute pleasure to work with the Expertime team ! From sharing their expertise in upgrading the website, to tailoring the coding to our design needs, everything was done with utmost quality of execution, efficiency and professionalism. They went out their way to create outstanding results that absolutely went above my initial vision.
Expertime has been an absolute dream to work with, amazingly talented group of people that really knows what they’re doing. I can’t recommend them highly enough, thank you from the bottom of my heart for your amazing work. »
– Harriet Lam, Designer et fondatrice à Delirio The Label
Vous avez un projet e-commerce de boutique en ligne et vous souhaitez en discuter ? Nos équipes vous accompagnent !