Instagram AR Filters

Raining Cheese, Deep Sea Treasure, Halloween Horror, oh my

Concepting, designing, and prototyping to solve
problems and create exceptional experiences

Summary

From raining cheese to a Halloween AR portal, below are three experiments using Instagram's Spark AR platform (formally Facebook AR Studio).

Details

Date: 

2018-2020

Client: 

Multiple

Category: 

Experimentation / Augmented Reality / Experiential

Skills: 

Concepting / Environment Design /  Prototyping

Concept

Use AR to animate instructions right off the page for improved context

AR provides two key features that help users further understand their environment. 1) It puts in augmented content wherever the user holds their phone camera and 2) Provides context in the X, Y, and Z axises instead of just two like traditional mobile applications.

Why this works

Use AR to animate instructions right off the page for improved context

IKEA Assembly is a mobile application that uses augmented reality to place animated instructions into the user's environment.  The little details and context that get lost in a picture can be clarified by the user walking around, moving closer and away from the model, and iconography representing key tools and actions needed.

Kavli

It's Raining Cheese!

As part of a larger campaign, I created a Facebook AR filter using Spark AR. When someone activates the filter and open their mouth, Kavli cheese will rain down from the heavens to feed them our delicious cheese in a tube. Based on personal experience, the filter's pretty addicting to interact with because of its shear silliness, so use responsibly.

The rain of Kavli cheese was created as a gif in Photoshop, then transferred over to Spark AR to react when it detected an open mouth. This AR filter served three purposes: to inform, entertain, and to be sharable with friends on both Facebook and Instagram.

Havas Mango

Underwater Portal

Instagram AR has been stereotyped as a face filter and sticker filter platform, but I saw the possibility of expanding IG AR filters as portals to have a mini-escape experience as everyone is stuck at home during COVID quarantine. Part one of two different AR portal experiences, this one transports viewers into a deep sea environment, with animated fish and a Mango surprise for those who view in full 360. My role was in developing the concept and prototype, with the sound and 3D assets gathered from artists on Sketchfab, Facebook's sound library, and Soundbible.

Experience it for yourself here.

Havas Mango

Havas Mangoween

Part two of IG AR portal exploration, I concepted and developed a Halloween AR portal (just in time for the spookiest season of the year). Similar to the first, this was created using Spark AR and assets compiled from a mixture of Sketchfab artists, Facebook's sound library, and Soundbible. In this experience, it became a true AR portal experience with a visible door into the outside world visible when doing a 180, along with a touch of face filter effects to promote Havas Mango when sharing on social. You can also both thank and blame me for the Mangoween title, haha.

Experience it for yourself here.

Lorem ipsum dolor

Another needless source of question marks over people’s heads is links and buttons that aren’t obviously clickable. As a user, I should never have to devote a millisecond of thought to whether things are clickable — or not.

Button Text

Sit amet elit

Your objective should always be to eliminate instructions entirely by making everything self-explanatory, or as close to it as possible. When instructions are absolutely necessary, cut them back to a bare minimum.

Button Text

Features

Feature one

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse varius enim in eros elementum tristique.

Feature two

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse varius enim in eros elementum tristique.

Feature three

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse varius enim in eros elementum tristique.

Feature one

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse varius enim in eros elementum tristique.

Feature two

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse varius enim in eros elementum tristique.

Feature three

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse varius enim in eros elementum tristique.

Feature four

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse varius enim in eros elementum tristique.

Feature one

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse varius enim in eros elementum tristique.

Feature two

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse varius enim in eros elementum tristique.

Feature three

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse varius enim in eros elementum tristique.

Feature four

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse varius enim in eros elementum tristique.

Feature five

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse varius enim in eros elementum tristique.

Feature six

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse varius enim in eros elementum tristique.

Feature seven

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse varius enim in eros elementum tristique.

Feature eight

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse varius enim in eros elementum tristique.

Features

Feature one

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse varius enim in eros elementum tristique.

Feature two

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse varius enim in eros elementum tristique.

Feature three

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse varius enim in eros elementum tristique.

Feature One

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse varius enim in eros elementum tristique.

Feature two

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse varius enim in eros elementum tristique.

Feature three

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse varius enim in eros elementum tristique.

Feature four

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse varius enim in eros elementum tristique.

Features

Feature One

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse varius enim in eros elementum tristique.

Feature two

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse varius enim in eros elementum tristique.

Feature three

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse varius enim in eros elementum tristique.

Feature four

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse varius enim in eros elementum tristique.

Feature five

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse varius enim in eros elementum tristique.

Feature six

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse varius enim in eros elementum tristique.

Heading

The spectacle before us was indeed sublime.

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse varius enim in eros elementum tristique.

Heading

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse varius enim in eros elementum tristique.

Heading

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse varius enim in eros elementum tristique.

Features

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse varius enim in eros elementum tristique.

Heading

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse varius enim in eros elementum tristique.

Heading

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse varius enim in eros elementum tristique.

Heading

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse varius enim in eros elementum tristique.

Heading

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse varius enim in eros elementum tristique.

Lorem ipsum dolor sit amet elit

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse varius enim in eros elementum tristique.

Button Text
The Team

Angelica Ortiz, Creative Technologist

MY RESPONSIBILITIES
CONCEPTING
PROTOTYPING
TOOLS USED
SPARK AR
PHOTOSHOP
MY RESPONSIBILITIES

Concepting, Prototyping

TOOLS USED

Spark AR, Photoshop

View other work

Lorem ipsum

Legowerk UX kit

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse varius enim in eros elementum tristique.

Option one

Lorem ipsum dolor sit amet, consectetur adipiscing elit.

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse varius enim in eros elementum tristique.

Option two

Lorem ipsum dolor sit amet, consectetur adipiscing elit.

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse varius enim in eros elementum tristique.

Option three

Lorem ipsum dolor sit amet, consectetur adipiscing elit.

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse varius enim in eros elementum tristique.