Aperçu du projet
Prolive est une plateforme de gestion de la présence sur Internet d'un point de vente, établissement, boutique.
Où les propriétaires / gérants partagent leurs nouveautés, répondent aux avis de leurs clients, suivent la performance de leur solution souscrite. L'application est gratuite avec leur offre, cependant, peu l'utilise (environ 12 K utilisateurs réguliers sur un ensemble de 50 K clients)
Prolive est une plateforme de gestion de la présence sur Internet d'un point de vente, établissement, boutique.
Où les propriétaires / gérants partagent leurs nouveautés, répondent aux avis de leurs clients, suivent la performance de leur solution souscrite. L'application est gratuite avec leur offre, cependant, peu l'utilise (environ 12 K utilisateurs réguliers sur un ensemble de 50 K clients)
Explorer le problème
Autour du management de la présence de l'établissement, associé à une offre spécifique, le groupe Solocal se dotait d'une nouvelle entité de marque, d'un nouveau site (proposant les mêmes fonctionnalités), et bien sûr, tout un lot d'offres spécifiques.
Autour du management de la présence de l'établissement, associé à une offre spécifique, le groupe Solocal se dotait d'une nouvelle entité de marque, d'un nouveau site (proposant les mêmes fonctionnalités), et bien sûr, tout un lot d'offres spécifiques.
Recherche préliminaire fournie
L'équipe Prolive avait déjà commencé à mener des recherches pour valider leur produit, et a partagé ce qui suit avec nous en tant qu'équipe.
L'équipe Prolive avait déjà commencé à mener des recherches pour valider leur produit, et a partagé ce qui suit avec nous en tant qu'équipe.
Utilisateur cible : détenteur offre presence
Stratégie de défi (C'est beaucoup plus complexe, mais voici un aperçu) : faciliter la gestion de leur établissement sur Internet, le faire gagner du temps
Stratégie de défi (C'est beaucoup plus complexe, mais voici un aperçu) : faciliter la gestion de leur établissement sur Internet, le faire gagner du temps
Portée du projet
Prolive avait déjà développé une application sous Ionic; ainsi qu'une plate-forme Web. Je suis arrivé en cours avec pour objectif de développer le parc utilisateur. Nous avons repris et corrigé une partie de l'application, puis ajouté quelques fonctionnalités attendues par les clients, tout en maintenant le site associé.
Prolive avait déjà développé une application sous Ionic; ainsi qu'une plate-forme Web. Je suis arrivé en cours avec pour objectif de développer le parc utilisateur. Nous avons repris et corrigé une partie de l'application, puis ajouté quelques fonctionnalités attendues par les clients, tout en maintenant le site associé.
Déclaration de (pré-)problème
Ainsi a évolué à notre énoncé du problème : Réussir à développer l'application et le site, à moindre coût tout en obtenant de bons résultats.
Ainsi a évolué à notre énoncé du problème : Réussir à développer l'application et le site, à moindre coût tout en obtenant de bons résultats.
Procédé de design
La première chose que nous avons faite a été d'observer un test d'utilisabilité que l'équipe prolive a mené avec un client, autour des nouvelles offres. Ce qui nous a permis de comprendre que le client ne connaissait pas l'offre qu'il souscrivait, ni ce qu'elle comportait et encore moins l'existence de l'application, ce qui nous a permis de comprendre le déficit d'utilisateurs.
La première chose que nous avons faite a été d'observer un test d'utilisabilité que l'équipe prolive a mené avec un client, autour des nouvelles offres. Ce qui nous a permis de comprendre que le client ne connaissait pas l'offre qu'il souscrivait, ni ce qu'elle comportait et encore moins l'existence de l'application, ce qui nous a permis de comprendre le déficit d'utilisateurs.
Entretiens avec les parties prenantes
Ensuite, nous avons mené des entretiens avec les parties prenantes avec la majorité de l'équipe Prolive.
Nous avons parlé avec des personnes du marketing, des finances/infrastructures, de la conception et de l'ingénierie/développement. Telles sont les informations que nous avons tirées de ces entretiens.
Ensuite, nous avons mené des entretiens avec les parties prenantes avec la majorité de l'équipe Prolive.
Nous avons parlé avec des personnes du marketing, des finances/infrastructures, de la conception et de l'ingénierie/développement. Telles sont les informations que nous avons tirées de ces entretiens.
Flux d'utilisateurs
Nous avons créé des flux d'utilisateurs basés sur des tâches courantes que l'utilisateur effectuerait.
Nous avons créé des flux d'utilisateurs basés sur des tâches courantes que l'utilisateur effectuerait.
Équipe du design
Avec ces flux d'utilisateurs à l'esprit, nous avons commencé à visualiser au-delà du MVP à travers les wireframes. Le défi consistait à considérer le prototype mobile existant et à prendre en compte les informations que nous avions tirées du test d'utilisabilité. Ce ne sont que quelques croquis préliminaires que nous avons faits.
Avec ces flux d'utilisateurs à l'esprit, nous avons commencé à visualiser au-delà du MVP à travers les wireframes. Le défi consistait à considérer le prototype mobile existant et à prendre en compte les informations que nous avions tirées du test d'utilisabilité. Ce ne sont que quelques croquis préliminaires que nous avons faits.
Conception
Quelques itérations de conception dont j'étais principalement responsable au cours de ce projet.
Quelques itérations de conception dont j'étais principalement responsable au cours de ce projet.
Style
En équipe, nous avons conçu divers symboles qui ont été réutilisés sur tout le site, tels que la typographie, les couleurs et les boutons. J'ai converti ces symboles en composants et mélangé divers composants dans les cartes vues autour du prototype.
En équipe, nous avons conçu divers symboles qui ont été réutilisés sur tout le site, tels que la typographie, les couleurs et les boutons. J'ai converti ces symboles en composants et mélangé divers composants dans les cartes vues autour du prototype.
Typographie
Nous avons conservé la typographie existante utilisée sur son MVP mobile.
Nous avons conservé la typographie existante utilisée sur son MVP mobile.
Palette
Nous avons également utilisé les couleurs du logo Prolive existant, en mettant l'accent sur l'utilisation du bleu comme couleur primaire.
Nous avons également utilisé les couleurs du logo Prolive existant, en mettant l'accent sur l'utilisation du bleu comme couleur primaire.
Boutons
Bien que ces composants boutons soient très simples, nous savions qu'il était important de les établir le plus tôt possible afin de travailler avec un fichier facile à manipuler.
Bien que ces composants boutons soient très simples, nous savions qu'il était important de les établir le plus tôt possible afin de travailler avec un fichier facile à manipuler.
Tests d'utilisation
Prototype haute fidélité
