Loading Curly
WebAR business card · prototype
Cover image for the CurlyScan project
WebAR business card · prototype

CurlyScan

CurlyScan explores how a physical business card can open a digital story. The prototype connects a landing page, camera-based card recognition, animated 3D elements and model interactions. Visitors open the experience in a mobile browser without installing a dedicated application.

ReactThree.jsMindARWebXR

Prototype in development. AR requires camera permission and a supported device; spatial features depend on the browser. The gallery shows the landing page rather than a live AR capture.

Open demonstration ↗

Problem

What needed solving

Connect a personal introduction and a printed card to a digital experience that offers more than a conventional website link.

Solution

How I approached it

React and Three.js for presentation, MindAR image tracking, and supported WebXR features to explore placing content in physical space.

Outcome

What it became

A publicly accessible Curly AR card prototype and a landing page for future pilot experiences.

Project gallery

A closer look

Captures of the public landing page on desktop and mobile. Its animated card is a presentation visualisation.

01 — Landing page

CurlyScan desktop landing page
From a physical business card to an interactive 3D presentation.

02 — Mobile view

CurlyScan mobile landing page
A mobile introduction with a link to the AR prototype.

Done with this case study?

Jump back to the project list.

← Back to work