Проект для клиента
ASAR Building Systems
Новый бренд строительных смесей без истории на рынке. Нужно было сделать сайт, который одинаково понятен профессионалу, знающему марку материала, и человеку, который просто хочет «выровнять стену».
- Клиент
- ASAR Building Systems, Казахстан
- Отрасль
- Строительные материалы, B2B
- Формат
- Проект для клиента
- Работы
- Исследование рынка, Информационная архитектура, Логика каталога и фильтров, UI-система, Адаптив
01 — Контекст
О проекте
Компания запускала собственный бренд строительных смесей и создавала цифровую платформу с нуля. Опереться на отзывы и узнаваемость было нельзя — доверие приходилось строить на фактах: документации и реализованных объектах.
Сайт работает на двух языках (казахском и русском), часть сделок идёт через заявку и договор, а не через корзину. Ассортимент разнородный: у разных категорий смесей разные критерии выбора.
Задача
- 01Быстро объяснить, чем занимается компания.
- 02Помочь подобрать материал под конкретную задачу и разобраться в характеристиках.
- 03Дать доступ к технической документации и сертификатам.
- 04Показать, где купить, и сократить путь до обращения.
02 — Решение
Что мы сделали
- 01
Один каталог — несколько входов
Пользователь может начать с задачи («Что вы делаете?»), с категории продукта, с объекта применения или с поиска по названию и артикулу. Все пути ведут к одним и тем же карточкам товаров.
- 02
Двухуровневая фильтрация
Фильтры по задаче (поверхность, помещение, вид работ) для новичков и по характеристикам (расход, время высыхания, морозостойкость) для профессионалов. Оба уровня работают с одними данными о товаре.
- 03
Поиск, который понимает разговорный язык
Поиск по названию и артикулу с учётом опечаток, по синонимам («клей для газоблоков») и по характеристикам, с подсказками категорий.
- 04
Документация в карточке товара
Технические листы, сертификаты и инструкции доступны там, где принимается решение, — без отдельного «склада файлов».
- 05
Доверие через факты
Раздел реализованных проектов связан с карточками материалов, а для дилеров предусмотрен отдельный вход с условиями сотрудничества.
- 06
Масштабируемая UI-система
Компоненты, состояния, фильтры, карточки и переменные собраны в единую систему, адаптированную под desktop, планшеты и мобильные.
03 — Визуальные решения
Экраны и материалы
04 — Процесс
Как шла работа
- 01Исследование рынка и анализ сайтов конкурентов
- 02Сегментация: прораб, снабженец, дилер, частный покупатель
- 03Jobs To Be Done и проверка гипотез
- 04Информационная архитектура и логика каталога
- 05Сравнение платформ и техническая рекомендация
- 06Визуальная система, адаптивные версии, передача в разработку
Сравнение платформ 
Анализ конкурентов 
Пользовательские сценарии 
Сегменты и задачи 
Схема «один каталог — несколько входов» 
Компоненты фильтров 
UI-кит 
Типографика и цвета
05 — Итог
Результат
- Клиент согласовал предложенную логику каталога и систему фильтрации.
- Сформирована единая структура категорий и карточек, которую можно масштабировать на весь ассортимент без пересборки архитектуры.
- Подготовлена UI-система и адаптивные макеты для desktop, tablet и mobile.
«Нам действительно очень понравился дизайн — всё выглядит современно, понятно и профессионально. Видно, что вы хорошо продумали структуру и логику страницы.»
Компетенции в проекте
- UX-исследование
- Информационная архитектура
- UX/UI-дизайн
- Дизайн-система
- Техническая консультация по платформе
Похожая задача? Посмотрите услуги
Следующий проект
KORU STUDIO
Дизайн интерьера и ремонт
Следующий шаг
Нужен похожий проект?
Расскажите о задаче — предложим подход, этапы и оценку сроков и стоимости.