Halo Elevate

HALO-ELEVATE AR APP

Halo Elevate is the super-premium dog food launched in 2021 by Halo. Halo’s audience is millennial “pet moms”, and I designed a web-based AR experience for them at Blippar. It launches from a QR code on packaging, in-store displays or social posts and opens straight in the phone browser, with no app to download. A life-size animated dog appears in the user’s own space and walks them through what makes Elevate different.

I was responsible for the UI, UX and overall app design, from the user flow and wireframes to the final interactive prototype. That covered AR placement, the main menu and every content section. The brief was to build nutritional confidence and trust, and to drive trial. The client asked for four equal paths that stay simple to move between.

Services
Ui, Ux, Concept Design
Agency
BlippAR
Client
Halo Pet Food

INTERACTIVE PROTOTYPE

Click anywhere inside the image above to initialise the UX prototype. Click to progress through each screen.

UX WIREFRAMES

ONE PLATFORM, ONE DOG, FOUR DOORS IN – A SIMPLE HUB THAT PUTS NUTRITION, TRANSPARENCY AND TRIAL WITHIN A TAP.

The experience starts with a tap to place a platform in the room. It becomes the hub that everything is anchored to, so the layout works in a small flat or a big garden, indoors or out. The hero dog appears at 1:1 scale, and four menu buttons form around the platform: Halo Intro, The Halo Elevate Difference, Play to Win and Ask Us. Users can take them in any order, and a back button always returns to the menu. The Elevate Difference opens Nutrition, Transparency and Product Comparison, where animated key messages and a warm voiceover bring the brand’s five nutritional pillars to life (610 million live probiotics, 90% animal protein, joint, skin and coat, heart and immunity support). In Play to Win, the dog digs up a coupon, and the offer can be tied to the retailer whose QR code was scanned. Ask Us puts a life-size Halo advisor on the platform to answer new pet parents’ common questions.

Halo Elevate wireframe – Permissions
Permissions
Halo Elevate wireframe – Loader
Loader
Halo Elevate wireframe – AR placement
AR placement
Halo Elevate wireframe – Main menu
Main menu
Halo Elevate wireframe – Introducing Elevate
Introducing Elevate
Halo Elevate wireframe – Nutrition
Nutrition
Halo Elevate wireframe – Transparency
Transparency
Halo Elevate wireframe – Compare brands
Compare brands
Halo Elevate wireframe – Brand selector
Brand selector
Halo Elevate wireframe – Play to win
Play to win
Halo Elevate wireframe – FAQ
FAQ
Halo Elevate wireframe – FAQ answer
FAQ answer

APP IN ACTION

Screen recording of the WebAR experience running live in Safari on an iPhone. Press play to watch.

SOCIALS AND VOUCHER CARDS

Leave a Reply