Кейс 1. UI/UX: поиск по артикулу, умный фильтр и one‑page checkout

О проекте:

Разработка интернет-магазина автозапчастей для DEIZ — премиального автосервиса и тюнинг-ателье в Дубае. Включает UX/UI-проектирование (анализ сценариев, поиск по артикулу, кастомный фильтр по марке/модели/году, one‑page checkout, адаптация под локальные привычки ОАЭ) и IT-разработку на 1С‑Битрикс (инфоблоки, кастомная фильтрация без перезагрузки, интеграция с PayTabs/Telr, гибридное кэширование, CI/CD).

Результат:

Проанализировали сценарии пользователей (владельцы премиальных авто и механики СТО в Дубае). Главные потребности — скорость поиска по артикулу и точная совместимость. Спроектировали структуру каталога: марки → модели → категории запчастей. В шапке — выделенное поле поиска с автодополнением: пользователь вводит номер детали, система показывает результат мгновенно. Кастомный фильтр позволяет выбрать марку, модель, год и двигатель — фильтрация без перезагрузки страницы (AJAX) с логикой последовательного уточнения. Микроанимации при добавлении в корзину (всплывающее уведомление, плавное обновление счётчика) снижают тревожность. Корзина и оформление объединены на одной странице (one‑page checkout) с минимальным числом полей. Форма заказа адаптирована под локальные привычки: цены в дирхамах (AED), телефонный код +971, поля адреса для эмиратов (район, улица, вилла/офис). Корзина и one‑page checkout позволяют менять количество товаров, видеть итоговую сумму и выбирать способ оплаты без перезагрузок. Интегрированы логотипы и обработка локальных платёжных систем (PayTabs, Telr). Адаптивная вёрстка под мобильные устройства — значительная часть трафика идёт с телефонов «из гаража». Микроанимации подтверждают действия, что особенно важно для пользователей, привыкших к быстрым тактильным реакциям.