Разработка сайта-визитки с каталогом материалов для уборки помещений

Заказчик

ООО «КЛИНРУМБЕЛ» — официальный представитель ООО «Компании Альфа-Лаб» в Республике Беларусь. Занимаются оптовыми продажами юридическим лицам продукции для чистых помещений и лабораторий.

Задача

Создать современный сайт-визитку с каталогом товаров

ПРОТОТИПИРОВАНИЕ

Разработка любого сайта начинается с прототипирования нетипичных страниц будущего сайта, строение и дизайн которых будут отличаться от всех остальных. Дизайнер расположил ключевые блоки и интерактивные элементы на прототипах, опираясь на техническое задание и заполненный бриф. Для сайта CleanRoom были созданы прототипы 7 страниц и 1 модального окна:

• Главная;
• Каталог;
• Страница категории каталога;
• Модальное окно быстрого просмотра товара;
• Контакты;
• Бренды;
• Список товаров бренда;
• Новости.

ДИЗАЙН

После согласования всех деталей прототипа дизайнер приступил к разработке макетов. Дизайн выполнен с использованием градиентов в корпоративных цветах компании. Для главной страницы дополнительно были отрисованы баннеры в слайдер, где были использованы фотоматериалы от заказчика.

На страницах категорий каталога расположены списки товаров, которые можно сортировать, изменять вид отображения товаров, фильтровать по параметрам.

При клике по кнопке "Быстрый просмотр" открывается модальное окно с информацией о товаре.

РАЗРАБОТКА И АДАПТАЦИЯ

После утверждения дизайна сайта наш программист сверстал страницы в соответствии с новыми макетами. На главную страницу были добавлены информацонные блоки с тектом, слайдеры с баннерами, карусели с товарами из новинок и акций, формы обратной связи.

Сайт адаптирован под любые устройства — от больших компьютеров до маленьких смартфонов. Все элементы сайта — фотографии товаров, фильтры, меню и кнопки — автоматически подстраиваются под размер экрана. Это значит, что на телефоне карточки товаров не слипаются, а удобно располагаются друг под другом, а меню и фильтры остаются простыми в использовании. Такой адаптивный дизайн делает процесс выбора максимально комфортным, не вызывая проблем с навигацией или чтением информации.

ИТОГ

Заказчик получил готовый сайт, который мы разместили на его хостинге. Контент-менеджер смог заняться наполнением сайта самостоятельно, изучив специально подготовленный видеоурок. Базовая SEO-оптимизация позволила быстро приступить к продвижению. Мы продолжаем работу с клиентом, оказывая техническую поддержку сайта.

Перейти на сайт