Een fotorealistische preview geeft klanten direct vertrouwen tijdens het personaliseren van een product. Ze zien exact hoe hun ontwerp, naam of foto eruit zal zien op het eindproduct, waardoor twijfel en onzekerheid verdwijnen. Dit verkleint de kans op fouten, verlaagt retouren en versnelt de aankoopbeslissing. Hoe realistischer de preview, hoe sterker de emotionele klik met het product en hoe hoger de conversie.
In dit artikel een korte introductie van deze belangrijke functionaliteit. Let wel, het betreft een introductie waarbij slechts de basis aan bod komt.
Voorbeeld 1: preview wenskaart
Onderstaande afbeelding toont de dynamisch gegenereerde preview van een wenskaart. De bezoeker/klant heeft de keuze uit meerdere voor- en binnenzijden en kan kleuren, teksten en objecten aanpassen. De preview geeft direct een fotorealistische weergave van het uiteindelijk te bestellen artikel. Dermate realistisch dat de kans op conversie is gemaximaliseerd.
De Preview in Printess
Onderstaande schermafbeelding toont de krachtige Design Backend van de Printess omgeving. Vanuit deze omgeving worden nieuwe templates aangemaakt en kunnen bestaande templates worden aangepast. Een van de grote voordelen van Printess is dat er een scheiding is tussen de volgende type documenten:
- Primair document:
Het primaire document is het object c.q. document wat de bezoeker/klant vanuit de Online Editor gebruikt om het betreffende artikel te personaliseren. Per template en per primair document kan exact worden bepaald wat de bezoeker krijgt te zien en welke functies beschikbaar zijn.
- Preview:
De Preview, zie onderstaande afbeelding, is een aparte weergave die vanuit de backend vormgegeven kan worden. Het primaire document, bestaande uit 1 of meerdere pagina’s, wordt op de gewenste wijze gepositioneerd in deze preview.
- Productie:
Ook het productiedocument is een volledig losstaand document wat exact kan worden geconfigureerd zoals gewenst. Bijvoorbeeld de exacte afmetingen en aanvullende informatie die in de output meegenomen dient te worden zoals artikel- en/of ordergegevens.
Het feit dat deze 3 documenten -primair document, preview en productie, gescheiden zijn, biedt elke template een bijzonder hoge mate van flexibiliteit. Elk type document kan geheel naar eigen wens worden samengesteld.
Positioneren van het primaire document
Printess beschikt over een functionaliteit genaamd ‘Subdocumenten’. Subdocumenten bied een bijzonder breed palet aan krachtige mogelijkheden. Zo kan deze functionaliteit worden gebruikt om content op meerdere locaties te laten terugkomen, bijvoorbeeld op voor- en achterzijde van een artikel, om meerdere verschillende output documenten te genereren en -in deze- om een preview te genereren.
In het geval van de wenskaart bestaat het primaire document uit 4 pagina’s, voorzijde, binnenzijde links, binnenzijde rechts en de achterzijde. Elke zijde kan worden gebruikt als een subdocument. In onderstaande afbeelding is pagina 1 van het primaire document, in deze de voorzijde van de wenskaart, gepositioneerd op de voorzijde van de preview.
Vervolgens kan het subdocument in perspectief worden geplaatst en kan met behulp van een raster het subdocument, in deze de voorzijde van de wenskaart, exact worden gepositioneerd. Dit raster kan naar behoeven uit minder of meer punten bestaand om op deze wijze de preview exact te positioneren.
Elke keer als de bezoeker/klant een wijziging aanbrengt in het ontwerp -in het primaire document-, bijvoorbeeld het veranderen van een foto, tekst, lettertype en/of kleur, is de preview automatisch 100% in sync met elke wijziging. Het document gepositioneerd op de preview is doordat dit een subdocument is, in feite hetzelfde document als waar de bezoeker in werkt.
Voorbeeld 2: Kussen
De bij Printess standaard meegeleverde template voor een kussen, is eveneens een goed voorbeeld van een sterke fotorealistische preview. Onderstaand het Preview Document in de Printess Design Backend.
Hierbij is gebruik gemaakt van maar liefst 40 punten horizontaal en verticaal om de preview op een zo realistisch mogelijke wijze te positioneren. Onderstaand het resultaat waarbij linksonder duidelijk is te zien dat de preview ‘organisch’ de vouwen in het kussen volgt.
Zoals in de introductie vermeld betreft dit het topje van de ijsberg qua beschikbare functionaliteit en mogelijkheden voor een creëren van een sterke preview.
