Integration af mobil og web for en optimal UX
.webp)
Om dette projekt
obé Fitness kontaktede Imaginary Cloud for at forbedre deres brugeroplevelse, optimere interne processer og reducere den tekniske gæld, der var akkumuleret over tid. Vi leverede løsningen gennem vores agile udviklingsproces.
Resultat: En mere effektiv og intuitiv applikation, opnået ved at redesigne startskærmen for en brugercentreret oplevelse, refaktorere kode for at reducere teknisk gæld og optimere interne processer for øget stabilitet.
Vores engagement
Udvikling
teknologier
React
Next.js
Typescript
Ruby on Rails
Directus
GitHub Actions
obé Fitness er en digital fitnessplatform, der tilbyder engagerende og tilgængelige træningsprogrammer til alle fitnessniveauer. Med over 10.000 on-demand-klasser på tværs af 20+ træningskategorier - lige fra styrke og HIIT til yoga og dans - kan brugerne finde træning, der passer til deres præferencer.
Platformen leverer personlige fitnessplaner baseret på individuelle mål, som automatisk opdateres i fanen „Planlæg“ for en struktureret, men fleksibel træningsoplevelse. Den er tilgængelig via webbrowsere og iOS/Android-apps, der understøtter streaming til Apple TV eller Chromecast og tilbyder offline-downloads.obé integrerer også sundhedssporingsfunktioner, herunder Apple Health og cyklusbaserede træningsanbefalinger, for at give indsigt i hjerte-kar-sundhed, aktivitetsniveauer og kropssammensætning. Disse værktøjer hjælper brugerne med at spore fremskridt holistisk og optimere deres fitnessrejse.
.webp)
Imaginary Cloud spillede en nøglerolle i at forbedre obé Fitness's digitale platforme ved at yde teknisk ekspertise og udviklingsstøtte. Holdets hovedansvar omfattede:
- At give feedback på beslutninger om softwarearkitektur og bidrage til strategisk planlægning.
- Udvikling af nye funktioner, samtidig med at man overholder bedste kodningspraksis for at sikre vedligeholdelse og skalerbarhed.
- Refaktorering af kode og gennemførelse af grundige kodegennemgange for at forbedre den samlede kodekvalitet.
- Identificering og håndtering af teknisk gæld for at forbedre systemets ydeevne og langsigtet bæredygtighed.
Ved at fokusere på disse områder hjalp teamet med at optimere platformens effektivitet, stabilitet og brugeroplevelse.
HAR DU ET NYT PROJEKT I TANKERNE? LAD OS TALE SAMMENi løbet af projektet
Kunden brugte allerede Agil udviklingsproces, bestående af to ugers sprint.
to faser
Analysis
Udvikling
MVP Launch
two stages
Migration
Development
fire faser
Forskning
Ideering
Henrettelse
Teknisk vurdering
fire faser
Krav
Back-end integration
Webstedsudvikling
Avanceret filtrering og søgning
fire faser
Forskning
Ideering
Henrettelse
Teknisk vurdering
fire faser
Efterslæb
Bootstrap
Bølge 0
Bølge N
fire faser
Forskning
Ideering
Henrettelse
Lancering og overdragelse
to processer
MVP
ADP
Fire faser
Omfangsmøde
Kode gennemgang
Test gennemgang
Kvalitetsvurdering
Vurdering
Fire faser
Efterslæb
Bootstrap
Bølge 0
Bølge N
i løbet af projektet
Kunden brugte allerede Agil udviklingsproces, bestående af to ugers sprint.
ANVENDTE TEKNOLOGIER
Bruges til at udvikle mobilappen, hvilket muliggør udvikling på tværs af platforme til iOS og Android.
Bruges som ramme til at opbygge webapplikationen, der leverer gengivelse på serversiden, routing og overordnet struktur.
Bruges til at tilføje typedefinitioner til JavaScript, sikre typesikkerhed og forbedre udviklingseffektiviteten.
Bruges som webapplikationsramme til at opbygge den API, der driver både mobil- og webapplikationer.
Bruges som et headless CMS (Content Management System) til at administrere og servere indhold, herunder kurser og medier.
Bruges til automatisering af CI/CD-rørledningen, hvilket sikrer jævn og automatiseret implementering.
Vi vedtog Administrerede teams model, integrering Mobil, Backend, og Frontend udviklere at forbedre obé Fitness's platform på tværs af flere områder.
Mobiludviklere: Udviklet appen med React Native og TypeScript ved hjælp af Redux til tilstandsstyring og JWPlayer til videostreaming. Integreret Chromecast, Apple TV og HealthKit med test via Jest og CI/CD-automatisering ved hjælp af Fastlane & Bitrise.
Backend-udviklere: Bygget Ruby on Rails API, med PostgreSQL til datalagring og Redis til caching. Administrerede betalinger via Stripe og App Store/Play Store ved hjælp af Directus CMS, New Relic og Sentry til overvågning, med CI/CD via GitHub Actions og hosting på Heroku.
Frontend-udviklere: Udviklet webplatformen med Next.js, stylet med Tailwind CSS, og tilføjede animationer med React Spring. Integreret Vimeo Player, brugt SWR til datahentning og aktiveret A/B-test med Segment & SplitIO, hostet på Vercel.
Dette projekt leverede en dybdegående forståelse af kundens persona og deres interaktion med tjenesten.
Brugercentreret startskærm: Redesignede startskærmen for at være renere og mere intuitiv med fokus på brugerbehov snarere end en klassebaseret struktur.
Refactoring og teknisk gældsreduktion: Forbedret kode for at forbedre effektiviteten og forenkle fremtidig vedligeholdelse.
Øget udviklingseffektivitet: Leverede flere historiepoint pr. sprint med et forbedret færdiggørelsesforhold, hvilket øger den samlede produktivitet.
Forbedret brugeroplevelse: Forenklet login/tilmeldingsprocessen ved at integrere Google- og Apple-godkendelse, reducere friktion og forbedre tilgængeligheden.
