Interactive Digital Product Catalog

Avisa

A digital catalog for an architectural faucet collection, built to let a color choice become the pitch — not just a spec on a page.
avisa-Interactive Digital Product Catalog
Overview

A catalog built for the room, not the inbox

Avisa is an interactive digital catalog built for an architectural faucet collection, designed to replace a static PDF or printed catalog with something a sales team can actually use in front of a client. The signature feature is instant color-switching — tap a finish and the product updates in place, so a client sees exactly what a faucet looks like in matte black or brushed brass without flipping pages or waiting on a new render.

The catalog ships as a single shareable link and fully caches after the first load, so it keeps working offline — a deliberate choice for sales presentations and client meetings where a stable connection can’t be assumed.

Role: Product Designer

Client / Team: Freelance

Platform: Web · Mobile-first

Format: Shareable link · Offline-ready

Highlights

A catalog built for the room, not the inbox

Avisa is an interactive digital catalog built for an architectural faucet collection, designed to replace a static PDF or printed catalog with something a sales team can actually use in front of a client. The signature feature is instant color-switching — tap a finish and the product updates in place, so a client sees exactly what a faucet looks like in matte black or brushed brass without flipping pages or waiting on a new render.

The catalog ships as a single shareable link and fully caches after the first load, so it keeps working offline — a deliberate choice for sales presentations and client meetings where a stable connection can’t be assumed.

Highlights

What the catalog actually does

● Interactive product color selection — tap a swatch, the product updates instantly.

● Optimized for offline viewing after the initial load, with no connection required afterward.

● A modern, minimal, user-centered interface built around clarity over decoration.

● Built specifically for sales use — presentations, client meetings, and easy link sharing.

01 — The color-switch interaction

Answering "what does it look like in black?" instantly

Each product page carries a full set of finish swatches. Tapping one updates the product image in place — no reload, no separate page — so a salesperson can answer a client’s color question in the same second it’s asked, in both Persian and English product naming for local and international use.
02 — Built to work with no connection

Fully cached after the first load

Since the catalog is meant for use in showrooms and client meetings where wifi isn’t guaranteed, the entire experience caches after it’s opened once — every product, every finish variant, every image. From that point on it behaves like a native app: instant, offline, no spinner between products.
03 — Responsive

Mobile-first, adapted into a desktop spread

The catalog was designed mobile-first, since a phone in hand during a client conversation is the primary real-world use case. For desktop, that same experience was adapted into a dual-page spread — two products shown side-by-side like an open book — while keeping the exact interaction patterns from the mobile version rather than redesigning the experience from scratch. The result stays consistent, functional, and visually engaging across every screen size.

Note: This project has been delivered to the client. The designs shown in the images and videos represent the version I designed and delivered. The live version may have been updated or modified after handover.

View more of my work on the Portfolio page

Like what you see?

Let's talk about your next project.

Whether it’s a full product design, a website rebuild, or turning a static catalog into something interactive — I’d like to hear about it.