Задача:
К нам обратился заказчик с задачей — разработать интернет-магазин металлических стеллажей. Цель проекта была ясна: не просто создать сайт-витрину, а разработать удобный и быстрый инструмент для подбора продукции, с ориентацией на органический трафик и B2B-сегмент.
Перед тем как приступить к дизайну, мы провели прототипирование на основе анализа рынка и конкурентов. Изучили структуру, фильтрацию и логику карточек товара у ключевых игроков в нише. Это помогло сформировать минимально достаточную структуру сайта и избежать перегрузки функционалом.
В качестве основы для визуального стиля был выбран синий цвет — как основной, ассоциирующийся с надёжностью и индустриальной тематикой. В качестве акцентов — жёлтый, чтобы выделять важные элементы и добавить динамики интерфейсу.
Дизайн был разработан в Figma:
- Главная страница
- Каталог с фильтрацией
- Карточка товара
- Форма расчёта стоимости
- Контактные страницы и структура для SEO
Как мы все реализовали
После согласования дизайна мы перенесли проект.
Ключевым функциональным решением стала фильтрация стеллажей по размерам с использованием HTML, CSS и JavaScript — без лишних перегрузок. Это позволило:
- Отфильтровывать товары по ширине, глубине, высоте и нагрузке
- Получить быстрый отклик без перезагрузки страницы
- Упростить выбор для клиента прямо в каталоге
Также была реализована форма расчёта стоимости нестандартных стеллажей.
