Turning Purina Product Discovery into Play

[data-wf-bgvideo-fallback-img] { display: none; } @media (prefers-reduced-motion: reduce) { [data-wf-bgvideo-fallback-img] { position: absolute; z-index: -100; display: inline-block; height: 100%; width: 100%; object-fit: cover; } }

[data-wf-bgvideo-fallback-img] { display: none; } @media (prefers-reduced-motion: reduce) { [data-wf-bgvideo-fallback-img] { position: absolute; z-index: -100; display: inline-block; height: 100%; width: 100%; object-fit: cover; } }

[data-wf-bgvideo-fallback-img] { display: none; } @media (prefers-reduced-motion: reduce) { [data-wf-bgvideo-fallback-img] { position: absolute; z-index: -100; display: inline-block; height: 100%; width: 100%; object-fit: cover; } }

[data-wf-bgvideo-fallback-img] { display: none; } @media (prefers-reduced-motion: reduce) { [data-wf-bgvideo-fallback-img] { position: absolute; z-index: -100; display: inline-block; height: 100%; width: 100%; object-fit: cover; } }

[data-wf-bgvideo-fallback-img] { display: none; } @media (prefers-reduced-motion: reduce) { [data-wf-bgvideo-fallback-img] { position: absolute; z-index: -100; display: inline-block; height: 100%; width: 100%; object-fit: cover; } }

[data-wf-bgvideo-fallback-img] { display: none; } @media (prefers-reduced-motion: reduce) { [data-wf-bgvideo-fallback-img] { position: absolute; z-index: -100; display: inline-block; height: 100%; width: 100%; object-fit: cover; } }

How might we make product discovery feel fun, intuitive, and personalized using AR?

The process

I led the end-to-end design of an AR scavenger hunt for Purina, turning early research into a polished, playful experience. Through UX strategy, prototyping, and collaboration across 3D and development, we delivered a branded moment that felt seamless from start to finish.

Research

I conducted in-depth research, developing four detailed user personas, analyzing social media trends, and performing a competitive analysis to highlight Purina’s unique strengths.

User Personas

Competitive Analysis

To position Purina’s AR experience effectively, I analyzed key competitors across price, perception, and product quality.

Concept Ideation

This research informed my development of four gameplay options. I quickly mocked up each concept and presented them to the client, who selected the fourth one.

Lo Fi

I created low-fidelity storyboards to define gameplay, interactions, and user flow. I also explored visual styles to shape a clear and cohesive design direction.

Wireframes

Design Direction

2D Design Inspirations

3D Design Inspirations

Hi Fi

With the design direction set, I created high-fidelity UI for each screen, mapping out where 3D elements would appear and how users would interact with them.

Hi Fi Storyb`oard

Finalize 3D

Results

The project was a success from day one—users engaged easily, and the client was thrilled with how smoothly everything came together. That outcome was no accident. Establishing a clear design direction early on made the high-fidelity work seamless and ensured that every detail aligned across teams. It reinforced how thoughtful planning upfront leads to confident execution later.

[data-wf-bgvideo-fallback-img] { display: none; } @media (prefers-reduced-motion: reduce) { [data-wf-bgvideo-fallback-img] { position: absolute; z-index: -100; display: inline-block; height: 100%; width: 100%; object-fit: cover; } }

[data-wf-bgvideo-fallback-img] { display: none; } @media (prefers-reduced-motion: reduce) { [data-wf-bgvideo-fallback-img] { position: absolute; z-index: -100; display: inline-block; height: 100%; width: 100%; object-fit: cover; } }

[data-wf-bgvideo-fallback-img] { display: none; } @media (prefers-reduced-motion: reduce) { [data-wf-bgvideo-fallback-img] { position: absolute; z-index: -100; display: inline-block; height: 100%; width: 100%; object-fit: cover; } }

[data-wf-bgvideo-fallback-img] { display: none; } @media (prefers-reduced-motion: reduce) { [data-wf-bgvideo-fallback-img] { position: absolute; z-index: -100; display: inline-block; height: 100%; width: 100%; object-fit: cover; } }