Сайт завода «Кальматрон-Н» в Новосибирске
Региональный сайт завода гидроизоляционных материалов. Тот же бренд и смысл, что у главного сайта, но с собственным характером: чёрно-белые фотографии, которые оживают цветом при наведении.
Один бренд и два характера: узнаваемый смысл и логотип главного сайта, но другой ритм блоков и фотографии, которые становятся цветными только при наведении.
О клиенте
Компания «Кальматрон-Н» — производитель гидроизоляционных материалов для строительных объектов промышленного и гражданского назначения. Завод в Новосибирске выпускает смеси для защиты бетона и железобетона, каждая партия проверяется лабораторией на соответствие ГОСТ, ТУ и СанПиН.
Задача
Сделать сайт, похожий на основной kalmatron.ru: тот же смысл, тот же логотип и структура каталога. Но не копию один в один: у регионального сайта завода должен быть собственный облик.
Решение
Взяли за основу главный сайт и сразу нарисовали собственный макет: чёрно-белые фотографии с цветом при наведении, другой ритм блоков и свои акценты. Затем разработали сайт на 1С-Битрикс.
Похожи по смыслу, но не копии
Слева главный сайт kalmatron.ru, справа региональный кальматрон.рф. Потяните ползунок, чтобы сравнить первые экраны.
- Тот же логотип и тон бренда
- Та же логика каталога и разделов
- Другой ритм блоков и свой характер фотографий
kalmatron.ruкальматрон.рф
Чёрно-белое, которое оживает при наведении
Фотографии и карточки в макете спокойные и графичные. Цвет появляется там, где пользователь проявил интерес, так внимание идёт за курсором. Точки показывают, где это видно в макете.
Одиннадцать категорий — крупными карточками
Плитки разной высоты создают ритм, отличный от главного сайта: основные категории заметнее, остальные компактнее. Скролльте страницу, окно справа прокручивается вместе с вами.
Продукт крупно, детали рядом
Упаковка на большом нейтральном фоне, объём, расход и артикул под рукой, а ниже преимущества, характеристики и документы.
- Галерея с переключением фото упаковки
- Выбор объёма: 5 и 25 кг
- «Запросить цену» и «Найти дилера в своём городе»
Отдельный макет для телефона
Мобильную версию тоже рисовали отдельно: главная, каталог и карточка продукта собраны под узкий экран, а не просто ужаты.
Общее и своё
Общая основа с главным сайтом
То, что делает оба сайта одним брендом, сохранили. Региональный сайт узнаётся с первого взгляда.
- Логотип и фирменные цвета
- Смысл и тон главной страницы
- Структура каталога и разделов
- Сферы применения и объекты
Своё лицо
Чёрно-белые фотографии вместо яркой подачи и цвет при наведении. На телефоне то же самое по касанию.
Наведите или коснитесь
Гражданское строительствоРазработка на 1С-Битрикс
Новосибирск
Собственные контакты завода и режим работы по местному времени.
- г. Новосибирск, ул. Сибиряков-Гвардейцев, 51/6
- пн–пт, 08:00–17:00 НСК
- 8 (800) 600-71-82
От главного сайта к собственному
Прототипы не делали: взяли за основу главный сайт и сразу рисовали макет. Так проект получился быстрее и экономнее.
- 1
Основа
Бренд, смысл и структура главного сайта
- 2
Макет
Собственный дизайн сразу, без прототипа
- 3
Разработка
1С-Битрикс, адаптивная вёрстка
- 4
Запуск
Региональный сайт завода в Новосибирске
Нужен такой же проект?
Оставьте заявку — менеджеры свяжутся с вами в ближайшее время и обсудят задачу.
