Integrera mobil och webb för en optimal UX
.webp)
Om detta projekt
obé Fitness kontaktade Imaginary Cloud för att förbättra sin användarupplevelse, optimera interna processer och minska den tekniska skuld som ackumulerats över tid. Vi levererade detta genom vår agila utvecklingsprocess.
Resultat: En mer effektiv och intuitiv applikation, uppnådd genom att designa om hemskärmen för en användarcentrerad upplevelse, refaktorera kod för att minska teknisk skuld och optimera interna processer för ökad stabilitet.
Vårt engagemang
Utveckling
teknik
React
Next.js
Typescript
Ruby on Rails
Directus
GitHub Actions
obé Fitness är en digital fitnessplattform som erbjuder engagerande och tillgängliga träningspass för alla fitnessnivåer. Med över 10 000 lektioner på begäran i över 20 träningskategorier - allt från styrka och HIIT till yoga och dans - kan användare hitta träningspass som passar deras preferenser.
Plattformen tillhandahåller personliga träningsplaner baserade på individuella mål, som automatiskt uppdateras på fliken ”Schema” för en strukturerad men ändå flexibel träningsupplevelse. Den är tillgänglig via webbläsare och iOS/Android-appar, stöder streaming till Apple TV eller Chromecast och erbjuder nedladdningar offline.obé integrerar också hälsospårningsfunktioner, inklusive Apple Health och cykelbaserade träningsrekommendationer, för att ge insikter om kardiovaskulär hälsa, aktivitetsnivåer och kroppssammansättning. Dessa verktyg hjälper användare att spåra framsteg holistiskt och optimera sin träningsresa.
.webp)
Imaginary Cloud spelade en nyckelroll för att förbättra obé Fitnesss digitala plattformar genom att tillhandahålla teknisk expertis och utvecklingsstöd. Teamets huvudansvar inkluderade:
- Ge feedback på beslut om programvaruarkitektur och bidra till strategisk planering.
- Utveckla nya funktioner samtidigt som man följer bästa kodningspraxis för att säkerställa underhåll och skalbarhet.
- Refaktorera kod och genomföra grundliga kodgranskningar för att förbättra den övergripande kodkvaliteten.
- Identifiera och hantera teknisk skuld för att förbättra systemprestanda och långsiktig hållbarhet.
Genom att fokusera på dessa områden hjälpte teamet till att optimera plattformens effektivitet, stabilitet och användarupplevelse.
HAR DU ETT NYTT PROJEKT PÅ GÅNG? LÅT OSS PRATAunder projektets gång
Klienten använde redan Agil utvecklingsprocess, bestående av två veckors sprint.
två steg
Analysis
Utveckling
MVP Launch
two stages
Migration
Development
fyra steg
Forskning
Idéer
Utförande
Teknisk bedömning
fyra steg
Krav
Back-end-integrering
Webbplatsutveckling
Avancerad filtrering och sökning
fyra steg
Forskning
Idéer
Utförande
Teknisk bedömning
fyra steg
Eftersläpning
Bootstrap
Våg 0
Våg N
fyra steg
Forskning
Idéer
Utförande
Lansering och överlämning
två processer
MVP
ADP
Fyra steg
Omfattningsmöte
Kodgranskning
Testgranskning
Kvalitetsgranskning
Bedömning
Fyra steg
Eftersläpning
Bootstrap
Våg 0
Våg N
under projektets gång
Klienten använde redan Agil utvecklingsprocess, bestående av två veckors sprint.
Tekniker som används
Används för att utveckla mobilappen, vilket möjliggör plattformsutveckling för iOS och Android.
Används som ramverk för att bygga webbapplikationen, tillhandahålla rendering på serversidan, routing och övergripande struktur.
Används för att lägga till typdefinitioner i JavaScript, säkerställa typsäkerhet och förbättra utvecklingseffektiviteten.
Används som ramverk för webbapplikationer för att bygga API som driver både mobil- och webbapplikationer.
Används som ett headless CMS (Content Management System) för att hantera och servera innehåll, inklusive kurser och media.
Används för att automatisera CI/CD-pipelinen, vilket säkerställer smidig och automatiserad distribution.
Vi antog Hanterade team modell, integrering Mobil, Backend, och Gränssnitt utvecklare för att förbättra obé Fitness plattform över flera områden.
Mobilutvecklare: Utvecklat appen med React Native och TypeScript, med Redux för statshantering och JWPlayer för videostreaming. Integrerad Chromecast, Apple TV och HealthKit, med testning via Jest och CI/CD-automatisering med Fastlane & Bitrise.
Backend-utvecklare: Byggde Ruby on Rails API, med PostgreSQL för datalagring och Redis för cachning. Hanterade betalningar via Stripe och App Store/Play Store, med Directus CMS, New Relic och Sentry för övervakning, med CI/CD via GitHub Actions och hosting på Heroku.
Frontend-utvecklare: Utvecklat webbplattformen med Next.js, utformad med Tailwind CSS, och lade till animationer med React Spring. Integrerad Vimeo Player, använde SWR för datahämtning och aktiverade A/B-testning med Segment & SplitIO, värd på Vercel.
Detta projekt gav en djupgående förståelse för kundpersona och deras interaktion med tjänsten.
Användarcentrerad startskärm: Omdesignade startskärmen för att vara renare och mer intuitiv, med fokus på användarnas behov snarare än en klassbaserad struktur.
Refactoring och teknisk skuldminskning: Förbättrad kod för att förbättra effektiviteten och förenkla framtida underhåll.
Ökad utvecklingseffektivitet: Levererade fler berättelsepoäng per sprint, med ett förbättrat slutförandeförhållande, vilket ökar den totala produktiviteten.
Förbättrad användarupplevelse: Förenklade inloggnings-/registreringsprocessen genom att integrera Google- och Apple-autentisering, minska friktionen och förbättra tillgängligheten.
