Développement du site et de la PWA AnimaLost

AnimaLost est une application collaborative permettant de signaler des animaux perdus ou aperçus. La technologie a été développée dans le but d’optimiser l’expérience utilisateur sur mobile, notamment grâce aux avantages de la progressive web app (PWA).

Voir le site
  • Compétences
  • Développement web
  • UX / UI Design
  • Développement mobile

Brief & Contexte

Tous les possesseurs d’un animal de compagnie - chat ou chien - qui ont déjà vécu une fuite de leur animal pourront s’y retrouver.

Démunis, ils parcourent les alentours à la recherche de leur compagnon, en espérant retrouver sa trace. Ils interrogent alors les voisins qu’ils rencontrent et finissent bien souvent par espérer qu’il revienne de lui-même lors du prochain repas. D’un autre côté, combien de fois avez-vous rencontré un animal errant inconnu que vous auriez ramené volontiers à son propriétaire ?

Principaux objectifs

  • Offrir une expérience utilisateur simple et fluide
  • Pouvoir facilement déclarer un animal perdu ou trouvé en temps réel
  • Pouvoir géolocaliser et afficher la présence d’un animal sur la carte
  • Créer un backoffice simple d’usage
  • Développer un système de "webalertes" pour renforcer l’efficacité de l’application
animalost-01-5f994c342079c920606052

Un accompagnement durable

Fort de ce constat, notre client AnimaLost nous a sollicités pour créer un système d’alerte communautaire, utilisable en cas de disparition ou de repérage d’un animal errant. Le projet a débuté par une réflexion autour du modèle économique.

Il a ensuite été développé en deux étapes :

Lancée à l’été 2016, l’application a commencé à remplir sa mission : retrouver rapidement les animaux perdus.

animalost-02-5f99507917b96466543631

Comment fonctionne AnimaLost ?

Le Webservice

Un webservice - développé avec le framework Symfony - a été mis en place afin d’assurer une bonne transmission des données (centralisées dans une base unique). Il permet de pouvoir mettre à jour le contenu de l’application en temps réel (sans mises à jour manuelles de la part de l’utilisateur).

Le Back-office

Un back-office a été développé afin de donner la possibilité au client de piloter et de mettre à jour les données (aucune connaissance en développement nécessaire). Il permet de consulter les notifications générées dans l’application à chaque interaction des utilisateurs. Ces données donnent notamment accès à un tableau de bord de statistiques (ex : nombre d’animaux retrouvés…).

La Webalerte

Un système de publicité en ligne a été mis en place dans le but de partager sa recherche sur internet. Cette “webalerte” est un moyen de diffuser les alertes sur les smartphones, tablettes et ordinateurs connectés appartenant à des personnes à proximité du lieu de perte.

animalost-03-5f99507943762225528121

La PWA au service d’AnimaLost

Les Progressive Web Apps (PWA) sont des technologies web permettant d’avoir un comportement similaire à une application native tout en étant simples à développer et à maintenir dans le temps. Elles combinent le meilleur des sites web et des applications natives. Cette technologie répondait parfaitement aux besoins en termes de fonctionnalités, de délais et de coût.

Dans le cas d’AnimaLost, les avantages ont été les suivants :

  • même design qu’une application native ;
  • temps de chargement rapide ;
  • possibilité d’afficher l’icône de la PWA sur écran d’accueil (smartphone / ordinateur / tablette) ;
  • possibilité d’envoyer des notifications push (cette fonctionnalité a d’abord été remplacée par un système d’alerte par SMS en attendant sa disponibilité sur les appareils iOS) ;
  • mises à jour automatiques de l’application ;
  • développement rapide car réutilisation du code source du site web avec quelques adaptations dédiées ;
  • coût limité

Découvrez d'autres projets Novaway

Toutes nos réalisations
Livre blanc e-commerce B2B
Découvrez notre livre blanc e‑commerce B2B