Revitalizing the mobile app to attract a wider user base

Innowise herontwierp een mobiele app voor zowel de Apple AppStore als de Google Play Store, wat resulteerde in een aanzienlijke toename van het aantal downloads en een aanzienlijke stijging van de inkomsten.

Uitdaging

De klant had een geavanceerde mobiele applicatie for exploring a breathtaking mountain range. Developed with a user-centric approach, the application served as a comprehensive digital guide, providing essential information, interactive maps, and personalized recommendations for the region’s outdoor activities, hiking trails, and tourist attractions. The app offered real-time weather updates, detailed trail descriptions, difficulty ratings, and elevation profiles to help hikers plan their adventures effectively.

De applicatie integreerde ook GPS-functionaliteit, waardoor gebruikers hun routes konden volgen en gemakkelijk door het bergachtige terrein konden navigeren. De gebruikers konden hun ervaringen, tips en foto's delen, waardoor een gevoel van kameraadschap onder outdoorliefhebbers ontstond.

But at the time when our client came to us, their mobile apps on Google Play Store and Apple AppStore were antiquated in design and functionality, resulting in low ratings. The primary issue was the old-fashioned and unwieldy UI. Additionally, the app was affected by performance issues, recurring crashes, and an overcomplicated user flow, contributing to user dissatisfaction.

Oplossing

Innowise embarked on a comprehensive overhaul of the app. Our approach was multi-pronged, zeroing in on UI/UX redesign. We moved step by step from optimization and productivity increase to the introduction of entirely new solutions and functionality for users. This comprehensive makeover aimed to improve user engagement, increase retention rates, and drive the business forward.

UI/UX herontwerp

Onze ontwikkelaars trapten het project af met een UI/UX herontwerp gebaseerd op wireframes die in Figma en Sketch waren gemaakt door ontwerpers aan de kant van de klant, wat dynamische hulpmiddelen bleken te zijn voor deze taak. Deze wireframes waren echter niet in steen gebeiteld, in overeenstemming met de veranderende behoeften van de klant. We bleven ze aanpassen en zorgden ervoor dat elke iteratie een stap dichter kwam bij wat de klant voor ogen had. Dit iteratieve proces was essentieel om ervoor te zorgen dat de look en feel van de app aansloeg bij de eindgebruikers en tegelijkertijd in lijn bleef met het merk van de klant.

Herontwerp van nieuws, statistieken, skitracking en gebruikersprofiel

We hebben de nieuws- en statistiekschermen herzien om ze informatiever en visueel aantrekkelijker te maken. We hebben ook meer nuttige informatie toegevoegd aan het volgscherm om gebruikers de mogelijkheid te geven hun resultaten te verbeteren met de tussentijdse statistieken.

Het statistiekenscherm toont nu bijvoorbeeld een schat aan gegevens, zoals het aantal gebruikte pistes, welke liften werden gebruikt, de gemiddelde snelheid van skiërs en zelfs het aantal scherpe bochten. Dit waren niet alleen gegevens omwille van de gegevens; het ging om het bieden van zinvolle inzichten aan gebruikers en het verbeteren van hun ski-ervaring.

Het beheren van persoonlijke informatie in het gebruikersprofielscherm is intuïtiever en gemakkelijker geworden.

Een intuïtieve gebruikersstroom creëren

We streefden ernaar om de app gemakkelijk navigeerbaar te maken. We brachten de reis van de gebruiker in kaart en identificeerden punten waar gebruikers een probleem zouden kunnen ondervinden. Vervolgens hebben we deze punten gladgestreken en een intuïtieve en gebruiksvriendelijke flow gecreëerd. We hebben het menu met gebruikersinstellingen radicaal opnieuw ontworpen en pop-upvensters toegevoegd die kunnen worden verkleind of vergroot, afhankelijk van de hoeveelheid informatie die de gebruiker wil weergeven. Daarnaast implementeerde ons team handige en grote knoppen die zelfs met bevroren vingers gemakkelijk in te drukken zijn. Dit betekende dat gebruikers snel en efficiënt konden vinden wat ze wilden, zonder giswerk.

Bedrijfslogica optimaliseren en stabiliteit van app verbeteren

We zijn niet gestopt bij een visuele make-over; ons team heeft zich ook verdiept in de zakelijke kernlogica van de app. De sleutel hier was om de essentie van de app intact te houden - dat wil zeggen, geen significante wijzigingen in de fundamentele functionaliteit en functies. We wisten echter dat de app sneller en efficiënter moest zijn om op te vallen. Dus optimaliseerden we de bedrijfslogica, waarbij we alle knikken wegwerkten die vertragingen of geheugenlekken zouden kunnen veroorzaken.

Deze optimalisatie was alsof we de app een nieuwe motor gaven, een die soepeler en sneller liep, waardoor de algehele gebruikerservaring verbeterde. Om deze perfecte resultaten te bereiken, optimaliseerde ons team algoritmen en gegevensstructuren om de prestaties te verbeteren. Bovendien herschreven we de netwerk request en image management lagen, repareerden we alle geheugenlekken, configureerden we lazy resource loading en implementeerden we asynchrone operaties. Vervolgens hebben we moderne realtime tools voor prestatiebewaking aangesloten met tools zoals Crashlytics en Firebase Performance Monitoring om snel te kunnen reageren op de kleinste problemen.

