03 Accessibility Zappar · 2021–2023

Zapvision

Accessible QR technology for the 2.2 billion people packaging was never designed for.

Zapvision announcing Persil Bio 32 Capsules and its distance, held up to a supermarket shelf
Nobody had designed product packaging to speak to blind users. I led the product that changed that.
Role
Lead Designer
Company
Zappar
Year
2021–2023
Team
Lead Designer · RNIB · Unilever
Platform
Mobile app · iOS & Android
Tags
Accessibility · AR/XR · Inclusive Design · Product Strategy

Context

The World Health Organisation estimates 2.2 billion people have near or distant vision impairment. Of those, 284 million are partially sighted and 39 million are registered blind. For most of them, identifying a product on a supermarket shelf or checking allergens on packaging at home is a daily challenge with no good solution.

I led the design of Zapvision from the first internal pitch through to the shipped product. The case for building it was mine to make before any design work started.

Zapvision is a four-part integrated system: an App, an SDK, a CMS, and the Accessible QR code itself. I designed all four. The brand is also mine, built as part of the Zappar ecosystem. The product was announced at AWE 2022 and launched with Unilever as the first major brand partner.

The Problem

AR experiences and product packaging share the same assumption: the person using them can see. Every design decision in both disciplines treats vision as a given.

The consequences are practical and daily. Two products that feel identical to the touch, like Persil Bio and Non-Bio, can have completely different ingredients. A blind user picking them off a shelf has no way to tell them apart. That's not an edge case. It's a routine problem for tens of millions of people, with no solution anywhere on the market.

This wasn't only a question of inclusion. It was a large, underserved market with real commercial potential. Healthcare, education, and consumer packaged goods were all affected. I made the case for building Zapvision on both grounds: moral responsibility and commercial opportunity. The internal pitch positioned it as a competitive differentiator and a route to market segments Zappar had no other path into. That framing was what got it built.

Research & Discovery

I worked with the RNIB, who formally commissioned an expert assessment of the Zapvision SDK and led consumer research with the blind and partially sighted community. Testing sessions were conducted in environments that simulated real use: rooms set up as shop floors and in-home cupboard settings. Not a lab. Situations that reflected where the product would actually be used.

A blind participant scanning a Persil bottle with Zapvision in an RNIB testing room set up with packaged products
Testing with RNIB: a room set up as a shop shelf, not a lab

I also gathered insights directly from Unilever, RNIB, and the team at Microsoft's Seeing AI, understanding how the product needed to behave to fit into the routines of people who already relied on specific apps for daily independence.

I tested the physics of QR code detection in detail: what happens to camera alignment when there is no visual feedback, and what detection distance would make scanning genuinely usable without sight. A standard 15mm QR code scans at roughly 15cm. That requires precise alignment no blind user can consistently achieve. The detection mechanism needed to work from at least five times that distance to be usable in a real environment. That constraint shaped the entire technical approach.

Key Findings

  • A standard 15mm QR code scans at roughly 15cm. That requires precise alignment a blind user cannot achieve without visual feedback. The detection mechanism needed to work from over a metre away to be genuinely usable in a real shopping environment.
  • Existing accessible solutions were stigmatising or device-dependent. RNIB consumer research confirmed what the co-design sessions had already suggested: the technology had to live inside the apps users already relied on daily, like Seeing AI and Envision, not in a new app they would need to discover and adopt.
  • Audio quality, structure, and spatial placement were as critical as content. Users couldn't evaluate whether information was complete or relevant if it was poorly organised or competed with ambient sound. The information architecture of the audio output was a core design problem.
  • Blind users are not a homogeneous group. Participants ranged from congenitally blind to recently acquired sight loss, with very different relationships to visual concepts and different levels of assistive technology familiarity. The design had to work across that full range.
  • Voice commands were researched as a potential interaction model and consciously excluded from the MVP. Users were already operating their phones through established accessibility routines. Adding a new interaction paradigm would have created friction rather than removing it.
Storyboard of a voice-command flow for Zapvision with filters, proximity cues and spoken prompts
Explored, then cut from the MVP: a voice-command flow

My Thinking

Everything started with detection. We developed the D3 code: a pattern of additional dots and dashes around one corner of a standard QR code. The D3 augments the existing QR without replacing it. When scanned by a standard camera app, the code behaves exactly as before, directing the sighted user to the brand's standard destination. When scanned by a Zapvision-enabled app, it unlocks the accessible experience. One code on the packaging serves everyone. That constraint was non-negotiable. Brands were not going to clutter their packaging with multiple codes.

The same Accessible QR scanned twice: the device camera opens the brand page, the Zapvision-enabled app opens the accessible experience
One code, two behaviours: device camera vs Zapvision-enabled app

Proximity came next. Rather than announcing everything at once, I designed a two-stage audio approach that mirrors how a sighted person shops. At around 1.15 metres, the app announces the product category and its physical distance from the user. At around 60cm, it announces the full product information: ingredients, allergens, usage instructions. That staged disclosure gives users orientation before detail. It respects how people actually navigate a shelf.

Phone pointed at a Comfort Pure XXL pack on a shelf, announcing the product name and 50cm distance
Orientation before detail: product and distance first
A tester walking towards a kitchen counter holding a phone, far from the pack The tester closer to the counter as the app announces the product category The tester reaching the pack as the app announces full product information
Two-stage audio: category at around 1.15m, full detail at around 60cm. Images: Zappar

How do you communicate AR content to people who cannot see it? I rejected an audio overlay on top of a visual experience immediately. It would have made accessibility a secondary track, designed for sighted users and then described to everyone else. Building audio-first forced every design decision through the lens of the actual target user from the beginning.

Product demo: the D3 pattern and the scan-to-audio flow

