DIGITAL
CATALOG

Designer: Faeze Babanejad

Avisa — Interactive Digital Product Catalog

Avisa Digital Catalog is a modern, user‑friendly product catalog designed for architectural faucet collections. The key feature of this project is an interactive color‑switching experience, allowing users to instantly preview each product in different color finishes. The catalog is delivered as a shareable web link and fully cached after the first load, enabling offline access for seamless usage during sales presentations or client meetings. Designed with a strong focus on usability, performance, and visual clarity, the catalog provides an intuitive browsing experience while showcasing products in a clean, modern interface. Highlights: Interactive product color selection Optimized for offline viewing after initial load Modern, minimal, and user‑centered UI Ideal for sales, presentations, and client sharing

کاتالوگ دیجیتال آویسا یک کاتالوگ آنلاین مدرن و کاربرپسند برای معرفی محصولات شیرآلات ساختمانی است. نقطه عطف اصلی این پروژه، قابلیت تغییر رنگ هر محصول است؛ کاربران می‌توانند با انتخاب رنگ دلخواه، محصول را به‌صورت لحظه‌ای در همان رنگ مشاهده کنند. این کاتالوگ به‌صورت لینک اختصاصی در اختیار مشتری قرار می‌گیرد و پس از بارگذاری اولیه، به‌طور کامل در حافظه کش ذخیره شده و امکان مشاهده آفلاین را در اختیار کاربر قرار می‌دهد؛ ویژگی‌ای ایده‌آل برای جلسات فروش و ارائه به مشتریان. طراحی این پروژه با تمرکز کامل بر تجربه کاربری، سادگی، سرعت و ظاهر مدرن انجام شده تا مسیر تعامل با محصولات کاملاً شفاف و لذت‌بخش باشد. ویژگی‌های کلیدی: تغییر رنگ تعاملی برای هر محصول قابلیت مشاهده آفلاین پس از بارگذاری اولیه طراحی مدرن و مینیمال تجربه کاربری روان و مناسب ارائه‌های فروش

Responsive

The catalog was designed following a mobile‑first approach, ensuring optimal usability on smartphones as the primary use case. For desktop screens, the mobile experience was thoughtfully adapted into a dual‑page (spread) layout, allowing products to be viewed side‑by‑side while preserving the core interaction patterns of the mobile version. This approach ensures that the design remains consistent, functional, and visually engaging across all screen sizes, making the mobile‑optimized experience equally effective and elegant on desktop devices.

طراحی این کاتالوگ با رویکرد Mobile‑First انجام شده است و تجربه کاربری ابتدا برای موبایل بهینه‌سازی شده. در نسخه دسکتاپ، همین ساختار موبایلی به‌صورت هوشمندانه به حالت دو صفحه روبه‌روی هم (اسپرد کاتالوگی) تبدیل شده تا امکان مشاهده هم‌زمان محصولات فراهم شود، بدون اینکه منطق و سادگی تجربه کاربری موبایل از بین برود. نتیجه این تصمیم طراحی، تجربه‌ای یکپارچه، کاربردی و چشم‌نواز در تمامی اندازه‌های صفحه است؛ به‌طوری که نسخه موبایل، در دسکتاپ نیز کاملاً کاربردی و زیبا باقی می‌ماند.