Разработка сайта для компании «НордСтройИнжиниринг»

Брендирование

Разработали логотип, продумали его расположение в различных сценариях. Выполнили создание уникального и фирменного стиля для компании. Подобрали читабельные шрифты, оформили аксессуары, визитки, кружки и другие предметы.

Логотип

Логотип основан на геометрической фигуре - гексагоне. Для корректного отображения в различных сценариях, мы подготовили четыре формы логотипа: вертикальная, горизонтальная, строчная и в виде символа. Каждая форма выстраивается по одному и тому же принципу пропорции, которая высчитывается через соотношение элементов X и Y.

Фирменные цвета

Цветовое решение компании «НордСтройИнжиниринг» базируется на синих и темно-синих оттенках. Кроме этого, используются второстепенные оттенки, которые систематизируют общий тон фирменных материалов. Синий цвет используется для фокуса на важных элементах или при подчеркивании фирменной принадлежности, а темно-синий оттенок используется для оформления фона.

Градиенты

Предусмотрено два типа градиента для фирменного стиля: основной и альтернативный. Первый является переходом между черным и темно-синим цветами. Применяется для титульных страниц, важных элементов интерфейса или фона. Второй градиент выступает в качестве перехода между черным и бледно-синим цветами. Используется для оформления альтернативных страниц, например в презентации.

Паттерны

Разработали два типа паттернов для использования на сайте. Filled - паттерн из цельных фигур для брендирования какой-либо поверхности. Outline - паттерн из контурных фигур, который позволяет фирменный стиль фоновыми элементами.

Типографика

Сделали гарнитуру из двух шрифтов: San Francisco и Muller. Первый шрифт используется для всех текстов на сайте, в мелких и средних элементах. Второй применяется только в заголовках. В целом шрифты отлично читаются и легко воспринимаются.

Разработка сайта

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