Задача

Разработать стильный и функциональный интернет-магазин с особой идеей
и атмосферой, которая ненавязчиво показала бы качество и надёжность продукции Metal-Fach как людям, впервые посещающим сайт, так и пользователям, знакомым с компанией.

На сайте часто встречаются элементы, фиксирующиеся во время скролла.
В сочетании с эффектом плавной прокрутки страницы это даёт ощущение идеального скольжения. Именно плавностью
и качеством отличаются котлы Metal-Fach

Город пользователя определяется
на основе геопозиции. В зависимости от него автоматически изменяется точка самовывоза

Главным объектом был выбран котёл в разрезе. Впоследствии он прошёл обработку в фотошопе, встал у стены и получил реалистичную тень

Каталог

Карточка товара

Оплата и доставка

Основной каталог содержит все модели котлов, начиная с самых популярных,
а также позволяет перейти на отдельные страницы четырёх категорий.

Поскольку на сайте представлено всего 19 типов котлов, все карточки товаров были сделаны отдельными страницами полностью на Zero-блоках.

На данной странице потенциальный клиент может ознакомиться с различными вариантами оплаты и доставки товара.

Страница категории представляет из себя отдельный каталог, содержащий котлы только одного выбранного раздела

В каждой карточке товара помимо характеристик имеются также блоки
с преимуществами и конструктивными особенностями конкретного котла

Адрес для самовывоза товара подставляется в текст автоматически
в зависимости от города пользователя

Путь от бесплатной стоковой фотографии
до изображения, подходящего нам по тематике

Контакты

На данной странице помимо контактов
также располагается карта, показывающая точку самовывоза. Вместе с изменением города, изменяется и точка на карте.

На тексте «Проложить маршрут» висит автоматически сгенерированная ссылка
на яндекс карты. Так клиент может построить путь к точке самовывоза в своём городе

Заказчик — официальный дистрибьютор отопительной техники Metal-Fach в России

Анимации

Разработка дизайна и вёрстка интернет-магазина
для топ 1 дистрибьютора в РФ отопительной техники

2023

UX / UI

NextJS

Metal-Fach

Python

Django REST