AI can make mistakes

Projects

Card Drawings AR

Augmented Reality & Spatial Shader Experience

Amidst the global isolation of 2020, Serviceplan celebrated its 50th anniversary of creativity and the launch of its climate-neutral initiative. To honor this milestone and share the joy globally, the agency decided to replace its traditional paper holiday greetings with a sustainable, interactive digital experience. Under the banner "Closer Together," the initiative invited people to connect through a unique intersection of art and augmented reality.

To explore what "togetherness" feels like in isolation—whether connecting with people, nature, or the innermost self—Serviceplan united nine international artists to create a diverse series of bespoke illustrations. The agency's core concept was to create a "draw-it-yourself" AR experience, allowing users to physically trace the lines of these nine unique artworks to create and share their own personalized holiday cards. STD.DEV was brought on board to engineer this spatial AR experience and the accompanying campaign platform.

The Technical Challenge

The project required two distinct technical feats. First, translating nine vastly different, hand-drawn illustration styles into a seamless, interactive 3D tracing experience for mobile AR. Second, developing a web platform that could visually and conceptually connect all nine isolated artworks. Because this project launched Serviceplan's climate-neutral initiative, relying on heavy, bandwidth-intensive video files to showcase the art would contradict the campaign's eco-conscious goals. The web execution needed to be visually stunning but mathematically lightweight.

The Solution

STD.DEV developed the complete spatial AR drawing mechanic and the AR-enabled website. To elevate the digital platform beyond a static gallery, STD.DEV conceptualized and engineered a complex, scroll-driven SVG path animation. Instead of loading video transitions, the website’s background mathematically interpolated the raw vector paths of the illustrations. As the user scrolled from top to bottom, the lines of one artist's work fluidly morphed and reassembled into the next, creating an unbroken visual thread of "togetherness" powered entirely by code.

Impact

By replacing physical paper with a procedural AR experience, "Closer Together" successfully delivered warm holiday greetings while drastically reducing climate impact. The campaign empowered users worldwide to add their own creative touch and share their digital cards using the #CloserTogether tag. STD.DEV’s SVG interpolation concept ensured the web platform remained highly performant and environmentally lightweight, perfectly aligning the project's technical architecture with its sustainable message.

Transforming static illustrations into a unified digital ecosystem required precise vector mathematics and spatial tracking. STD.DEV delivered the technical backbone of the campaign across two core deliverables:

Art card artwork by Rosa Kammermeier showing expressive hand lettering with holographic AR reflections.
Art card design by Rinee Shirke depicting intricate botanical flora and organic wildlife illustrations.
Art card portrait by Luciano Cian combining bold modernist facial planes with delicate spatial line art.
Art card illustration by Joshua Scurville featuring dynamic urban iconography and energetic vector strokes.
Art card design by Ikki Kobayashi displaying bold geometric shapes and clean minimalist line balance.
Art card design by Dia Pacheco featuring vivid Mexican folk mural motifs trackable with augmented reality.
Art card artwork by Anna Ginsburg showcasing fluid figurative linework optimized for mobile AR animation.
Art card illustration by Anastacia Sholik featuring folk-inspired characters designed for interactive AR tracing.
Art card photograph displaying vibrant organic forms and bold brushwork by Amber Vittoria, trackable via AR.

2. Spatial AR Drawing Engine

Engineering the interactive AR filters that enabled the step-by-step "draw-it-yourself" mechanic. The spatial application guided users through tracing the diverse, hand-drawn lines of the nine global artists directly in their physical environment, allowing them to participate in the creative process and generate personalized digital holiday cards.

1. Campaign Website

Developing the campaign’s AR-enabled platform by treating source code as a living artistic medium. By extracting the raw vector data from all nine isolated illustrations, the custom architecture interpolated the drawing paths in real-time as the user scrolled. This approach visually reinforced the theme of continuous connection while completely eliminating the carbon and performance costs of heavy media assets.

"Closer Together" proves that interactive technology can bridge physical distances and foster genuine human connection. By unifying procedural web architecture with spatial AR drawing mechanics, STD.DEV transformed a static corporate holiday greeting into a participatory global canvas—empowering users around the world to leave their own creative mark.

