Производитель строительных материалов «Tecos»

2021 | КОРП. САЙТ
Интерактивный прототип промо-сайта
7

Страниц, реализованых в прототипе
1920px

Ширина экрана для PC, под которую сделан прототип
2

Недели на создание прототипа

Производитель строительных материалов «Tecos»

2021 | КОРП. САЙТ
Интерактивный прототип промо-сайта

7

Страниц, реализованных в прототипе

1920px

Ширина экрана для PC, под которую сделан прототип

2

Недели на создание прототипа

Успешно отработали с одним из самых популярных производителей строительных материалов - компанией Tecos. Основное производство — это сайдинг. Наверняка, каждый из вас слышал или даже пользовался их продукцией.

Нашей задачей была сделать не просто корпоративный сайт, а сайт с закосом на "промо": яркий, броский, современный (в правильном понимании этого слово).
Впервые использовали плавную смену фонового цвета и цвета заголовков. Всё для промо :)
А это значит, что на сайте не должно быть классической приевшейся всем структуры, навигации да и обычного оформления блоков.

При создании прототипа мы брали вдохновение в зарубежных проектах, искали такие, в которых был параллакс, крупные заголовки / блоки и анимации.

Получилось очень технологично:
  • начиная с первого экрана мы применяем анимацию для слогана компании, разбавляя её сменой фоновой заливки при скролле;
  • в некоторых блоках при наведении выводим видео (гифки) для создания динамики;
  • минимизировали шапку, оставив там только лого (которое кстати также ужимается до пиктограммы при скролле) и сендвич-меню;
  • делаем крупные (почти полноэкранные) блоки, чтобы не смешивать повествовательные зоны друг с другом;
  • на страницах каталога применяем параллакс-скроллинг, в том числе фиксацию блоков при скролле;
  • как и всегда - реализовали симуляцию работы фильтров в портфолио, каталогах и разделе с дистрибьюторами.
Кстати, мы при создании концепции также предложили заказчику идею строчных букв вместо заглавных для всех заголовков сайта. Эта фишка связана напрямую с логотипом бренда - его написание сделано строчными буквами.
Применили закрепления фоновых картинок при скролле
Сайт на момент февраля 2022 ещё находится в разработке, но дизайн, которые делается на основе прототипа получается очень крутой.

Мы уверены, что разработанный прототип заложил отличный фундамент не только для разработки сайта, но и для развития бренда компании в целом.
Успешно отработали с одним из самых популярных производителей строительных материалов - компанией Tecos. Основное производство — это сайдинг. Наверняка, каждый из вас слышал или даже пользовался их продукцией.

Нашей задачей была сделать не просто корпоративный сайт, а сайт с закосом на "промо": яркий, броский, современный (в правильном понимании этого слово).
Впервые использовали плавную смену фонового цвета и цвета заголовков. Всё для промо :)
А это значит, что на сайте не должно быть классической приевшейся всем структуры, навигации да и обычного оформления блоков.

При создании прототипа мы брали вдохновение в зарубежных проектах, искали такие, в которых был параллакс, крупные заголовки / блоки и анимации.

Получилось очень технологично:
  • начиная с первого экрана мы применяем анимацию для слогана компании, разбавляя её сменой фоновой заливки при скролле;
  • в некоторых блоках при наведении выводим видео (гифки) для создания динамики;
  • минимизировали шапку, оставив там только лого (которое кстати также ужимается до пиктограммы при скролле) и сендвич-меню;
  • делаем крупные (почти полноэкранные) блоки, чтобы не смешивать повествовательные зоны друг с другом;
  • на страницах каталога применяем параллакс-скроллинг, в том числе фиксацию блоков при скролле;
  • как и всегда - реализовали симуляцию работы фильтров в портфолио, каталогах и разделе с дистрибьюторами.
Кстати, мы при создании концепции также предложили заказчику идею строчных букв вместо заглавных для всех заголовков сайта. Эта фишка связана напрямую с логотипом бренда - его написание сделано строчными буквами.
Применили закрепления фоновых картинок при скролле
Сайт на момент февраля 2022 ещё находится в разработке, но дизайн, которые делается на основе прототипа получается очень крутой.

Мы уверены, что разработанный прототип заложил отличный фундамент не только для разработки сайта, но и для развития бренда компании в целом.
Дизайн на основе прототипа
Сравнение страниц созданного нами прототипа и макетов дизайна, которые разрабатывались на его основе.
Подвигайте ползунок туда-сюда
Дизайн на основе прототипа
Сравнение страниц созданного нами прототипа и макетов дизайна, которые разрабатывались на его основе.
Подвигайте ползунок туда-сюда
Есть идея и требования к проекту?
Заполните бриф — так нам станет понятнее, что у вас за проект или идея
Есть идея и требования к проекту?
Заполните бриф — так нам станет понятнее, что у вас за проект или идея
Давайте общаться — пишите или звоните.
Мы всегда на связи во всех мессенджерах:
WhatsApp, Telegram, Viber
DM Project
Проектируем простые и сложные интерфейсы
Давайте общаться — пишите или звоните.
Мы всегда на связи во всех мессенджерах:
WhatsApp, Telegram, Viber
DM Project
Проектируем простые и сложные интерфейсы

© DM Project — Интерактивные прототипы в Axure.
Работаем в Санкт-Петербурге, Москве и Твери. Проектируем с 2017.

Нет войне! ​☮️​

© DM Project — Интерактивные прототипы в Axure.
Работаем в Санкт-Петербурге, Москве и Твери. Проектируем с 2017.

Нет войне! ​☮️​