Outsourcify a conçu et développé une boutique en ligne de produits pour animaux de compagnie basée en Thaïlande. L'objectif était d'imaginer une vitrine numérique qui ne se contente pas de présenter son vaste catalogue de produits, mais qui incarne également l'essence d'un mode de vie respectueux des animaux, en permettant aux consommateurs de s'abonner pour recevoir régulièrement les produits dont ils ont besoin pour leur animal de compagnie (nourriture et litière par exemple).
Notre responsabilité s'étendait au-delà de la conception et du développement conventionnels ; il s'agissait de créer une toute nouvelle boutique en ligne présentant un attrait esthétique mais aussi des caractéristiques techniquement stimulantes. Nous avons également réalisé un travail considérable pour importer des dizaines de marques et des milliers de produits dans la plateforme de commerce électronique, ainsi que tous les attributs de leurs différentes variations (taille, goût, format, etc.) et images. En plus de la version desktop standard, notre expertise s'est étendue à la création d'un design responsive, garantissant une expérience utilisateur immersive et sans faille sur différents appareils.
Ce projet transformateur nous a permis de nous plonger dans l'industrie des animaux de compagnie, de comprendre les besoins et les préférences uniques des propriétaires d'animaux, et de traduire ces idées en une présence en ligne visuellement attrayante et technologiquement robuste pour notre client.
Team
1 Directeur UX/UI et chef de projet1 Graphiste
1 Web Designer
1 Développeur Front-End
1 Développeur Worpress
Methodology
Atelier UX / UITools
LarkInVision
TeamWork
Adobe Xd
Adobe Illustrator
Adobe Photoshop
Technologies
Timeframe
3 moisExigences spécifiques en matière de conception
En nous lançant dans ce projet d’e-commerce de produits pour animaux de compagnie, une directive fondamentale était de donner la priorité à une conception UX/UI centrée sur le mobile, en s’alignant de manière transparente sur les modèles comportementaux de leur principal groupe démographique, qui se situe principalement dans la tranche d’âge des 20-30 ans, caractérisée par une utilisation intensive du téléphone portable. Conscients de l’importance primordiale de ce public cible, nous avons méticuleusement conçu une expérience utilisateur qui s’harmonise avec ses préférences et ses habitudes, garantissant un engagement optimal sur les appareils mobiles.
Nos responsabilités allaient au-delà de la conception conventionnelle ; nous avons entrepris de façonner l’identité globale de la marque, en nous inspirant de son identité d’entreprise (IE). Cette approche holistique a impliqué non seulement la création d’un langage de conception visuellement attrayant et cohérent, mais aussi la garantie d’interactions conviviales en résonance avec l’éthique de la marque.
En alignant la stratégie de conception « mobile-first » sur l’identité visuelle établie, nous avons favorisé une synergie harmonieuse entre l’esthétique visuelle et l’efficacité fonctionnelle, contribuant finalement à une expérience d’achat en ligne positive et attrayante pour le public cible de notre client. L’accent mis sur l’expérience utilisateur et la cohérence de la marque souligne notre engagement à fournir des solutions complètes qui transcendent les frontières conventionnelles dans le paysage dynamique du commerce électronique.
Le défi de l'expérience utilisateur
L’organisation d’un atelier UX approfondi avec notre client s’est révélée être une étape inestimable dans notre démarche visant à comprendre et à répondre efficacement aux besoins uniques de son entreprise. Grâce à des activités engageantes telles que des sessions de brainstorming, la création de persona et le développement de sitemap, nous avons acquis des connaissances approfondies sur les subtilités de leurs opérations et les attentes de leurs utilisateurs. Un aspect notable qui différencie ce projet des entreprises de commerce électronique conventionnelles est l’inclusion d’un programme d’abonnement. Cette fonctionnalité distinctive offre aux clients une expérience sur mesure, en leur proposant une petite réduction pour des livraisons programmées de produits spécifiques à des intervalles prédéfinis.
Conscients des complexités potentielles et de la confusion des utilisateurs qui pourraient survenir si cette fonctionnalité n’était pas intégrée de manière transparente, nous nous sommes fixé comme objectif principal d’assurer une expérience utilisateur fluide et transparente. Au-delà de la simple fonctionnalité, nous nous sommes attachés à concevoir une interface qui guide intuitivement les utilisateurs tout au long du processus d’abonnement, évitant ainsi toute confusion possible. En donnant la priorité à la clarté et à la fluidité dans notre conception UX/UI, nous avons cherché à responsabiliser les utilisateurs, en veillant à ce qu’ils naviguent sur la plateforme sans effort et sans rencontrer d’obstacles, en particulier dans le contexte du programme d’abonnement unique. Cet engagement à fournir une expérience utilisateur optimale souligne notre volonté de relever les défis spécifiques posés par des modèles d’entreprise et des fonctionnalités distincts.
Conception de l'interface utilisateur
Guidés par l’identité visuelle de notre client, nous avons créé un guide de style complet qui non seulement adhère à l’essence de la marque, mais qui cultive également une ambiance chaleureuse et invitante pour l’interaction avec les utilisateurs. L’utilisation stratégique du bleu comme couleur principale a posé un défi, compte tenu de son potentiel à véhiculer une impression formelle et froide.
Cependant, grâce à des considérations méticuleuses en matière de conception, notamment la forme des cartes, des boutons d’appel à l’action et des icônes, nous avons réussi à insuffler à l’ensemble de la plateforme une atmosphère conviviale et accessible, contrecarrant ainsi tout risque d’impression de froideur. En outre, pour insuffler de la vitalité et combattre la monotonie associée à une trop grande dépendance au bleu, nous avons adopté une approche délibérée.
En nous appuyant sur un spectre de couleurs vives, spécifiquement attribuées aux différentes catégories de produits, nous avons injecté de la vivacité dans le design, garantissant une expérience utilisateur visuellement attrayante et dynamique. Ce jeu intentionnel avec les couleurs s’aligne non seulement sur la stratégie globale de la marque, mais répond également aux attentes des utilisateurs en évitant la monotonie et en favorisant une interaction vivante et agréable au sein de l’espace numérique de vente au détail.
Développer une plateforme de commerce électronique
La sélection de Symfony et de Sylius pour ce projet était une décision stratégique enracinée dans la poursuite de la construction d’une boutique en ligne robuste et riche en fonctionnalités. Symfony, réputé pour sa stabilité et son expérience éprouvée, s’est imposé comme le fondement de la création d’applications web polyvalentes répondant à des besoins divers. Sa flexibilité et son évolutivité ont été cruciales pour répondre aux complexités de notre projet. En complément de Symfony, nous avons intégré Sylius, une plateforme de commerce électronique de premier plan qui est actuellement l’une des plus utilisées dans l’industrie.
La décision de s’appuyer sur Sylius a été motivée par sa capacité à générer rapidement le cadre des sites de vente en ligne. Sa capacité à fournir des boutiques virtuelles préconfigurées a rationalisé le processus de développement, nous permettant de fournir des solutions clés en main à nos clients de manière efficace. Cette synergie harmonieuse entre Symfony et Sylius a non seulement renforcé l’intégrité structurelle de la boutique en ligne, mais a également positionné la plateforme comme une solution fiable et de pointe pour des expériences de commerce électronique transparentes. Les prouesses de collaboration de ces technologies soulignent notre engagement à fournir à nos clients des environnements d’achat en ligne robustes, évolutifs et conviviaux, adaptés à leurs besoins spécifiques.
Vous cherchez une agence web?
Discutez avec notre équipe!
Contactez-nous