Distribution was the final call. I chose native mobile over web: the spatial audio and haptic capabilities that made the experience meaningful required native hardware access that web APIs couldn't reliably deliver in 2021. And rather than a standalone Zappar-branded app, I built the Zapvision SDK as a free, royalty-free integration for developers. A proprietary SDK means adoption depends on Zappar's commercial relationships. A free SDK means any accessibility app in the world can add support. The technology spreads faster, reaches more users, and becomes infrastructure rather than a product feature. It is now integrated into Microsoft's Seeing AI, Be My Eyes and the Envision App, which has over 250,000 users.

Two phones showing the Be My Eyes and Microsoft Seeing AI apps, both of which read Accessible QR codes
Distribution through apps people already trust: Be My Eyes and Microsoft Seeing AI. Image: Zappar

My Role & The Team

I led the brand identity within the Zappar ecosystem, conducted user testing with the RNIB, and designed the Zapvision app and CMS for brand partners. The CMS was a significant body of work in its own right. Designed in close collaboration with Unilever, it gave merchants the tools to input and manage product information at scale: seamless product input, layered information architecture supporting everything from ingredients to usage instructions, editable duplicates for SKU management, categorisation using EAN and GTIN standards, multilingual support with auto-translation review, and pronunciation logic for terms that are written as abbreviations but need to be read as full words. TNA, for example, should be announced as Tree Nut Allergy, not as three letters. Every one of those decisions was about making the audio output genuinely useful, not just technically functional.

Zapvision CMS product editor for Persil Biological Liquid Detergent with structured attributes, live product preview, versions and multilingual support
The Zapvision CMS I designed: structured product data, live preview, versions and languages. Image: Zappar
Generating an Accessible QR code with a destination URL and a print size of 15mm, exported as SVG or PDF Accessible QR placed on the front of a Zap and Clean detergent bottle Reordering product attributes such as weight, contents and warnings by drag and drop in the CMS
The brand flow: generate and size the code, place it on pack, structure the product information. Images: Zappar
Joe helped us totally reinvent our approach to design across the business and our suite of products. Joe helped build and mentor a team that not only increased the coherence and quality of our output but also increased our cadence of updates, responding to and learning from user feedback in lockstep with our engineering, CX team, marketing and other key stakeholders.
Caspar Thykier
Caspar Thykier Co-Founder & CEO · Zappar

The Outcome

Accessible QR codes are now on over 5 billion product items globally. Unilever launched first, with Persil capsules and Ultimate Liquids in the UK, before rolling across other brands. Bayer followed with the first accessible QR code in healthcare. The technology opened healthcare, education, and consumer packaged goods as markets Zappar had no previous route into.

Mar 2023
Persil Capsules · Unilever · UK
Jul 2023
Colman’s · Unilever · UK
Oct 2023
Knorr · Unilever · UK
Oct 2023
Canescool · Bayer · UK
Nov 2023
Berocca · Bayer · UK
Dec 2023
Dove · Unilever · Canada
Aug 2024
Comfort · Unilever · Vietnam
Sep 2024
KitKat · Nestlé · UK
Sep 2024
Ketel One · Diageo · US & Canada

Rollout dates from Zappar’s product library. Accessible QR is now on 5bn+ items across 26 markets, is GS1 approved, and aligns with GS1’s Sunrise 2027 move to 2D barcodes.

Audio-described walkthrough with Persil, as a blind user experiences it
Persil 3-in-1 Bio capsules pack with an Accessible QR code Bayer Canescool pack with an Accessible QR code Berocca pack with an Accessible QR code
In market: Unilever and Bayer packs carrying Accessible QR. Images: Zappar

Zapvision has grown into its own product line within the Zappar ecosystem, with its own brand identity, mission, and partner network. The work was recognised with seven industry awards: Pentawards (Inclusive and Accessible Design), the Gaadys (Driving Inclusive Packaging), the AWE Auggie Awards 2023 (Biggest Societal Impact), the UK Packaging Awards 2023 (Consumer Convenience), the UK Business Tech Awards 2023 (Transformation Through Technology), and Best of Show and Best in Class for Universal Design at the PAC Global Awards 2025.

  • Pentawards: Inclusive and Accessible Design
  • Gaadys: Driving Inclusive Packaging
  • AWE Auggie Awards 2023 winner: Biggest Societal Impact
  • UK Packaging Awards 2023: Consumer Convenience
  • UK Business Tech Awards 2023 winner: Transformation Through Technology
  • PAC Global Awards 2025: Best of Show, Universal Design
  • PAC Global Awards 2025: Best in Class, Universal Design
Zapvision app listing with App Store and Google Play badges
Shipped on iOS and Android

The bigger internal shift was less expected. The research and design principles from Zapvision became the accessibility baseline across the entire Zappar product suite. That wasn't planned. It happened because the work was good enough that the team wanted to carry it forward.

On Zapvision
We’re really proud to be launching these new enhanced QR codes on Persil packs, before its shared across other Unilever brands later this year. For us, this is bigger than Unilever, we see this as a first step in helping make packaging more accessible for everyone.
Nadine Slyper
Nadine Slyper Marketing Director · Unilever
On Zapvision
The inclusion of the enhanced QR codes on our Berocca Gummies aims to empower more people to find it easier to self-care – a vital societal sustainability pillar of ours.
Mike Knowland
Mike Knowland GM, Northern Europe & UKI · Bayer

What's Next

The technology is being extended into complex indoor navigation in partnership with Auki Labs and their PoseMesh spatial mapping protocol, with pilot work underway in offices, retail environments, transit hubs, and public buildings. The design principles from Zapvision are now the accessibility standard for every new Zappar product.

Phone guiding a shopper through supermarket aisles towards the self-checkout area
Next: indoor navigation built on the same codes. Image: Zappar