Новый сайт · производитель
POLYDUBERСайт, который держит шов на морозе
POLYDUBER сам производит в Зеленограде ремонтные материалы для бетона, дорог и аэродромов и продаёт их по всей России и в СНГ. Команда студии разработала новый сайт производителя: он рассказывает о заводе, документах и поставках так же надёжно, как материал держит шов при −60 °C.
- 47
- страниц в новом оформлении — весь сайт, а не только главная
- 14
- посадочных страниц под задачи, заказчиков и города
- 7
- настоящих документов: сертификаты ГОСТ Р, патент, паспорт
- −60°
- испытание морозом на первом экране — его можно провести самому
Задача
Сайт производителя,
которому доверяют
Заказчик поставил задачу так: сайт производителя должен вызывать доверие и ощущение качественного продукта. Сделать акцент на производстве, сертификатах и продажах в разных городах России, показать, что материалы выдерживают мороз и холод и с ними удобно работать. Обязательно — с вау-эффектом и анимацией.
- 01Доверие производителюСобственное производство и лаборатория в Зеленограде, патент, сертификаты ГОСТ Р — не в подвале страницы, а на первом экране и в отдельных блоках.
- 02Продажи по всей странеМосква, Санкт-Петербург, дилеры в Тольятти и Караганде, объекты от МКАД до Нижне-Бурейской ГЭС — показать географию так, чтобы её было видно сразу.
- 03Материал держит морозГлавный довод — качество: составы выдерживают мороз и перепады, не боятся воды и реагентов, удобны в работе. Это нужно не написать, а показать.
Фирменный язык
Из двух точек
логотипа
В логотипе POLYDUBER — коралловые и синие точки, соединённые перемычкой. Из них вырос язык сайта: градиент «коралл → синий» отмечает главное — заполненный шов, подчёркивание меню, полосу прочитанного, кнопки при наведении. Ледяной голубой — цвет мороза и испытаний. Заголовки — широкий Unbounded, он держит строку, как плита, текст — спокойный Manrope.
Первый экран
Испытание морозом —
сами
На главной сайта посетитель видит, как в бетонной плите проступает трещина, материал заполняет шов, а затем температура уходит до −60 °C и поднимается до +120 °C. Иней ложится на плиту, на жаре летят искры — а шов остаётся монолитом. Ползунок можно потянуть самому, и вместе с ним меняется погода по всему первому экрану. Попробуйте здесь — это тот же механизм.
- Режим
- норма
- Сцепление с бетоном
- от 20 МПа
- Состояние шва
- монолит
Диапазон −60…+120 °C и сцепление от 20 МПа — данные ремонтного материала УРМ-2П с сайта производителя.
Главная
Завод, документы
и честные доводы
После испытания главная рассказывает о производителе по порядку: свой завод и лаборатория, почему материалам доверяют, три продукта, документы, география, объекты и заявка. Выберите момент — покажем, как он выглядит на сайте.
География
Продажи по стране —
одной картой
Чтобы «продаём в разных городах» не осталось словами, на главной нарисована точечная карта России: из Зеленограда, где завод, дуги расходятся к Санкт-Петербургу, дилерам в Тольятти и Караганде и к Нижне-Бурейской ГЭС, где ремонтировали водосброс. Наведите на город в списке — его маршрут подсветится.
- Зеленоградпроизводство и отгрузка
- Санкт-Петербургпоставки
- Тольяттиэксклюзивный дилер
- Карагандаэксклюзивный дилер
- Нижне-Бурейская ГЭСобъект
Не только главная
У каждого типа страницы —
своё оформление
Посадочные и страницы материалов получили тёмные обложки и карточки, инструкции — колонку текста с документами, статьи — содержание, контакты и обратная связь — свои шаблоны. Тексты страниц остались прежними: их не переписывали, а показали по-новому.
Страницы
Весь сайт —
одним швом
Двенадцать страниц из сорока семи: от главной до статьи блога. Наведите на окно — страница прокрутится, нажмите — откроется на сайте.
ГлавнаяИспытание морозом, производство, свойства, продукция, сертификаты, карта поставок, объекты.
О производствеСвоя лаборатория в Зеленограде, проекты и решения.
КаталогТри материала, сравнение и подбор по задаче.
УРМ-2ПСтраница материала: свойства, применение, документы.
Ремонт бетонаОдна из 14 посадочных страниц под задачи и заказчиков.
Поставка по РоссииПосадочная страница о поставках в регионы.
ПрименениеВосемь материалов: видео, инструкции, презентации, объекты.
Инструкция УРМ-2ПТекст, документы для скачивания и соседние материалы.
СертификатыСемь документов с просмотром в галерее.
ДилерыУсловия сотрудничества и официальные дилеры.
БлогТринадцать статей о технологии ремонта — сеткой карточек.
СтатьяОбложка, содержание и «Читайте также».
На телефоне
На объекте —
с телефона
Сайт производителя часто открывают с телефона — на объекте или в дороге. На телефоне испытание морозом встаёт под заголовок, меню выезжает справа, боковая панель инструкций опускается под текст, а сертификаты идут по два в ряд.
Как шла работа
Восемь этапов —
одна команда
Над сайтом работала команда студии: разбор, бриф, концепция, главная, шаблоны страниц и приёмка с проверкой каждой страницы на компьютере и телефоне. Новый сайт включили на работающем адресе — формы, тексты и адреса страниц остались прежними.
- 01РазборСняли все страницы сайта, сохранили копии текстов разделов и выгрузили документы, фото и статьи — чтобы при переходе ничего не потерять.
- 02БрифЗафиксировали главное: сайт производителя должен вызывать доверие. Акцент — производство, сертификаты, продажи в разных городах, мороз и удобство работы.
- 03КонцепцияСайт ведёт себя как материал: держит шов, не трескается на морозе. Цвета — из двух точек логотипа, коралловой и синей.
- 04ГлавнаяИспытание морозом на первом экране, производство, свойства, продукция, веер сертификатов, карта поставок, объекты.
- 05Шапка, подвал, окнаСвоя шапка с подгонкой под ширину, мобильное меню, подвал с контактами, окно заявки, формы и плашка cookie.
- 06Шаблоны страницПосадочные, инструкции, сертификаты, дилеры, статьи, контакты и обратная связь — каждый тип страницы получил своё оформление.
- 07Тексты и порядокУбрали фразы, обращённые к разработчику, поправили названия, проверили каждое утверждение по материалам заказчика.
- 08Приёмка и доводкаПрошли все 47 страниц карты сайта на компьютере и телефоне и довели по замечаниям.
Довели на приёмке
- Шапка помещается при любой ширине окна — после замечания на приёмке
- Страница «Обратная связь» снова открывается: у неё не было своего шаблона
- Пустой служебный слайд с отдельной страницей убран из карты сайта
- У «Контактов» появился заголовок страницы
- Фото производства держится рядом с шагами при прокрутке
- Повтор иллюстрации и вводного абзаца в статьях скрыт
- Таблицы в статьях и на посадочных не раздвигают экран телефона
- «Урм» в названиях стал «УРМ-2П»
Работает как раньше
- Тексты страниц
- Формы заявок
- Адреса страниц
- Каталог материалов
- Документы и сертификаты
- Статьи блога
Итог
Шов держит.
Сайт тоже.
Главная с испытанием морозом, производство, документы и карта поставок, 14 посадочных, страницы материалов, «Применение», сертификаты, дилеры, блог, контакты — сорок семь страниц одним языком. Сайт говорит о производителе так, как говорит его материал: надёжно, при любой температуре.