Maatwerk software, Wagtail

Mumsel Me – Interactieve Videogenerator

Gepersonaliseerde nieuwjaarsvideo's via foto-upload, gebouwd met React.js, Django en FFmpeg

AEGIR Marine is een internationaal maritiem servicebedrijf dat zich specialiseert in onderhoud, revisie en service van scheepsschroeven en aandrijfsystemen. Al sinds 2000 actief, bedient AEGIR Marine klanten wereldwijd vanuit meerdere vestigingen. Het is een bedrijf dat zijn vakmanschap combineert met een sterke identiteit — en dat vertaalt zich ook in de manier waarop ze het jaareinde vieren.

Dit project was in samenwerking met

Vandenberg combineert creativiteit en strategisch inzicht om merken te laten groeien en bloeien. Als full-service marketingbureau bieden ze alles van merkstrategie en visuele identiteit tot marketingcampagnes en hoogwaardige contentproductie, gericht op het creëren van een sterke merkbeleving.

Voor dit project verzorgde Vandenberg het concept, de creatieve richting en het design. De animatie en videoproductie werden verzorgd door een freelancer. FlevoDevs nam de technische ontwikkeling van het platform op zich: de foto-upload, de beeldverwerking en de integratie met de nieuwjaarsvideo.

Over het project

AEGIR Marine heeft een traditie van bijzondere eindejaarsprojecten — een traditie die we al eerder mochten ondersteunen met de AEGIR Marine World Tour. Dit jaar wilde AEGIR Marine bezoekers actief betrekken: niet alleen kijken, maar zélf onderdeel worden van het verhaal.
Het concept draait om de Mumsel — een maritiem fantasiewezen uit de Polynesische folklore dat inmiddels stevig verankerd zit in de AEGIR Marine-cultuur. Via mumsel.com kunnen bezoekers een foto uploaden of direct een foto nemen, waarna hun gezicht wordt verwerkt in de nieuwjaarsvideo en een Mumsel tot leven komt met hun eigen gezicht.
Het traject duurde vier tot zes weken. We begonnen met het bouwen van het CMS en de foto-uitsnijding, en gingen daarna samen met de freelancer aan de slag om de videobestanden zo te verwerken dat de uitgeknipte foto naadloos in de video paste. De methode die we kozen was gebaseerd op een greenscreen-techniek: groene vlakken in de video werden vervangen door de foto van de bezoeker.
Dat klinkt eenvoudiger dan het was. Het Mumsel-karakter beweegt namelijk ook met zijn hoofd — wat betekent dat de foto per frame goed moest blijven zitten. Om dat voor elke mogelijke foto te laten werken, hebben we per frame handmatige aanpassingen gedaan. Een precisieklusje, maar het resultaat mocht er zijn.
Zodra ook het design van Vandenberg was goedgekeurd, integreerden we dat in het platform. Via een klein CMS voor de homepagina kunnen aan het platform eenvoudig extra tools, spellen en content worden gekoppeld — waaronder ook de eerder voor AEGIR Marine ontwikkelde Scrollytelling World Tour.

Het resultaat...

Het resultaat is mumsel.com: een speelse en verrassende videogenerator die bezoekers in een paar klikken omtovert tot een Mumsel in een animatievideo. Het platform is gebouwd op Wagtail en Django, met React.js voor de interactieve foto-module en FFmpeg voor de serverside videoverwerking.

De kern van het platform is de foto-tool: bezoekers uploaden of nemen een foto, waarna de afbeelding serverside verwerkt wordt en composited in de nieuwjaarsvideo — verzorgd door FFmpeg. Omdat het renderen even tijd kost, hebben we een minigame ingebouwd zodat bezoekers ondertussen wat te doen hebben. Zodra de video klaar is, kunnen ze hem meteen bekijken en delen.

Naast de video-tool bevat het platform de “Tale of the Mumsel” — een achtdelig verhaal over de oorsprong van de Mumsel — en downloadbare activiteiten voor kinderen, waaronder een kleurplaat en een tekenwedstrijd.

Het grootste voordeel voor AEGIR Marine: een eindejaarsapp die mensen niet passief bekijken maar actief gebruiken en daarna ook nog delen. De ontvangst was uitstekend — op de eerste dag werden er al meer dan honderd gepersonaliseerde video’s gegenereerd.

Benieuwd wat we voor jou kunnen betekenen?

Relevante projecten

Hieronder een paar relevante andere projecten die we hebben opgeleverd voor tevreden klanten.

impulsix.nl

Creatieve one pager in Elementor voor een band met net iets te veel genres.

Samenwerking Wunderbar – werkenbijimpegno.nl

AFAS API Koppelen met Elementor in een simpele WordPress plugin

Benieuwd wat we voor jou kunnen betekenen?

Waarom je kiest voor FlevoDevs

Software ontwikkeling zonder onverwachte extra kosten

Wees niet bang voor extra bijkomende kosten, bij ons krijg je bij je eerste gesprekken al duidelijkheid wat je in ons investeert.

Jij moet als ondernemer meer vrije tijd kunnen krijgen

Als ondernemer ben jij al druk zat, wij automatiseren graag je leven of bedrijf zolang jij maar tijdwinst behaald.

We gaan verder dan alleen de ontwikkeling van software

Wij gaan graag de samenwerking met aan als een partner op IT gebied en helpen jou en je bedrijf ook graag met alle vragen die je hebt.

Wat onze klanten zeggen

"Ik ben erg positief over de samenwerking en opvolging tijdens de ontwikkeling van mijn leerplatform Integraal-leiderschap.nl. Marco denkt actief mee in mogelijkheden, is responsief en helpt je in de vertaling naar de meer technische details. Voor mij een uitstekende partner om mijn start-up mee vorm te geven; ook al waren onze kennismaking en contacten daarna volledig online; het contact voelde open, meedenkend en vertrouwd."

Sander Claassen

Claassen Business Management

“Met behulp van Marco en zijn team hebben we een aantal prototypes van nieuwe web-functionaliteiten ontwikkeld. Dit gebruiken wij in onze online risk management dienst die per begin 2022 beschikbaar is. Daarnaast hebben we in een korte tijd met hem abibia.com gelanceerd met formulieren, ondersteuning voor meerdere talen, SEO en koppelingen met een customer engagement oplossing. Door zijn ervaring en kennis verliep dit soepel en vlot. Marco beschikt over de juiste vaardigheden, denkt mee, werkt snel en is bereikbaar als dat nodig is. Gezien de prettige samenwerking en de resultaten hiervan, kan ik Marco en FlevoDevs van harte aanbevelen.“

Frank Bijkerk

Abibia

“Voordat ik bij jullie kwam met Hair Concept Online zag de webshop er veel simpeler en veel minder dynamisch uit. De koppeling met Mollie heeft ook nooit juist gewerkt kwam ik achteraf achter, omdat deze nu wel werkt. Marco en ook Nevin zijn fantastisch om mee te werken. Ik heb voornamelijk contact met Marco gehad. Hij snapt direct wat ik bedoel, is super snel, altijd bereikbaar, behulpzaam, en maakt er echt wat moois van. SUPER tevreden!“

Monique Leeman

Hair Concept

Vraag direct een offerte aan

Wil je graag samen werken aan het realiseren van nieuwe software of heb je probleem waar je graag over wilt sparren? Vul dan gelijk onderstaand formulier in en krijg van ons binnen 24 uur een offerte.