MyFriend est une startup thaïlandaise qui se concentre sur le développement d'une super application pour tout ce qui concerne les animaux de compagnie - une plateforme web tout-en-un qui répond aux divers besoins des parents d'animaux de compagnie, des entreprises liées aux animaux de compagnie et de la communauté des amoureux des animaux de compagnie au sens large. En tant que plateforme de services complets, MyFriend s'engage à améliorer la vie des animaux de compagnie et de leurs propriétaires grâce à un ensemble complet de fonctionnalités, allant du suivi de la santé et de la prise de rendez-vous chez le vétérinaire à un espace communautaire où les expériences peuvent être partagées. La plateforme s'adresse également aux entreprises, aux organisations et aux prestataires de services indépendants du secteur des animaux de compagnie, leur permettant de présenter leurs services et de faciliter les réservations.
Nous avons été activement impliqués dans les premières étapes du projet, en fournissant des services de conseil et des ateliers. Finalement, notre équipe a été sélectionnée pour développer l'application mobile MVP et son backend. Nos objectifs initiaux comprenaient la rédaction du cahier des charges du projet, la définition de l'architecture de la plateforme et du modèle de données. Ensuite, nous avons organisé des ateliers UX pour créer des sitemaps pour les interfaces frontales et des wireframes dynamiques pour chaque écran. Après la phase initiale de conseil, nous avons étendu nos services au développement du MVP. MyFriend a continué à nous faire confiance en optant pour notre proposition. Le MVP a été lancé avec succès au début de l'année 2022 et nous avons ensuite confié le projet à l'équipe interne de conception et de développement de MyFriend.
Consultation initiale : Atelier de découverte
Afin d’aider l’équipe de MyFriend à démarrer le projet, nous avons d’abord offert des services de conseil pour lancer des idées avec eux et rédiger les documents initiaux pour structurer le plan de développement. Nous proposons des ateliers pour consacrer du temps à l’étude du projet, à l’analyse des processus et à la création de wireframes pour les écrans de l’interface. Parallèlement, nous évaluons la solution technique optimale pour le projet. Dans le cas présent, nous avons proposé deux ateliers, à savoir un atelier de découverte et un atelier de recherche UX. Un ‘atelier’ comprenait un nombre d’heures déterminé pour des réunions interactives entre l’équipe MyFriend et l’équipe Outsourcify, la planification de ces réunions (création d’une feuille de route), le travail d’analyse effectué par Outsourcify, et la préparation et la rédaction de documents, l’idéation, le détail des organigrammes, le wireframing, etc. par Outsourcify.
Les livraisons de cette phase ont été :
- Résultats des ateliers de découverte : plan d’action, caractéristiques principales.
- Document de spécifications des exigences (plus de 50 pages)
- Modèle de données Document
- Exigences détaillées pour les différentes interfaces utilisateur : site web, application mobile, panneau client, panneau pro.
Ateliers UX
Les ateliers UX comprenaient tout d’abord une recherche UX, définissant les parcours et les flux des utilisateurs, et détaillant chaque fonctionnalité et cas d’utilisation, avec l’objectif final de créer le plan de site complet de chaque interface utilisateur, pour répertorier tous les écrans du projet. Ensuite, nous avons continué avec le wireframing des centaines d’écrans du projet, pour le web comme pour le mobile dans de nombreux cas. En conception UX (expérience utilisateur), un wireframe est une représentation visuelle ou un plan de basse fidélité de l’interface frontale du site web, du web ou de l’application mobile. Il s’agit d’une étape cruciale du processus de conception qui aide les concepteurs et les parties prenantes à définir la structure et la disposition d’un produit numérique avant de passer aux phases de conception plus détaillées.
- Atelier sur l’expérience utilisateur (UX)
- Recherche UX : nous proposons des recherches sur les utilisateurs, l’évaluation des concurrents, la connaissance des clients, les personas et la stratégie UX.
- CX (expérience client) et cartographie du parcours de l’utilisateur : nous recherchons et réalisons des expériences utilisateur à travers tous les points de contact afin de comprendre le parcours holistique de vos utilisateurs.
- Structure du contenu
- Navigation et stratégie de recherche
- Atelier Wireframing
- Fonctionnalités et aspects techniques (interactions, tiers)
- Finalisation du plan du site
- Expérience utilisateur : nous travaillons selon un processus agile et procédons par itérations pour définir l’expérience utilisateur de tous les modèles de pages de l’application web.
- Prototypage : nous concevons un prototype dynamique et cliquable qui peut être testé avec les parties prenantes.
Architecture et développement d'applications mobiles
Après les ateliers initiaux et le wireframing des objectifs à plus grande échelle, l’équipe de MyFriend a décidé de commencer le développement d’une application mobile MVP dont les principales caractéristiques tournent autour de :
- Profils des parents et des animaux de compagnie: les utilisateurs peuvent créer un profil et un profil pour leur animal de compagnie, y compris un calendrier des événements tels que les visites à la clinique et les vaccinations.
- Abonnements mensuels e-commerce: vente d’abonnements mensuels récurrents
- Boutique en ligne: vente d’aliments et de jouets pour animaux de compagnie
La solution technique que nous avons choisie était adaptée à la nécessité de lancer l’application mobile en quelques mois. Comme une plateforme de commerce électronique était nécessaire pour gérer les produits et les commandes, nous avons choisi Sylius/Symfony comme base et avons décidé de construire une application mobile multiplateforme afin de lancer rapidement l’application à la fois sur l’App Store d’Apple et sur le Play Store d’Android.
- Application mobile: Flutter, un framework d’application mobile créé par Google qui permet aux développeurs de développer des applications multiplateformes pour iOS et Android à partir d’une seule source de code avec des performances proches de celles des applications natives et une facilité de développement.
- Backend et panneau d’administration: Symfony + API Platform + Sylius + base de données MySQL. Le framework PHP Symfony offrira exactement les fonctionnalités nécessaires tout en protégeant l’application web contre les menaces de sécurité. API Platform est une bibliothèque pour Symfony qui facilite le processus de création d’une API. Sylius est une plateforme de commerce électronique pour Symfony et API Platform.
Principaux points de l'application mobile
- L’application a été développée avec Flutter pour permettre une mise en ligne rapide sur l’App Store d’Apple et le Play Store d’Android.
- Nous avons commencé le développement à partir des wireframes mobiles et avons utilisé Flutter UI, des composants
- Nous avons ensuite adapté les composants à la conception
- Nous avons utilisé le paquet Flutter Provider pour la gestion des états.
- Profils d’utilisateurs et possibilité d’ajouter tous leurs animaux de compagnie ;
- Profils d’animaux de compagnie, y compris gestion des informations médicales pour les animaux de compagnie. Ces informations peuvent être saisies par les utilisateurs pour être utilisées ultérieurement par des vétérinaires professionnels ;
- La fonction shopping permet aux utilisateurs d’acheter des aliments et des services pour leurs propres animaux de compagnie ;
- Magazine : articles et nouvelles présentant les derniers conseils et astuces pour les propriétaires d’animaux.
- Afficher des informations complexes pouvant être consultées par des professionnels et suffisamment conviviales pour être saisies par des utilisateurs.
- Développement agile pour s’adapter à l’évolution du modèle d’entreprise
- Livrer une application mobile de commerce électronique entièrement fonctionnelle en 3 mois était un défi, mais nous l’avons relevé !
Vous cherchez une agence web?
Discutez avec notre équipe!
Contactez-nous
Related Works
Application web complète avec un design élégant et moderne
Applications Web Audit & Conseil Conception UX
PHP, Vue.JS, Nuxt.JS, mySQL
Une application Web et une application mobile où les étrangers peuvent trouver des informations et des offres sur les entreprises thaïlandaises.
Applications Web Applications mobiles Audit & Conseil
Flutter, Sylius, PHP, Vue.JS, Nuxt.JS
Un site web et un extranet pour gérer les emplois du temps et les notes des élèves
Applications Web Conception UX Design UI
PHP, Python, Nuxt.JS, Vue.JS
Refonte du site web de l'entreprise et du commerce électronique
Conception UX Design UI Solutions E-commerce
PHP, WordPress, WooCommerce, mySQL, Bootstrap
Web design & développement Wordpress pour une plateforme modulaire unifiée de marketing digital et de données clients
Conception UX Design UI Solutions WordPress d’entreprise
WordPress, SASS, CSS, PHP, Bootstrap
CRM, annonces immobilières, images AI, génération de documents juridiques, signatures électroniques
Applications Web Audit & Conseil Conception UX
PHP, Vue.JS, Nuxt.JS
Application Web de gestion de l'information pour une ONG
Système de gestion des données et des flux
Applications Web
PHP, Vue.JS, PostgreSQL
Vitrine de services et boutique en ligne WooCommerce
Solutions E-commerce Conception UX Design UI
WooCommerce, CSS, HTML5, SASS, PHP
Développement d'applications web et de sites web