Назначение
Отопление, водоснабжение, канализация и промышленные задачи разделены.
Кейс веб-дизайна
Интернет-магазин оборудования Grundfos
Насосное оборудование выбирают по назначению и точным параметрам. Каталог должен обслуживать как специалиста с конкретной моделью, так и покупателя, который начинает с задачи отопления, водоснабжения или канализации.
Три экрана показывают полный коммерческий сценарий: категорийную витрину, подробную техническую карточку и корзину с сервисными условиями.
- Проект
- Магазин оборудования Grundfos
- Формат
- Интернет-магазин
- География
- Владивосток и Россия
- Что сделали
- Каталог, карточка оборудования и корзина
01
Задача
Организовать большой технический ассортимент вокруг задач
Список моделей сам по себе не помогает выбрать насос. Пользователю нужны назначение, мощность, напор, расход, монтажные параметры, совместимые детали и понимание гарантийных условий.
Мы совместили категоризацию по применению с поиском по каталогу, а характеристики и сервисные преимущества разместили непосредственно в точках принятия решения.
02
Подход
Каталог говорит на языке применения и параметров
Точный поиск
Строка поиска остаётся центральным инструментом для известных моделей.
Характеристики
Мощность, напор, расход и монтажные данные находятся рядом с покупкой.
Сервис
Гарантия, доставка, ремонт и консультация сопровождают каждый этап.
Главный экран
Категории начинаются с инженерной задачи
Глубокий синий поддерживает узнаваемый технический характер, а белая товарная зона оставляет максимум места оборудованию и данным. Витрина показывает назначения, хиты и преимущества сервиса.
- КатегорииСемь направлений охватывают бытовые и промышленные сценарии.
- ХитыНаличие, цена, сравнение и корзина доступны непосредственно в карточке.
- ПоддержкаПодбор оборудования вынесен в постоянное преимущество магазина.
04
Система страниц
Сценарий продолжается после главной
05
Интерфейс
Карточка товара рассчитана на проверку параметров
Фото и ракурсы
Галерея показывает модель и конструктивные детали.
Ключевые параметры
Основные значения вынесены над блоком покупки.
Документация
Характеристики, описание и документы разделены вкладками.
Совместимость
Дополнительные и похожие товары встроены в карточку и корзину.
06
Пользовательский путь
От первого интереса до целевого действия
1Выбрать задачуКатегория применения
→2Найти модельПоиск или витрина
→3Проверить параметрыХарактеристики и документы
→4ОформитьКорзина и сервис
07
Результат
Технический ассортимент получил ясную навигацию и контроль выбора
Интерфейс одинаково поддерживает поиск по задаче и по конкретной модели. На пути к покупке пользователь видит не только цену, но и параметры, наличие, гарантию и совместимые позиции.
В кейсе представлены дизайн-макеты. Данные о запуске, продажах, конверсии и других бизнес-показателях не предоставлены, поэтому мы не приписываем проекту неподтверждённые результаты.
Нужен сайт?