Intégrer le mobile et le web pour une UX optimale
.webp)
À propos de ce projet
obé Fitness a fait appel à Imaginary Cloud pour améliorer son expérience utilisateur, optimiser ses processus internes et réduire la dette technique accumulée au fil du temps. Nous avons atteint ces objectifs grâce à notre processus de développement Agile.
Résultat : Une application plus efficace et intuitive, obtenue en repensant l'écran d'accueil pour une expérience centrée sur l'utilisateur, en refactorisant le code pour réduire la dette technique et en optimisant les processus internes pour une meilleure stabilité.
notre IMPLICATION
Développement
technologies
React
Next.js
Typescript
Ruby on Rails
Directus
GitHub Actions
obé Fitness est une plateforme de fitness numérique qui propose des entraînements stimulants et accessibles pour tous les niveaux. Avec plus de 10 000 cours à la demande répartis dans plus de 20 catégories d'entraînement – allant de la musculation et du HIIT au yoga et à la danse – les utilisateurs peuvent trouver les entraînements qui correspondent à leurs préférences.
La plateforme propose des programmes de fitness personnalisés basés sur les objectifs individuels, qui se mettent à jour automatiquement dans l'onglet "Programme" pour une expérience d'entraînement structurée mais flexible. Elle est accessible via les navigateurs web et les applications iOS/Android, prenant en charge le streaming vers Apple TV ou Chromecast et offrant des téléchargements hors ligne. obé intègre également des fonctionnalités de suivi de la santé, y compris Apple Health et des recommandations d'entraînement basées sur le cycle, pour fournir des informations sur la santé cardiovasculaire, les niveaux d'activité et la composition corporelle. Ces outils aident les utilisateurs à suivre leurs progrès de manière holistique et à optimiser leur parcours de fitness.
.webp)
Imaginary Cloud a joué un rôle clé dans l'amélioration des plateformes numériques d'obé Fitness en apportant son expertise technique et son soutien au développement. Les principales responsabilités de l'équipe comprenaient :
- Fournir des retours sur les décisions d'architecture logicielle et contribuer à la planification stratégique.
- Développer de nouvelles fonctionnalités tout en respectant les meilleures pratiques de codage pour assurer la maintenabilité et l'évolutivité.
- Refactoriser le code et effectuer des revues de code approfondies pour améliorer la qualité globale du code.
- Identifier et résoudre la dette technique pour améliorer les performances du système et sa durabilité à long terme.
En se concentrant sur ces domaines, l'équipe a contribué à optimiser l'efficacité, la stabilité et l'expérience utilisateur de la plateforme.
UN NOUVEAU PROJET EN TÊTE ? DISCUTONS-ENpendant le projet
Le client utilisait déjà le processus de développement Agile, composé de sprints de deux semaines.
deux étapes
Migration
Développement
two stages
Migration
Development
quatre étapes
Recherche
Idéation
Exécution
Évaluation technique
quatre étapes
Besoins
Intégration back-end
Développement de site web
Filtrage et recherche avancés
quatre étapes
Recherche
Idéation
Exécution
Évaluation technique
quatre étapes
Backlog
Bootstrap
Vague 0
Vague N
quatre étapes
Recherche
Idéation
Exécution
Lancement et transfert
deux processus
MVP
ADP
Quatre étapes
Réunion de cadrage
Revue de code
Revue de test
Revue de qualité
Évaluation
Quatre étapes
Backlog
Bootstrap
Vague 0
Vague N
durant le projet
Le client utilisait déjà le processus de développement Agile, composé de sprints de deux semaines.
TECHNOLOGIES utilisées
Utilisé pour développer l'application mobile, permettant un développement multiplateforme pour iOS et Android.
Utilisé comme framework pour construire l'application web, offrant le rendu côté serveur, le routage et la structure globale.
Utilisé pour ajouter des définitions de type à JavaScript, assurant la sécurité des types et améliorant l'efficacité du développement.
Utilisé comme framework d'application web pour construire l'API qui alimente les applications mobiles et web.
Utilisé comme CMS headless (système de gestion de contenu) pour gérer et diffuser du contenu, y compris des cours et des médias.
Utilisé pour automatiser le pipeline CI/CD, assurant un déploiement fluide et automatisé.
Nous avons adopté le modèle d'équipes gérées , intégrant des développeurs mobiles, backendet frontend pour améliorer la plateforme d'obé Fitness dans plusieurs domaines.
Développeurs mobiles : Développement de l'application avec React Native et TypeScript, en utilisant Redux pour la gestion d'état et JWPlayer pour le streaming vidéo. Intégration de Chromecast, Apple TV et HealthKit, avec des tests via Jest et l'automatisation CI/CD à l'aide de Fastlane et Bitrise.
Développeurs backend : Développement de l'API Ruby on Rails, avec PostgreSQL pour le stockage des données et Redis pour la mise en cache. Gestion des paiements via Stripe et l'App Store/Play Store, utilisation de Directus CMS, New Relic et Sentry pour la surveillance, avec CI/CD via GitHub Actions et hébergement sur Heroku.
Développeurs front-end : Développement de la plateforme web avec Next.js, mise en forme avec Tailwind CSS et animations avec React Spring. Intégration de Vimeo Player, utilisation de SWR pour la récupération des données et activation des tests A/B avec Segment & SplitIO, hébergée sur Vercel.
Ce projet a permis une compréhension approfondie du profil client et de son interaction avec le service.
Écran d'accueil centré sur l'utilisateur : Refonte de l'écran d'accueil pour le rendre plus clair et plus intuitif, en se concentrant sur les besoins des utilisateurs plutôt que sur une structure basée sur les cours.
Refactoring et réduction de la dette technique : Amélioration du code pour optimiser l'efficacité et simplifier la maintenance future.
Augmentation de l'efficacité de développement : Plus de points d'histoire livrés par sprint, avec un taux d'achèvement amélioré, augmentant la productivité globale.
Amélioration de l'expérience utilisateur : Simplification du processus de connexion/inscription en intégrant l'authentification Google et Apple, réduisant les frictions et améliorant l'accessibilité.
