Пожалуйста, откройте сайт на компьютере
элемент
Презентация концепта. На данном экране представлена философия логотипа и концепции
WEBSITE 2019
CONCEPT
Строение логотипа, позволяет грамотно заполнять пространство, гармонируя с другими объектами.
АЙДЕНТИКА
Для создания логотипа была построена сетка, отталкиваясь от размеров и форм букв
ЛОГОТИП
Главная страница
Концепция
Решения
Проекты
Новости
Контакты
РАЗДЕЛЫ
Каждый элемент стилистики создан
из частиц графических линий и цифр, что передает
суть программного обеспечения. Все построено
на системе поверхностей. Важные объекты находятся
выше остальных, это видно благодаря теням, которые
создают этот объем.

ПРОМО ЭКРАН
КОНЦЕПЦИЯ
Из-за разной вложенности, был выбран оптимальный вариант разделить страницу на условные три колонки, чтобы была возможность показать сразу всю структуру для каждого решения.
РЕШЕНИЯ
На главной, в слайдере представлены все проекты, с удобной навигацией и возможностью перейти сразу на нужный проект
ПРОЕКТЫ
Новости с горизонтальной прокруткой, что позволяет задавать бесконечное количество позиций, не увеличивая общую длину прокрутки
НОВОСТИ
ПРИМЕР СКРОЛЛА
Внизу, полоса с процентами заполняется по мере прокрутки
КОНТАКТЫ
Экран контактов с формой связи и возможностью выхода на интерактивную карту
КАК ЭТО РАБОТАЕТ ВСЕ ВМЕСТЕ
Страница решения
Промо экран
Функции
Как это работает
C чего начать
Протокол беспроводной связи Z-Wave
РАЗДЕЛЫ
УМНЫЙ ДОМ
ПЕРЕХОД С ГЛАВНОЙ НА УМНЫЙ ДОМ
Бесшовный переход между двумя страницами
ФУНКЦИИ
Принцип работы этого блока — реакция на скрол, смена анимации происходит при смене контента
ВАШ ДОМ БУДУЩЕГО
Главной задачей, на первом экране, было показать как взаимодействуют между собой устройства, также сохранить удобную навигацию по всем решениям
ДЕМОНСТРАЦИЯ РАБОТЫ
КАК ЭТО РАБОТАЕТ
Представлены продукты в удобной сетке с возможностью просмотра подробностей о каждом из них
КОНТРОЛЛЕР
ДАТЧИКИ
МОБИЛЬНОЕ ПРИЛОЖЕНИЕ
ПРИМЕР РАБОТЫ
ДЕТАЛЬНАЯ ИНФОРМАЦИЯ
С ЧЕГО НАЧАТЬ
Поэтапно поданы пункты, как ведется проект
ПРОТОКОЛ БЕСПРОВОДНОЙ СВЯЗИ Z-WAVE
Циркулирующие иконки, при наведении на них, открывается подсказка, что она означает
При перетаскивании слайдера, заполняется полоса загрузки, на определенном пункте идет смена контента
ФОРМА СВЯЗИ
КАК ЭТО РАБОТАЕТ ВСЕ ВМЕСТЕ
Страница проекта
Промо экран
Сроки реализации
Описание
Функции
Результаты
РАЗДЕЛЫ
УПРАВЛЕНИЕ ЭНЕРГОБЛОКАМИ АТОМНОЙ ЭЛЕКТРОСТАНЦИИ
ПЕРЕХОД С ГЛАВНОЙ НА ПРОЕКТ
Бесшовный переход между двумя страницами
ВСЯ СТРАНИЦА
ПРИМЕР РАБОТЫ БЛОКОВ
Блок с гайдлайнами
Блок с функциями
Made on
Tilda