CRC Labs

Geanimeerde CRC banner
Seat Audi eDM
Web-based presentatie tool
Flipbook
Animatie in mail
Video in mail
Carousel in mail
Cinemagraph in mail

Geanimeerde CRC banner
demo

Gemaakt met behulp van de GSAP library (javascript). Er zijn geen afbeeldingen gebruikt.

Loading...
Seat Audi eDM
demo

Dit voorbeeld toont een ander mail op een mobiele scherm. Het is een techniek dat gebruikt worden om delen van een mail te verbergen die Lees meerniet relevant zijn op een mobiel of op grote schermen. Design technische dingen die in een normale responsive mail niet mogelijk zijn wordt hiermee wel mogelijk. Denk bijvoorbeeld aan schuine beelden of de hantering op volgorde van tekstblokken en afbeeldingen.

Dit betekent wel dat er twee keer een html geschreven moet worden en dat er meer testwerk in een mail gaat zitten. Inhoud die alleen zichtbaar zijn op de telefoon kunnen waarschijnlijk niet aangepast worden door de dealers in hun systeem. Of ze zullen er niet van bewust zijn dat er verborgen inhoud alleen op de mobiel zichtbaar zijn. Hou er rekening mee!
Minder weergeven

Loading...
Web-based presentatie tool
demo

Web-based presentatie tool. Opgemaakt met HTML+CSS en javascript (Revealjs).

Loading...
Flipbook
demo

Een bladerbrochure van afbeeldingen. Het is niet mogelijk om video's af te spelen of html te plaatsen.

Loading...
Animatie in eDM
demo

Animaties in een e-mail d.m.v gif bestanden. Elk beeld kan animeren. Lees meer Er moet wel rekening gehouden worden met de bestandgrootte van deze bestanden. Er zijn verschillende factoren die de grootte beïnvloeden. Er zijn een aantal mailclients die de animatie niet afspelen en alleen de eerste frame laten zien. Aangeraden is om de boodschap ook in de eerste frame te tonen.

Een afteller is ook mogelijk. Hier is wel enige voorbereiding/afstemming voor nodig. Bij het openen van de mail wordt er een gif ingeladen waar de afteller één minuut lang aftelt. Bij het heropenen van de mail wordt er een nieuwe gif bestand ingeladen met de nieuwe tijden.

Minder weergeven

Loading...
Video in mail
demo

Video in e-mails worden op dit moment in een handjevol mailclients ondersteund. Lees meerEen meest gebruikte alternatief is een gif animatie. Voor de video kan een afbeelding of ook een gif animatie als fallback gebruikt worden.

De video moet een mp4 zijn en gehost zijn op een externe host. Partijen zoals Youtube en Vimeo vallen hier niet onder i.v.m. hun players.

Kun je video in de demo niet zien? Benader de demo via google Chrome.
Bekijk de mail in litmus
Minder weergeven

Loading...
Carousel in mail
demo

Afbeeldingen in een carousel. Wordt ondersteund op: Lees meeriPad, iPhone 5 (of hoger), mail client in android 4.4, Outlook 2016 OSX, Outlook 2011, OSX (Mac) mail

Kun de demo niet goed zien? Benader de demo via google Chrome.

Bekijk de mail in litmus
Minder weergeven

Loading...
Cinemagraph
demo

Bekijk de demo (klik op demo hierboven).

Loading...