Application mobile

Sortir Les Kids V2

Refonte complète d'une application mobile d'activités enfants : passage à React Native pour des performances et une UX nettement améliorées.

Aperçu de l'application Sortir Les Kids V2

Le projet

Trois ans après avoir repris la première version de Sortir Les Kids sous Ionic, mission racontée dans une autre fiche, j'ai reconstruit l'application de zéro. Le constat de départ tenait en une phrase: après près de trois ans d'exploitation et de nombreux partenaires accumulés, l'application ne répondait plus aux exigences de performance nécessaires à une navigation fluide. Plutôt que de rafistoler une technologie vieillissante, la refonte a été menée complète, et à budget réduit.

React Native, Redux, et une carte rendue par le téléphone

J'ai entièrement réécrit l'application en React Native. Le principe diffère de celui d'une application web embarquée dans un conteneur: les composants écrits en JavaScript pilotent les vues natives que le système fournit lui-même, tout en conservant une base de code commune à iOS et à Android. Dans cette refonte, la carte a été réécrite sur le moteur natif du smartphone, plus fluide et plus capacitaire, et fonctionnent aussi bien sur la carte que sur la liste des partenaires.

La gestion d'état repose sur Redux. Redux rassemble l'état de l'application dans un magasin unique: les écrans le lisent, et le modifient en émettant des actions traitées par des fonctions dédiées. Ce que cela apporte en général, c'est un seul endroit où l'état existe et où l'on peut aller le regarder, plutôt qu'un état recomposé écran par écran, chacun avec ses propres allers-retours.

L'API WordPress de la première version, elle, a été conservée. Une refonte qui garde son API ne touche ni à la source des données ni à la manière dont elles sont administrées: c'est la couche cliente, celle que l'utilisateur a entre les mains, qui est remplacée. Le dessin de cette couche a été repris sous Adobe XD, un outil de maquettage dans lequel les écrans sont composés et enchaînés avant d'être codés, pour aboutir à une interface plus moderne:

  • une fiche partenaire repensée, avec appel direct, lien vers le site et itinéraire par géolocalisation, soit trois passerelles vers des fonctions que le téléphone assure déjà;
  • une mise en avant des meilleurs partenaires.

Reconstruire plutôt que réparer a une conséquence mécanique: tout ce qui existait doit être réécrit, y compris ce qui fonctionnait déjà. On retrouve donc dans cette version les mêmes objets que dans la première, une carte, une liste de partenaires, des filtres, une recherche, mais aucun n'a été repris tel quel. Une refonte présentée comme un gain de performance et d'expérience est aussi, dans les faits, un portage complet de l'application vers une autre famille de technologies.

La refonte a été livrée en environ deux mois. L'application n'est plus en ligne aujourd'hui.

Technologies utilisées
React Native Redux Adobe XD WordPress API
Fiche projet
Secteur
Application mobile
Année
2021
Lieu
Perpignan
Statut
Hors ligne
Quelques captures
Capture du projet Sortir Les Kids V2 : application mobile, écran 1 Capture du projet Sortir Les Kids V2 : application mobile, écran 2 Capture du projet Sortir Les Kids V2 : application mobile, écran 3 Capture du projet Sortir Les Kids V2 : application mobile, écran 4 Capture du projet Sortir Les Kids V2 : application mobile, écran 5 Capture du projet Sortir Les Kids V2 : application mobile, écran 6

Besoin de créer un site internet à Perpignan ?

Comme pour ce projet, créons ensemble un site unique, performant et à votre image.

Me contacter
Mes autres projets Tout voir →