Casestudy · Webapplicatie

Een fotocollage-editor in de browser voor Pixowall

Pixowall verkocht fotocollages van losse tegels voor aan de muur. Klanten moesten hun collage zelf kunnen ontwerpen en bestellen, op hun telefoon en zonder app te installeren.

Fotocollage in hartvorm van 27 tegels in de Pixowall-app, met afmetingen 105 x 90 cm en de totaalprijs bovenaan
KlantPixowall
Wat we bouwdenWebapp voor het ontwerpen en bestellen van fotocollages 
PlatformProgressive web app met Stripe
StatusAfgerond, 2024-2025
BrowserOntwerpen en bestellen werkte op de telefoon, zonder app uit een store
PDFNa betaling ging de collage als printbestand naar de producent
De vraag

Hoe laat je klanten zelf een fotoproduct ontwerpen en bestellen?

Pixowall maakte fotocollages van tegels die met een kliksysteem aan de muur komen. Eén foto kon over meerdere tegels lopen. In oktober 2024 vroeg Pixowall ons een consumentenversie van de editor te bouwen: foto’s kiezen, een vorm kiezen, betalen, en de bestelling door naar de printer. De eerste versie moest half december klaar zijn, voor een beurs in januari.

Het bedrijf Pixowall bestaat inmiddels niet meer.

Formaat kiezen: 90 x 60 cm wordt 24 tegels, met de prijs voor prints, frames en totaal
Wat we bouwden

Wat we bouwden, en waarom zo

Een webapp die in drie stappen werkt: vorm kiezen, foto’s plaatsen en bestellen.

Een webapp in plaats van een app in de store

Klanten hoefden niets te installeren. En de betaling liep via Stripe in de webapp zelf, zonder de commissie die de app stores rekenen.

Betalen per tegel

De prijs hing af van het aantal tegels, met een minimum van 8 en een maximum van 96. Haalde een klant tegels weg uit de vorm, dan telden die lege vakken niet mee in de prijs.

Eigen vorm samenstellen: een hart van tegels, met plusjes om tegels toe te voegen en kruisjes om ze weg te halen
Een foto is vergroot en loopt over vier tegels, met knoppen om bij te snijden, te verwijderen en groter te slepen
Bijsnijden: de foto schuift en zoomt onder een raster van vier tegels, zodat je ziet wat op elke tegel komt
Na het bestellen maakt de app van de collage losse printbestanden per tegel, met een voorbeeld van het eindresultaat

Vorm kiezen

Een rechthoek, een hart of een eigen vorm, met het aantal tegels en de afmetingen erbij.

Foto’s plaatsen

Foto’s slepen, schalen en bijsnijden, ook over meerdere tegels heen.

Bestellen en betalen

Afrekenen met Stripe, waarna de collage als PDF naar de producent ging.

Techniek

Onder de motorkap

Een React-webapp die als progressive web app op elke telefoon werkte. Beelden en bestellingen werden opgeslagen in Supabase.

React + TypeScriptProgressive web appStripeSupabasePDF voor de printerSentry
Jouw webapp

Een product dat klanten zelf samenstellen?

Vertel wat je klanten moeten kunnen kiezen. Dan laten we zien wat we voor vergelijkbare vragen bouwden.

Meer werk

Ook apps voor klanten.

Al ons werk