Bovendien legden we sterk de nadruk op de stabiliteit van de app, waarbij we verder gingen dan alleen het oplossen van bugs om de applicatie klaar te maken voor de toekomst. Ons team nam de code onder de loep, identificeerde en repareerde potentiële zwakke plekken.

Deze proactieve aanpak zorgde ervoor dat de app niet alleen goed zou presteren bij de lancering, maar dat ook op de lange termijn zou blijven doen.

Ondersteuning voor Apple watch

We hebben de app-ervaring verbeterd door ondersteuning voor de Apple Watch uit te rollen. Deze stap was meer dan alleen gelijke tred houden met de laatste technische trends; het is een belangrijke sprong voorwaarts in het verzamelen van statistieken. Met de integratie van Apple Watch kunnen gebruikers hun ski-afdalingen en wandelactiviteiten volgen tot aan hun hartslag tijdens een opwindende afdaling of adembenemende bergbeklimming. Dit betekent dat gebruikers nauwkeurigere en inzichtelijkere gegevens krijgen over hun pisteactiviteiten. Het is een diepe duik in het begrijpen van niet alleen de cijfers, maar de hele extreme ervaring van gebruikers. Door de app uit te breiden met deze functie, hebben we de app een persoonlijk tintje gegeven en hebben we elk stukje verzamelde gegevens impactvoller en gebruikersgerichter gemaakt.

Galerij-integratie

We’ve added flair to the app by integrating a gallery feature. The app can now pull photos from a specific day spent on the slopes. By syncing up the app with their photo gallery, users can showcase their best moments alongside their skiing stats. It’s like creating a visual diary of their achievements.

Integratie van verhalen

Als onderdeel van ons uitgebreide app-herontwerp hebben we 'stories' strategisch geïntegreerd - een dynamische functie gericht op het vergroten van de betrokkenheid van gebruikers en het delen van kennis. Deze verhalen entertainen en dienen als een waardevol kanaal voor inzichten en updates. Door dit boeiende storytelling-element te introduceren, hebben we de app getransformeerd in een veelzijdig platform dat voorziet in functionele behoeften en ook entertainment en informatieve content levert, wat uiteindelijk bijdraagt aan een grotere betrokkenheid van de gebruiker en een betere retentie.

Uitgebreid testen en CI/CD-integratie

We namen gedetailleerde eenheidstests op om elk onderdeel van de app onder de loep te nemen, zodat elk onderdeel feilloos functioneerde. Bovendien integreerden we continue integratie / continue implementatie (CI/CD) in ons ontwikkelproces. Deze aanpak weerspiegelt onze toewijding aan kwaliteitscontrole en naleving van best practices in softwareontwikkeling.

Om deze doelstellingen te bereiken, maakten we gebruik van een oplossing op maat voor onder andere de volgende taken:

Het uitvoeren van code-analyse om veiligheidslekken te identificeren, zoals onveilige functie-aanroepen en potentiële geheugenlekken;
Beoordelen of code voldoet aan de API-ontwerprichtlijnen om consistentie en leesbaarheid te garanderen;
Cyclomatische complexiteit en codedekking evalueren door middel van testen terwijl dubbele codefragmenten worden geïdentificeerd;
De integratie met Git maakte het mogelijk om wijzigingen in de code snel bij te houden en maakte tijdige feedback voor ontwikkelaars mogelijk. Deze integratie stroomlijnde ook de code-analyse tijdens de bouwfase.

Deze integratie betekende dat onze updates en verbeteringen consequent en op tijd werden getest en uitgerold, waardoor de app probleemloos up-to-date bleef. Dit zorgde ervoor dat de app gebruiksvriendelijk, robuust, efficiënt en voortdurend in ontwikkeling was.

Technologieën

Android

MVVM, KotlinAndroid SDK, RecyclerView, Coroutines, Gradle

iOS

MVVM+C, Swift + Combineren, iOS SDK, WatchKit, Xibs / SnapKit, GCD, CocoaPods, KeychainAccess, URLSession, MapKit, CoreLocation. Algemeen: Mapbox, Storyly, RevenueCat, Gleap, SonarQube

Back-end

REST API, JSON

Design

Figma, Sketch, Zeplin

Diensten

Firebase (Analytics, Crashlytics, Cloud Messaging, App Distribution), GitLab, Jira, Confluence, Strapi, MS Teams

AQA

Unit-testen + CI/CD-integratie via SonarQube

Proces

Aanpasbare projectaanpak

We begonnen met Kanban, gewaardeerd om zijn eenvoud en continue levering. Toen de complexiteit van het project toenam, gingen we soepel over op Scrumban, een mix van Scrum en Kanban. Deze overstap integreerde het aanpassingsvermogen van Kanban met de gestructureerde planning van Scrum, waardoor efficiënte wekelijkse releasecycli en snelle aanpassingen aan veranderende vereisten mogelijk werden.