Physical greeting card 25 displaying a collaborative multi-artist tapestry linking all nine creative styles in AR.
Physical greeting card 24 featuring bright geometric shapes that pop off the surface and bounce with gravity.
Physical greeting card 23 showing graceful marine life outlines surrounded by shimmering underwater light caustics.
Physical greeting card 22 displaying a complex geometric labyrinth where a glowing orb navigates the maze in AR.
Physical greeting card 21 showing Japanese calligraphy characters that re-draw themselves dynamically in virtual ink.
Physical greeting card 20 showing stylized sunburst linework that radiates volumetric light shafts when viewed in AR.
Physical greeting card 19 illustrating mountain horizons that shift with realistic spatial parallax on tilt.
Physical greeting card 18 featuring bold geometric totem blocks that assemble vertically in real-time camera AR.
Physical greeting card 17 showing tactile woven yarn textures that visually assemble into unified greeting symbols.
Physical greeting card 16 displaying celebratory holiday motifs surrounded by floating golden particle sparks.
Physical greeting card 15 showing an optical prism diagram that refracts glowing rainbow light beams into 3D space.
Physical greeting card 14 featuring Calder-inspired mobile balance shapes rotating gently under mobile camera tracking.
Physical greeting card 13 showing minimalist tree branches that sprout lush green leaves in augmented reality.
Physical greeting card 12 depicting two embracing figures with animated watercolor ink washes floating in AR.
Physical greeting card 11 displaying sinusoidal frequency contours that vibrate with visual resonance in mobile AR.
Physical greeting card 10 displaying golden starlight points that connect into glowing mythological constellations in AR.
Physical greeting card 09 illustrating traditional folk fable characters that dance in dimensional AR space.
Physical greeting card 08 displaying clean isometric city silhouettes that rise into 3D miniature buildings.
Physical greeting card 07 featuring botanical vine sketches that bloom and blossom into virtual 3D flowers.
Physical greeting card 06 showing vivid rhythmic wave patterns that ripple dynamically when scanned by phone.
Physical greeting card 05 showing abstract intersecting color ribbons that loop and rotate in 3D camera space.
Physical greeting card 04 displaying festive typographic lettering that pulses and floats off the paper in AR.
Physical greeting card 03 showcasing minimalist architectural linework that extrudes into 3D space under camera view.
Physical greeting card 02 featuring an abstract expressive portrait that animates with 3D depth in mobile AR.
Physical holiday greeting card 01 displaying delicate botanical ink contours, designed for real-time AR tracing.

Credits


Client, Creative Direction & Concept
Serviceplan Group


Spatial AR & Web Platform Engineering
STD.DEV (Daniel Kuhnlein)


Participating Artists
Amber Vittoria, Anastacia Sholik, Anna Ginsburg, Dia Pacheco, Ikki Kobayashi, Joshua Scurville, Luciano Cian, Rinee Shirke, Rosa Kammermeier

How did Serviceplan replace traditional holiday greetings with a sustainable digital experience?

In cooperation with STD.DEV, Serviceplan replaced traditional paper holiday greetings with a sustainable, interactive digital experience called "Closer Together," which used augmented reality and digital illustrations from nine international artists.

Product

Card Drawings AR

Augmented Reality & Spatial Shader Experience

Augmented Reality Card Drawings & Spatial Shader Experience

VIDEO

Card Drawings AR Scroll-Driven Vector Path Morphing

VIDEO

Interactive website demonstration showing scroll-driven SVG interpolation transitioning fluidly between nine artist styles.

VIDEO

Card Drawings AR Apple Reality Composer Workflow

VIDEO

Spatial engineering demonstration setting up USDZ anchor points and interactive triggers in Apple Reality Composer.

VIDEO

Card Drawings AR Step-by-Step Drawing Guidance Mechanic

VIDEO

Interactive AR camera view guiding users to physically trace artist illustrations line by line on physical cards.

VIDEO

Card Drawings AR Mobile Camera Spatial Projection

VIDEO

Mobile screen capture demonstrating spatial AR projection overlaying dynamic artist vector contours onto physical surfaces.

VIDEO

Card Drawings AR Global Campaign Teaser Animation

VIDEO

Social campaign teaser animation announcing the collaborative holiday experience connecting nine international artists.