Optimale UX durch die Integration von Mobile und Web
.webp)
Über dieses Projekt
obé Fitness wandte sich an Imaginary Cloud, um die Nutzererfahrung zu verbessern, interne Prozesse zu optimieren und die über die Zeit angehäuften technischen Schulden abzubauen. Wir erreichten dies durch unseren agilen Entwicklungsprozess.
Ergebnis: Eine effizientere, intuitivere Anwendung, die durch die Neugestaltung des Startbildschirms für eine nutzerzentrierte Erfahrung, die Refaktorierung des Codes zum Abbau technischer Schulden und die Optimierung interner Prozesse für mehr Stabilität erreicht wurde.
Unser Beitrag
Entwicklung
Technologien
React
Next.js
Typescript
Ruby on Rails
Directus
GitHub Actions
obé Fitness ist eine digitale Fitnessplattform, die ansprechende und zugängliche Workouts für alle Fitnesslevel bietet. Mit über 10.000 On-Demand-Kursen in mehr als 20 Workout-Kategorien – von Krafttraining und HIIT bis hin zu Yoga und Tanz – finden Nutzer Workouts, die ihren Vorlieben entsprechen.
Die Plattform bietet personalisierte Trainingspläne, die auf individuellen Zielen basieren und sich im Tab „Zeitplan“ automatisch aktualisieren, um ein strukturiertes und dennoch flexibles Trainingserlebnis zu ermöglichen. Sie ist über Webbrowser und iOS-/Android-Apps zugänglich, unterstützt das Streaming auf Apple TV oder Chromecast und bietet Offline-Downloads. obé integriert auch Funktionen zur Gesundheitsverfolgung, einschließlich Apple Health und zyklusbasierte Trainingsempfehlungen, um Einblicke in die Herz-Kreislauf-Gesundheit, Aktivitätslevel und Körperzusammensetzung zu geben. Diese Tools helfen den Nutzern, ihren Fortschritt ganzheitlich zu verfolgen und ihre Fitnessreise zu optimieren.
.webp)
Imaginary Cloud spielte eine Schlüsselrolle bei der Verbesserung der digitalen Plattformen von obé Fitness, indem es technisches Fachwissen und Entwicklungsunterstützung bereitstellte. Zu den Hauptaufgaben des Teams gehörten:
- Bereitstellung von Feedback zu Softwarearchitektur-Entscheidungen und Beitrag zur strategischen Planung.
- Entwicklung neuer Funktionen unter Einhaltung bewährter Codierungspraktiken, um Wartbarkeit und Skalierbarkeit zu gewährleisten.
- Refaktorierung von Code und Durchführung gründlicher Code-Reviews zur Verbesserung der gesamten Codequalität.
- Identifizierung und Behebung technischer Schulden zur Verbesserung der Systemleistung und langfristigen Nachhaltigkeit.
Durch die Konzentration auf diese Bereiche trug das Team dazu bei, die Effizienz, Stabilität und Benutzerfreundlichkeit der Plattform zu optimieren.
SIE HABEN EIN NEUES PROJEKT? LASSEN SIE UNS SPRECHENwährend des Projekts
Der Kunde nutzte bereits den agilen Entwicklungsprozess, bestehend aus zweiwöchigen Sprints.
zwei Phasen
Migration
Entwicklung
two stages
Migration
Development
vier Phasen
Recherche
Ideenfindung
Umsetzung
Technische Bewertung
vier Phasen
Anforderungen
Back-End-Integration
Website-Entwicklung
Erweiterte Filter- und Suchfunktionen
vier Phasen
Recherche
Ideenfindung
Umsetzung
Technische Bewertung
vier Phasen
Backlog
Bootstrap
Welle 0
Welle N
vier Phasen
Recherche
Ideenfindung
Umsetzung
Launch & Übergabe
zwei Prozesse
MVP
ADP
Vier Phasen
Umfang-Meeting
Code-Review
Test-Review
Qualitätsprüfung
Bewertung
Vier Phasen
Backlog
Bootstrap
Wave 0
Wave N
während des Projekts
Der Kunde nutzte bereits den agilen Entwicklungsprozess, bestehend aus zweiwöchigen Sprints.
Verwendete TECHNOLOGIEN
Wird zur Entwicklung der mobilen App verwendet, was eine plattformübergreifende Entwicklung für iOS und Android ermöglicht.
Wird als Framework für die Entwicklung der Webanwendung verwendet und bietet serverseitiges Rendering, Routing und die Gesamtstruktur.
Wird zum Hinzufügen von Typdefinitionen zu JavaScript verwendet, um Typsicherheit zu gewährleisten und die Entwicklungseffizienz zu verbessern.
Wird als Webanwendungs-Framework verwendet, um die API zu erstellen, die sowohl die mobilen als auch die Webanwendungen antreibt.
Wird als Headless CMS (Content Management System) verwendet, um Inhalte, einschließlich Kurse und Medien, zu verwalten und bereitzustellen.
Wird zur Automatisierung der CI/CD-Pipeline verwendet, um eine reibungslose und automatisierte Bereitstellung zu gewährleisten.
Wir haben das Managed-Teams-Modell übernommen und Mobile-, Backend-und Frontend- Entwickler integriert, um die Plattform von obé Fitness in verschiedenen Bereichen zu verbessern.
Mobile-Entwickler: Entwickelten die App mit React Native und TypeScript, nutzten Redux für das State Management und JWPlayer für Videostreaming. Integrierten Chromecast, Apple TV und HealthKit, mit Tests über Jest und CI/CD-Automatisierung mittels Fastlane & Bitrise.
Backend-Entwickler: Entwicklung der Ruby on Rails API, mit PostgreSQL für die Datenspeicherung und Redis für das Caching. Zahlungsabwicklung über Stripe und App Store/Play Store, Nutzung von Directus CMS, New Relic und Sentry für das Monitoring, mit CI/CD über GitHub Actions und Hosting auf Heroku.
Frontend-Entwickler: Entwicklung der Webplattform mit Next.js, Styling mit Tailwind CSS und Animationen mit React Spring. Integration des Vimeo Players, Nutzung von SWR für den Datenabruf und A/B-Tests mit Segment & SplitIO, gehostet auf Vercel.
Dieses Projekt lieferte ein tiefgreifendes Verständnis der Kunden-Persona und ihrer Interaktion mit dem Service.
Nutzerzentrierter Startbildschirm: Der Startbildschirm wurde sauberer und intuitiver gestaltet, wobei der Fokus auf den Nutzerbedürfnissen statt auf einer klassenbasierten Struktur lag.
Refactoring und Reduzierung technischer Schulden: Der Code wurde verbessert, um die Effizienz zu steigern und die zukünftige Wartung zu vereinfachen.
Gesteigerte Entwicklungseffizienz: Mehr Story Points pro Sprint mit verbesserter Abschlussquote, was die Gesamtproduktivität steigerte.
Verbesserte Benutzererfahrung: Vereinfachung des Anmelde-/Registrierungsprozesses durch Integration der Google- und Apple-Authentifizierung, wodurch Reibungsverluste reduziert und die Zugänglichkeit verbessert wurden.
