DC Comics AR app

Ux/Ui Design – Art Direction

Minimalistic and easy to use mobile app with a characteristic DC Comics feel that fans love, enables users to unlock behind the scenes content including drawings and animations of their favorite superheroes.

DC_ComicsAPP_1903x950

Main screens
—
Blue gradient on both top and bottom navbars, with a subtle half-tone pattern giving it more of a comic book look.
What to scan button is anchored on the bottom of the screen.

i.1.0_Instructions
i.2.0_Instructions_Screen_02_v01
i.3.0_Instructions_AR_elements
1.0.1_Home_What_to_Scan_Gallery_DC_COMICS_S
1.0.0_Home_Scanner_DC_COMICS_S_v01

Motion Ui
—
The reticle is composed of rotating hexagons that lock in place as soon as they detect a target. 

Reticle

Iconography & Type
—

DC_Comics_app_assets

User flow
—

DC_Wires_1209x1815

Additional Explorations
—

1.0.0_Home_Scanner_DC_COMICS_X_v02
1.0.1_Home_Scan_Help_DC_COMICS_X_v01-copy
1.0.0_Home_Scanner_DC_COMICS_S_v02

Interested in working together?

} // call custom javascript smp_custom_js(); // call it again for every page change window.addEventListener("sempliceAppendContent", function (e) { smp_custom_js(); }, false);