Кейс по проекту НордСтройИнжиниринг от компании BIDUS DIGITAL

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

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

Логотип

Изображение основано на геометрической фигуре – гексагоне. С целью корректного отображения в разных сценариях мы разработали четыре формы логотипов: вертикальная, горизонтальная и строчная. Формы, которые выстроены по одному и тому же принципу пропорции, рассчитываются путем соотношения элементов X и Y.

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

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

Градиенты

Есть два типа градиента для фирменной стилистики: основной и альтернативный. На первом месте находится переход между черным и темно-синим цветом. Применяется для титульных страниц, важных пунктов интерфейса или фона. С помощью второй ступени, которая является переходом между двумя цветами, можно получить светло-синий цвет. Для оформления альтернативных страниц, например в презентациях.

Паттерны

Были разработаны два типа паттерна для использования на сайте. Filled - паттерн из составных фигур для брендирования какой либо поверхности. Outline – паттерн из контурных фигур с помощью которого можно создать фирменный стиль.

Типографика

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

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

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