Dagelijkse stand-up en maandelijkse retrovergaderingen

Deze vergaderingen waren cruciaal voor onze projectmanagementstrategie en zorgden ervoor dat het team op één lijn bleef wat betreft de dagelijkse doelstellingen en dat opkomende problemen direct werden aangepakt. Regelmatige communicatie tijdens deze vergaderingen bevorderde een samenhangende teamomgeving en effectieve probleemoplossing.

Oorlogskamer codering

Deze aanpak werd door ons team gebruikt om de productiviteit te verbeteren, kennis te delen en samen problemen op te lossen. De deelnemers gingen samen met het team van de klant volledig op in het oplossen van het probleem en wisselden ideeën, ervaringen en oplossingen uit. Alle integraties van nieuwe functionaliteiten vonden in realtime plaats, waardoor we snel beslissingen konden nemen en nieuwe oplossingen konden uitproberen.

Microsoft Teams gebruiken voor communicatie

Microsoft Teams was onze belangrijkste communicatietool voor het delen van updates en het houden van dagelijkse/maandelijkse vergaderingen. Het effectieve gebruik ervan hielp ons om de samenwerking binnen het team te verbeteren en een consistente informatiestroom tussen de teamleden te garanderen.

Taakbeheer via Jira

Jira diende als onze primaire tool voor taakbeheer. Teamleden hielden hun werkdagen van 8 uur bij met beknopte taakbeschrijvingen voor transparantie en efficiëntie. De herinnerings- en waarschuwingsfuncties van Jira hielpen de integriteit van onze planning te behouden en de werkdruk effectief te beheren, wat aanzienlijk bijdroeg aan het succes van het project.

Vereist team

Project Manager

Leidende iOS+Android ingenieur / Oplossingsarchitect

Hoofd Android ingenieur

Hoofd iOS ingenieur

Senior Android-engineers

Senior iOS ingenieurs

Resultaten

Ons uitgebreide applicatieherontwerp leidde tot echt transformerende resultaten. Allereerst hebben we het ontwerp van de app vernieuwd om deze aantrekkelijker en gebruiksvriendelijker te maken. We ontwikkelden ook nieuwe gebruikersstromen om het app-traject te verbeteren. Deze verandering zorgde ervoor dat gebruikers gemakkelijk door de app konden navigeren en zonder problemen konden vinden wat ze nodig hadden. Van het openen van de app tot het gebruik van geavanceerde functies, de reis verliep soepeler, waardoor de hele ervaring aangenamer werd. We hebben de bestaande functies verbeterd en de bedrijfslogica geoptimaliseerd. Naast de intelligente functies werkte de app ook sneller. Deze optimalisatie verhoogde de algehele gebruikerservaring.

Ook aan de technische kant zijn er aanzienlijke verbeteringen doorgevoerd. We hebben de hele codebase bijgewerkt en verouderde bibliotheken en afhankelijkheden die de app tegenhielden verwijderd. Deze stap was cruciaal om de prestaties en betrouwbaarheid van de app op de lange termijn te garanderen. Over prestaties gesproken, we hebben een volledige review uitgevoerd om ervoor te zorgen dat de app efficiënt werkte onder zware belasting. Deze uitgebreide prestatiecontrole was belangrijk bij het identificeren en aanpakken van eventuele problemen.

Gerelateerde gevallen

Contacteer ons

Boek een gesprek of vul het onderstaande formulier in en we nemen contact met je op zodra we je aanvraag hebben verwerkt.

Naam

Bedrijf

E-mail

Telefoon

Bericht

Stuur ons een spraakbericht

Documenten bijvoegen

Bestand uploaden

Je kunt 1 bestand van maximaal 2 MB bijvoegen. Geldige bestandsformaten: pdf, jpg, jpeg, png.

Door op Verzenden te klikken, stemt u ermee in dat Innowise uw persoonsgegevens verwerkt volgens onze Privacybeleid om u van relevante informatie te voorzien. Door je telefoonnummer op te geven, ga je ermee akkoord dat we contact met je opnemen via telefoongesprekken, sms en messaging-apps. Bellen, berichten en datatarieven kunnen van toepassing zijn.

U kunt ons ook uw verzoek sturen
naar contact@innowise.com

Wat gebeurt er nu?

Zodra we je aanvraag hebben ontvangen en verwerkt, nemen we contact met je op om de details van je projectbehoeften en tekenen we een NDA om vertrouwelijkheid te garanderen.

Na het bestuderen van uw wensen, behoeften en verwachtingen zal ons team een projectvoorstel opstellen met de omvang van het werk, de teamgrootte, de tijd en de geschatte kosten voorstel met de omvang van het werk, de grootte van het team, de tijd en de geschatte kosten.

We zullen een afspraak met je maken om het aanbod te bespreken en de details vast te leggen.

Tot slot tekenen we een contract en gaan we meteen aan de slag met je project.