La refonte du site e-commerce Poezenparadijs.

Le marché des produits pour animaux de compagnie fournis en ligne est énorme et en croissance, et à la suite de l'épidémie de COVID, encore plus de propriétaires d'animaux se tournent vers Internet pour les besoins de leurs animaux de compagnie.

Avec cette expansion à l'esprit, notre équipe a décidé de repenser Poezenparadijs , un site de commerce électronique néerlandais qui vend des fournitures haut de gamme pour chats.

Il peut être difficile de repenser un site Web, mais avec une réflexion et une exécution minutieuses , il est possible d'en créer un à la fois convivial et esthétique. Cette étude de cas passera en revue les étapes de la refonte d'un site e-commerce.

De l'identification du problème à l'analyse concurrentielle suivie de la création de tuiles de style et enfin du prototype hi-fi wireframing.

Laissez-moi vous guider à travers notre processus de conception.

1. Recherche secondaire
   Nous avons commencé par une recherche secondaire et avons découvert que le marché des fournitures pour animaux de compagnie en ligne est susceptible de plus que doubler au cours des cinq prochaines années. Avec une capitalisation boursière attendue de 358 milliards de dollars d'ici 2027. Cette recherche a aidé l'équipe à comprendre la taille du marché et les possibilités pour Poezenparadijs.
2. Entretien avec les parties prenantes
   Nous avons mené un entretien avec les parties prenantes avec le fondateur de Poezenparadijs, Henk . Grâce à l'entretien, nous avons eu un aperçu de la passion de Henk pour les chats et des défis auxquels il est confronté pour diriger l'entreprise.

3. Analyse concurrentielle
Notre analyse concurrentielle était basée sur les résultats des entretiens avec les parties prenantes.

Nous avons utilisé une variété d'outils, y compris l'analyse comparative des marques , l'analyse des caractéristiques et une carte de positionnement sur le marché , dans notre approche.

L' analyse SWOT nous a aidés à documenter nos conclusions. Nous avons remarqué que le placement actuel sur la carte de positionnement du marché n'était pas si éloigné du placement idéal . Nous avons identifié les forces et les faiblesses existantes du site Web. Et nous avons découvert que le site Web actuel était difficile à naviguer et avait des catégories peu claires. Afin de répondre à ces problématiques, nous avons choisi de mettre en avant des produits de qualité spécialement sélectionnés tout en simplifiant la navigation des utilisateurs .

4. Entrevues
Pour s'assurer que la refonte répond aux besoins de l'utilisateur, nous avons mené des entrevues avec cinq propriétaires d'animaux de compagnie. Grâce à ces entretiens, nous avons appris ce que les personnes interrogées achetaient pour leur animal de compagnie et les raisons de leurs choix. Lors de l'achat de nourriture, trois personnes interrogées sur cinq suivent généralement les recommandations de leur vétérinaire.

Un propriétaire d'animal à qui nous avons parlé avait un chat en surpoids , ce qui a influencé sa décision.

5. Diagramme d'affinité
La carte d'affinité que nous avons faite en utilisant les données que nous avons reçues des entrevues nous a aidés dans la collecte d'informations et le développement de cinq supergroupes.

Les deux idées qui ont reçu le plus de votes étaient : « J'ai choisi d'acheter en ligne parce que cela prend moins de temps » et « Je me renseigne sur ce qui convient le mieux à mon chat auprès de mon vétérinaire. »

Sur la base de ces notes et du comportement des personnes interrogées , notre équipe s'est rendu compte que le principal problème derrière chacune était à la fois le temps et la confiance .

6. User-persona
Nous avons ensuite créé notre user persona, Lisa. Lisa est infirmière à plein temps et mère célibataire de Luna et Belle. Bien qu'elle travaille dans un hôpital, elle a peu de temps libre et souhaite donner à ses chats les meilleurs produits. Elle privilégie donc l'achat de ses fournitures pour chats en ligne. Notre user-persona reflète le parent d'animal de compagnie moyen que nous avons interrogé.

Elle a parfois besoin d'aide pour faire des choix judicieux en raison de la vaste gamme de produits disponibles.

7. Carte du parcours utilisateur Ensuite, nous avons décrit
la « journée dans la vie » de Lisa et les difficultés qu'elle a rencontrées en essayant de commander de la nourriture pour animaux en ligne. Elle effectue une recherche rapide de "nourriture saine pour chat" car l'un de ses chats est en surpoids .

