Progressive Web App (PWA)

Bij Bureau Berg draait alles om het omzetten van digitale ambitie in realiteit: het bouwen van platforms die niet alleen mensen verbinden, maar ook echt een verschil maken. Ons werk aan Bear Alert belichaamt deze missie perfect. Het is meer dan alleen een Progressive Web App (PWA); het is een tool die individuen in staat stelt om gevangen beren in nood te melden en actie te mobiliseren om deze dieren een beter leven te geven.

De uitdaging: een digitaal platform voor urgente actie

Bear Alert is opgericht om een kritiek probleem aan te pakken: gevangen beren die lijden onder ontoereikende omstandigheden. Of het nu gaat om illegale gevangenschap, mishandeling of ongeschikte leefomgevingen, deze dieren blijven vaak onopgemerkt of niet-gerapporteerd. De uitdaging was duidelijk: hoe kunnen we mensen in staat stellen om gevallen snel en eenvoudig te melden en ervoor zorgen dat Bear Alert snel actie kan ondernemen om deze dieren te helpen?

Het platform moest:

• Zeer toegankelijk zijn voor gebruikers in elke situatie, op elk apparaat.

• Eenvoudig en snel melden van beren in nood mogelijk maken.

• Ervoor zorgen dat het Bear Alert-team toegang heeft tot rapporten en onmiddellijk kan reageren.

• Soepel functioneren, zelfs in omgevingen met een lage connectiviteit, aangezien veel waarnemingen in afgelegen gebieden kunnen plaatsvinden.

Gezien deze vereisten was het bouwen van een Progressive Web App (PWA) de ideale oplossing. PWA's bieden app-achtige functies met de eenvoud en toegankelijkheid van een website, perfect voor het betrekken van gebruikers die een snelle, naadloze ervaring nodig hebben.

De oplossing: waarom Bear Alert voor een PWA koos

Progressive Web Apps combineren de snelheid en het gemak van websites met de functionaliteit van native mobiele apps. Voor Bear Alert was een PWA de meest effectieve oplossing om gebruikers te helpen gevangen beren te melden en de organisatie in staat te stellen tijdig actie te ondernemen.

• Toegankelijkheid: de web app is toegankelijk voor iedereen met een internetverbinding, ongeacht welk apparaat ze gebruiken. Gebruikers hoeven geen native app te downloaden, waardoor het snel en eenvoudig te gebruiken is.

• Realtime rapportage: directe pushmeldingen stellen het Bear Alert-team in staat om rapporten in realtime te ontvangen, zodat ze snel kunnen handelen in dringende gevallen.

• Offline-mogelijkheid: in afgelegen gebieden, waar connectiviteit een uitdaging kan zijn, werkt de app nog steeds. Gebruikers kunnen een rapport indienen en het wordt verzonden zodra ze weer verbinding hebben.

• Gebruiksvriendelijke interface: het was cruciaal dat de app intuïtief en eenvoudig te navigeren was, zodat mensen met alle technische vaardigheden beren zonder gedoe konden melden.

Belangrijkste kenmerken van de Bear Alert PWA

We hebben de Bear Alert PWA gebouwd met de focus op snelheid, eenvoud en betrouwbaarheid, zodat gebruikers snel en effectief problemen met gevangen beren kunnen melden.

1. Naadloos rapportageproces

De belangrijkste functie van Bear Alert is het gestroomlijnde rapportagesysteem. Gebruikers kunnen met slechts een paar klikken een rapport indienen, via desktop of mobiel, en afbeeldingen en details over de toestand van de beer uploaden. Het intuïtieve formulier maakt snelle rapportage mogelijk, met velden die zijn ontworpen om de meest essentiële informatie vast te leggen zonder de gebruiker te overweldigen.

2. Offline functionaliteit

Veel waarnemingen kunnen plaatsvinden in gebieden met een slechte connectiviteit, dus hebben we offline functionaliteit in de PWA opgenomen. Hierdoor kunnen gebruikers een rapport invullen, zelfs als ze offline zijn, en de gegevens worden automatisch verzonden zodra ze weer online zijn.

3. Pushmeldingen voor onmiddellijke actie

We hebben pushmeldingen geïmplementeerd om het Bear Alert-team te waarschuwen zodra er een rapport binnenkomt. Dit zorgt ervoor dat urgente gevallen onmiddellijk worden behandeld. De meldingen informeren de gebruiker ook wanneer hun rapport is ontvangen en wordt verwerkt, wat een gevoel van realtime betrokkenheid creëert.

4. Responsive Design

De PWA is volledig responsief, wat betekent dat het op alle apparaten werkt, of gebruikers nu een smartphone in het veld gebruiken, een tablet thuis of een desktop op kantoor. Dit zorgt ervoor dat Bear Alert altijd toegankelijk is, ongeacht waar de gebruiker is of welk apparaat hij gebruikt.

De technische invulling

We hebben de Bear Alert PWA gebouwd met de nieuwste webtechnologie om ervoor te zorgen dat deze snel, veilig en betrouwbaar is. De app is ontwikkeld met React.js en we hebben service workers geïntegreerd om offline mogelijkheden en snelle laadtijden te garanderen. Pushmeldingen werden afgehandeld via de Push API en lokale opslag werd gebruikt om ervoor te zorgen dat gebruikersgegevens konden worden opgeslagen en verzonden wanneer het apparaat weer verbinding had.

Als backend gebruikten we het 'Headless' Strapi CMS waarmee we API-eindpunten konden maken.

Resultaten: Beren redden

Sinds de lancering heeft Bear Alert een groeiende betrokkenheid van gebruikers over de hele wereld gezien. Mensen zijn nu meer in staat om actie te ondernemen wanneer ze gevangen beren in nood zien, wetende dat Bear Alert ingrijpt om te helpen. De app is een cruciaal hulpmiddel geworden in de strijd om beren te redden uit slechte omstandigheden en ervoor te zorgen dat ze worden verplaatst naar opvangcentra waar ze een gezonder leven kunnen leiden.

Elke rapportage is een kans om het leven van een dier te veranderen, en de Bear Alert PWA maakt dat mogelijk.

Waarom heeft je organisatie behoefte aan een PWA?

Bear Alert is het bewijs van hoe transformatief een Progressive Web App (PWA) kan zijn. Of een organisatie nu processen wil stroomlijnen, de betrokkenheid van gebruikers wil vergroten of gewoon een toegankelijker, betrouwbaarder platform wil bieden, PWA's bieden vaak een ideale oplossing.

Bij Bureau Berg zijn we gepassioneerd over het creëren van digitale ervaringen die de verwachtingen overtreffen. Zie bijv. ook de 3D/AR-web app die we ontwikkeld hebben.

Een PWA kan je organisatie in staat stellen actie te ondernemen, gebruikers te betrekken en een betekenisvolle impact te creëren, terwijl je tegelijkertijd de naadloze ervaring levert die gebruikers van vandaag, eisen.

Klaar om je digitale ambities werkelijkheid te maken? Laten we praten over hoe een PWA de doelstellingen van jouw organisatie kan helpen te bereiken.