Задача
Разработать стильный и функциональный интернет-магазин с особой идеей
и атмосферой, которая ненавязчиво показала бы качество и надёжность продукции Metal-Fach как людям, впервые посещающим сайт, так и пользователям, знакомым с компанией.
На сайте часто встречаются элементы, фиксирующиеся во время скролла.
В сочетании с эффектом плавной прокрутки страницы это даёт ощущение идеального скольжения. Именно плавностью
и качеством отличаются котлы Metal-Fach
Город пользователя определяется
на основе геопозиции. В зависимости от него автоматически изменяется точка самовывоза
Главным объектом был выбран котёл в разрезе. Впоследствии он прошёл обработку в фотошопе, встал у стены и получил реалистичную тень
Каталог
Карточка товара
Оплата и доставка
Основной каталог содержит все модели котлов, начиная с самых популярных,
а также позволяет перейти на отдельные страницы четырёх категорий.
Поскольку на сайте представлено всего 19 типов котлов, все карточки товаров были сделаны отдельными страницами полностью на Zero-блоках.
На данной странице потенциальный клиент может ознакомиться с различными вариантами оплаты и доставки товара.
Страница категории представляет из себя отдельный каталог, содержащий котлы только одного выбранного раздела
В каждой карточке товара помимо характеристик имеются также блоки
с преимуществами и конструктивными особенностями конкретного котла
Адрес для самовывоза товара подставляется в текст автоматически
в зависимости от города пользователя
Путь от бесплатной стоковой фотографии
до изображения, подходящего нам по тематике
Контакты
На данной странице помимо контактов
также располагается карта, показывающая точку самовывоза. Вместе с изменением города, изменяется и точка на карте.
На тексте «Проложить маршрут» висит автоматически сгенерированная ссылка
на яндекс карты. Так клиент может построить путь к точке самовывоза в своём городе
Заказчик — официальный дистрибьютор отопительной техники Metal-Fach в России
Анимации
Разработка дизайна и вёрстка интернет-магазина
для топ 1 дистрибьютора в РФ отопительной техники
2023
UX / UI
NextJS
Metal-Fach
Python
Django REST
Made on
Tilda