What your visitors see

This is the journey end to end, screen by screen. Every step can be switched on or off for each catalogue, so not every Gateway shows all of them.

1. Arriving

The visitor scans a QR code or opens a link and lands directly on the catalogue you have chosen for that campaign, market or audience. A link can also open the try-on straight away, skipping the menu.

The experience can open with a short looping video and an invitation to start — useful for events and launches — or go straight to the menu. The video is optional and is switched on or off per Gateway.

2. The home menu

The menu is the front door: a few clear choices, in your own wording.

Each entry can be shown or hidden per catalogue: a campaign catalogue may show only the story and the try-on, while your permanent brand catalogue shows everything. Entries can also appear only when they are relevant.

3. Discovering the brand

Editorial pages tell the story: sequences of text, images and video, with a product carousel that takes the visitor straight from the story to the frame.

The first editorial page is part of your Gateway. Further pages — an event, a capsule, a sub-collection, like the one on the right — are added as optional pages.

4. Finding the right frame

Instead of dropping the visitor into a long grid, the Gateway asks a few short questions and narrows the collection down for them.

The available steps are frame type, gender, frame shape, occasion of use and face shape. You choose which ones to use and in which order. A step that would not change the result is skipped automatically, so the visitor never answers a pointless question. Anyone in a hurry can tap See all and go straight to the full collection.

5. Browsing the collection

The grid shows the frames that match, each with the number of colour variants available. A search box finds a model by name or code, and Filters narrows the list by product attributes — gender, shape, material and so on.

Both grids above are the same feature with different settings: the layout, and which frames are highlighted, follow your catalogue.

6. Looking at a frame

The product page shows one frame in 3D: the visitor drags to rotate it and see it from every angle. Colour variants are along the bottom, style tags at the top, and technical details open from the Features tab. Where a model has a sun clip, it can be shown clipped on and off.

From here, one tap on Try it on moves to the try-on.

7. Trying the frame on

The camera opens and the frame appears on the visitor's face, following their movements in real time. They can switch colour and size without leaving the try-on, then take a photo with a short countdown. The photo carries your brand watermark and can be saved to the phone or shared through the phone's usual sharing options.

Two things are worth telling your customers and your store staff:

• The browser asks for permission to use the camera. If the visitor declines, the try-on cannot start — but the rest of the Gateway keeps working normally.
• The camera image never leaves the device. The frame is placed on the face by the visitor's own phone or computer, and no video or photo is sent to our servers. Photos stay with the visitor.

8. Finding a store

Where the module is active, the visitor can look for the nearest point of sale on a map, or search by city or store name. Zooming in opens up the clusters into individual stores.

The stores shown are the ones you provide us with. A dedicated store page, with the details of a single point of sale, is available as an optional module.

9. Privacy, always to hand

The small shield button, visible in the corner of every screen, opens the consent panel and your privacy documents. Visitors can review or change their choices at any time. Precise location is only ever requested with the visitor's explicit consent.

10. Ready for the next visitor

If a session is left open and untouched — a phone put down on a counter, a tablet at an event — the experience resets itself and returns to the start, ready for whoever comes next.