Задачи:

  • Выделить недостатки старой версии сайта;
  • Разработать прототипы на основе новой логики;
  • Нарисовать и утвердить дизайн;
  • После утверждения макетов, передать дизайн в разработку;
  • Наполнить сайт предоставленным материалом;
  • Провести тестирование сайта на всех возможных устройствах, исправить ошибки;
  • Перенести сайт на боевой домен.
task__macbook

Цветовое решение

Цветовая схема состоит из 3-х основных цветов и 1-го дополнительного для выделения акцентов на страницах.

  • Основной цвет

    #1f2433

  • Основной цвет

    #040405

  • Основной цвет

    #f5e897

  • Доп. цвет

    #cfdceb

Презентация проекта

presentation__ipad
design__circle

Дизайн концепт

Сайт имеет горизонтальное позиционирование, которое подстраивается под монитор компьютера или планшета. Чтобы избавиться от вертикального прокручивания страницы, мы сделали страницы-слайды, которые удобно перелистывать.

Мы продумали логику поведения пользователя на сайте и расставили приоритеты элементов на страницах.

design__moc_up_1 design__moc_up_2 design__moc_up_3

Услуги компании

Реализованные проекты

Контакты

Отображение на мобильных устройствах

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

Одноуровневое меню,
разделенное на категории

mobile__img_iPhone_1 mobile__img_iPhone_2 mobile__img_iPhone_3 mobile__img_iPhone_4 mobile__img_iPhone_5 mobile__img_iPhone_6
play__img_sait
play__be_main
play__img_sait
play__be_main
play__img_sait
play__be_main
play__img_sait
play__be_main
play__img_sait
play__be_main
play__img_sait
play__be_main
play__img_sait
play__be_main
play__img_sait
play__be_main
play__img_sait
play__be_main
play__img_sait
play__be_main
play__img_sait
play__be_main
play__img_sait
play__be_main

Иконки в объекты

Мы отрисовали серию иконок для всех типов проектов. Это дает наглядное представление о том, какую работу проделала компания в конкретном проекте.

  • icon__card_img

    Прецизионное
    кондиционирование

  • icon__card_img

    Водоснабжение,
    канализация
    и водоотведение

  • icon__card_img

    Пожарная и
    охранная
    сигнализация

  • icon__card_img

    ИТП, А.ИТП,
    ЭОМ.ИТП

  • icon__card_img

    Водоподготовка

  • icon__card_img

    Отопление
    и теплоснабжение

  • icon__card_img

    Холодоснабжение и
    кондиционирование
    воздуха VRF

  • icon__card_img

    Автоматизация
    и диспетчеризация
    инженерных систем

  • icon__card_img

    Проектирование
    внутренних
    инженерных
    систем

  • icon__card_img

    Слаботочные
    системы

  • icon__card_img

    Общеобменная
    и противодымная
    вентиляция

  • icon__card_img

    Электроснабжение
    и электроосвещение

icon__screen
Назад в портфолио