DreamOracle : hoe we een consumentenproduct van nul tot livegang hebben gebracht
DreamOracle is een platform voor droominterpretatie met persoonlijk dagboek, ontwikkeld als volwaardige progressive web app voor het grote publiek.
Door Laurent Maréchal · · 5 min leestijd
Er is een fundamenteel verschil tussen het opleveren van een intern bedrijfstool en het lanceren van een consumentenproduct. In het eerste geval zijn de gebruikers captief — ze hebben geen keuze. In het tweede geval kunnen ze binnen drie seconden vertrekken. Dat is precies wat dit project ons bij elke stap heeft gedwongen te internaliseren. DreamOracle is een platform voor droominterpretatie met een persoonlijk dagboek, rechtstreeks op de telefoon installeerbaar, ontwikkeld voor Distr'Action, een studio gespecialiseerd in audioproductie en contentcreatie. Hier leest u hoe het is opgebouwd, waar het schuurt, en wat u eruit kunt halen als u een vergelijkbaar project draagt.
Het vertrekpunt: een helder idee, een uit te vinden uitvoering
De briefing was precies in haar intentie: een consumentenplatform bouwen rond droominterpretatie, met een geïntegreerd persoonlijk dagboek en een vloeiende mobiele ervaring. Geen prototype, geen wankel MVP. Een afgewerkt, bruikbaar en distribueerbaar product. Dit soort opdracht lijkt op klassieke ontwikkeling. Dat is het niet. Al bij de eerste gesprekken bleek dat de code slechts een deel van het probleem was. Er moest ook worden beslist hoe het product zich zou presenteren, hoe het zich zou gedragen op een telefoonscherm zonder via een store te gaan, en hoe het zijn eerste gebruikers zou vinden. Drie onderwerpen die veel projecten vooruitschuiven, en die uiteindelijk de lancering om zeep helpen.
Wat we technisch hebben gebouwd
De gekozen stack is gebaseerd op Next.js aan de frontkant en Prisma op PostgreSQL aan de datakant. Die keuze is niet willekeurig: Next.js maakt het mogelijk zowel server-side rendering als statische pagina's te beheren, wat telt voor de waargenomen prestaties op mobiel. Prisma vereenvoudigt het beheer van het databaseschema en de migraties, waardoor stille fouten worden vermeden wanneer het model evolueert.
Het meest structurerende technische punt van het project is de progressive web app, installeerbaar op iOS en Android zonder via de App Store of de Play Store te gaan. Concreet: de gebruiker bezoekt de site, de browser stelt voor de applicatie op het startscherm te installeren, en de gebruiker heeft een icoon en een volledig schermervaring. Het is geen native applicatie, maar voor de meeste gebruikssituaties is het verschil onmerkbaar. En de winst op het vlak van distributie is aanzienlijk: geen store-validatie, geen vertraging, geen commissie.
We hebben ook een geïntegreerde beeldgenerator ontwikkeld die afbeeldingen produceert die gekoppeld zijn aan de geïnterpreteerde dromen. Dit soort detail transformeert een functioneel hulpmiddel in een product dat je wilt delen.
De visuele identiteit: wat altijd wordt onderschat
Een consumentenproduct zonder coherente visuele identiteit is een product dat niet overtuigt nog voor het is uitgeprobeerd. We hebben een volledige suite in SVG opgeleverd: logo, iconen, kleurenpalet, typografie, interface-elementen. Alles in vectorformaat, zodat elk formaat gedekt is zonder kwaliteitsverlies, van favicon tot laadscherm van de geïnstalleerde applicatie.
Dit werk kost tijd. Het vraagt heen-en-weergangen. En het wordt vaak opgeofferd in projecten met een krap budget of een strak tijdschema. Het resultaat is in die gevallen een product dat werkt maar de gebruiker niet geruststelt. Op een consumentenmarkt wordt vertrouwen ook visueel bepaald, zeker bij het eerste contact.
Acquisitie: het onderdeel dat altijd op morgen wordt geschoven
Dit is het onderwerp dat bijna alle projecten onderschatten. Men denkt dat als het product goed is, de mensen vanzelf komen. Zo werkt het niet. We hebben de reflectie over acquisitie al in de ontwerpfase geïntegreerd, niet aan het einde van de keten. Dat heeft technische keuzes beïnvloed — de URL-structuur, de metatags, de laadsnelheid — en ontwerpkeuzes — de onboarding-schermen, de natuurlijke deelmomenten in het parcours.
De acquisitiecampagne is parallel aan de ontwikkeling opgebouwd, niet erna. Dat is een organisatorische beperking, maar ze voorkomt dat u met een klaar product staat zonder enig plan om het bekend te maken. Als u een vergelijkbaar project draagt en wilt begrijpen hoe u deze keten kunt structureren, geeft onze pagina realisaties een overzicht van de projecten die we van begin tot eind hebben begeleid.
Wat schuurt en wat we ervan hebben geleerd
Het voornaamste wrijvingspunt was het beheer van de beperkingen die eigen zijn aan PWA's op iOS. Apple legt beperkingen op voor bepaalde functies van progressive web apps — push-notificaties, toegang tot bepaalde sensoren, cachegedrag — die niet bestaan op Android. We moesten verschillende ontwerpkeuzes aanpassen om een coherente ervaring op beide systemen te garanderen, zonder functies te beloven die op een deel van de toestellen zouden zijn gedegradeerd.
De andere les betreft de beeldgenerator. Het integreren van beeldgeneratie in een gebruikersstroom vereist het beheren van variabele responstijden en zichtbare foutgevallen. We hebben de laadstatussen en foutmeldingen met evenveel zorg uitgewerkt als de hoofdschermen. Dat is niet spectaculair, maar het is wat het verschil maakt tussen een product dat frustreert en een product dat men opnieuw gebruikt.
Als uw project geautomatiseerde verwerkingen of complexe stromen omvat, beschrijft onze sectie gewijd aan automatisering hoe we deze onderwerpen aanpakken.
Wat u kunt transponeren naar uw eigen project
DreamOracle is rechtstreeks te raadplegen: bekijk de realisatie DreamOracle. Maar los van het product zelf, is hier wat dit project concreet illustreert.
Als u een product draagt dat bestemd is voor het grote publiek — geen intern hulpmiddel, geen prototype — heeft u een volledige keten nodig: conceptie, design, ontwikkeling, marktintroductie. Deze vier stappen zijn onderling afhankelijk. Eén ervan weglaten betekent de drie andere verzwakken. Conceptie zonder design levert een product dat werkt maar niet overtuigt. Ontwikkeling zonder nadenken over acquisitie levert een product dat niemand vindt. Design zonder solide conceptie levert een mooie lege huls.
Wat teams het meest stelselmatig onderschatten, is design en marktintroductie. Niet de code. Van code weet men dat het tijd kost. De andere twee denkt men snel te kunnen afhandelen. Dit project heeft ons bevestigd dat daar het wezenlijke wordt beslist.
Als uw product betrekking heeft op de verwerking van persoonsgegevens of AI-functionaliteiten, houd er dan rekening mee dat conformiteit met de Europese AI-verordening een concreet onderwerp wordt voor kmo's: Audityo begeleidt bedrijven bij de conformiteit met de EU AI Act, wat nuttig kan zijn om al in de ontwerpfase te anticiperen.
Conclusie
DreamOracle is online, installeerbaar op de telefoon, toegankelijk voor het publiek. Dit resultaat is de vrucht van een volledige keten die zonder shortcuts is doorlopen. Als u een productproject heeft dat dezelfde ambitie veronderstelt, is de beste manier om te weten wat dat concreet voor u inhoudt, er rechtstreeks over te praten. We bieden een kennismakingsgesprek van dertig minuten, gratis en vrijblijvend, om samen te beoordelen wat uw project werkelijk vraagt en hoe u het kunt structureren.