Elle se sent perdue en cherchant. Ce qui est aggravé lorsqu'elle choisit un produit et découvre qu'il n'y a aucune explication pour laquelle on pense qu'il convient à un chat en surpoids. Elle ne se sent pas en sécurité à ce sujet et souhaite que cette tâche soit plus simple.

8. Énoncé du problème
Notre énoncé final du problème est ainsi créé :

"Une propriétaire de chat soucieuse et aimante doit trouver un moyen d' acheter et de recevoir sans effort des aliments et des produits à haute valeur nutritive sur un site Web fiable, car elle souhaite leur offrir une bonne qualité de vie mais dispose de peu de temps pour faire des recherches"

9.HMW
Trouver les problèmes avec le site Web actuel est la première étape de sa refonte. Dans ce cas, nous nous sommes concentrés sur les moyens d'aider les utilisateurs à trouver les bons produits et à prendre des décisions rapides et éclairées. Pour résoudre ce problème, nous avons créé trois déclarations «comment pourrions-nous» pour réfléchir à des idées.

10. Méthode de Moscou / MVP
Nous avons appliqué la méthode de Moscou pour hiérarchiser les fonctionnalités qui seraient incluses dans la refonte. Nous avons déterminé que la mise en page de la page d'accueil devait être simplifiée , que les avis des utilisateurs devaient être mieux affichés et que des filtres devaient être inclus. L'objectif du site Web est de fournir aux utilisateurs soucieux de donner à leurs chats une vie saine avec une nutrition élevée, des jouets et des accessoires auto-testés, ainsi que d' aider les propriétaires de chats à filtrer, sélectionner et prendre des décisions éclairées. Ces fonctionnalités sont conformes au produit minimum viable du site Web.

11. Plan du site / Flux d'utilisateurs
Travaillant sur un flux d'utilisateurs où un utilisateur recherche spécifiquement des aliments hypocaloriques pour son chat, nous avons créé un plan du site. Afin de rendre le site Web plus convivial , nous avons gardé à l'esprit que moins de clics signifie moins de temps.

12. Low / Mid-wireframe
Après le flux d'utilisateurs, nous avons créé un wireframe basse fidélité et testé son efficacité en demandant aux gens "d'acheter des aliments hypocaloriques pour leur chat en surpoids". Nous avons apporté d'autres modifications basées sur les tests des utilisateurs avant de créer un wireframe mid-fi.

13. Analyse visuelle / mood board / tuile de style
Suite à une analyse visuelle de la concurrence, nous avons déterminé le positionnement de la marque et créé un mood board. Afin d'évoquer la confiance du public, nous avons effectué un test de désirabilité et déterminé notre style.

Nous avons choisi "DM sans", qui est un sans empattement avec un design géométrique à faible contraste. « DM sans » est destiné à la lisibilité dans des tailles de texte plus petites, et comme le contenu du site contient beaucoup de texte, ce serait la solution idéale.

Nous avons choisi le bleu comme couleur principale en raison de ses effets dignes de confiance et apaisants qui reflétaient les attributs de la marque Poezenparadijs qui étaient : amical, digne de confiance, délicat, attentionné et personnel. Afin de transmettre un sentiment de bienveillance et d'attention, nous avons également sélectionné des teintes roses et neutres, qui ont un look épuré et contemporain.

14. Prototype Hi-Fi
Enfin, nous avons créé un prototype hi-fi et mis l'accent sur le responsive design. Le prototype hi-fi sera testé et amélioré ; les pages accessoires et à propos de nous du site Web seront recherchées et les produits de haute qualité du site Web seront mis en valeur ; Des vidéos et des photos Instagram seront incluses pour accroître la confiance et la personnalité de la marque.

Notre prototype haute-fidélité et notre conception réactive.

Partir seul à l'aventure. Cliquez ici

Lors de la refonte d'un site Web, il est important d'avoir un plan . Ce plan devrait inclure la détermination des problèmes que vous souhaitez résoudre, l'examen des concurrents, la création d'une mise en page de base et le choix du bon style.

En suivant cette procédure, nous avons pu concevoir un site Web convivial , attrayant visuellement et adapté aux besoins de son public cible .

Je peux seulement dire que je suis immensément reconnaissant et excité de voir les choses merveilleuses que mes coéquipiers vont créer à l'avenir.

Un merci spécial à

Salomé Mesquita Ivy van Regteren Altena Estefania Mariño Ezquerro Anaelle Ubaldino

S'il vous plaît laissez un commentaire et suivez pour plus de projets ou connectez-vous avec moi sur LinkedIn .