KVARTA

Фирменный стиль

Геометричность, насыщенная сине-белая палитра, динамичный логотип, нео-гротескный шрифт легли в основу обновлённого фирменного стиля компании.

Знак нового логотипа «Kvarta» представляет собой уникальный символ, объединяющий несколько значений. «К» символизирует имя компании, а также форму листа металла и точность резки.

Помимо основного логотипа разработали в единой стилистике логотипы четырёх направлений обработки металла, на которых специализируется Kvarta.

Динамичный логотип

Знак нового логотипа «Kvarta» представляет собой уникальный символ, объединяющий несколько значений. «К» символизирует имя компании, а также форму листа металла и точность резки.

Применение айдентики

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

Аналитика и проектирование сайта

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

Главная страница выполняет промо-функцию. Мы намеренно отошли от демонстрации станков и отразили деятельность компании с помощью элементов нового фирменного стиля и 3D-моделей металла.

Инструменты:
— матрица смыслов
— benchmarking
— use cases
— high fidelity prototypes

Дизайн

Фишка сайта — динамичный логотип, который адаптируется и растягивается в прелоадере, а в итоге становится хедером.

Основой дизайна сайта стали геометрические фигуры, насыщенная сине-белая палитра, набор уникальных логотипов направлений, нео-гротескный шрифт. Применили необычную вёрстку — чередуем расположение смысловых блоков в 4 колонках.

3D и видео продакшен

Визуальная доминанта главной страницы — четыре 3D-motion-ролика.

В результате тщательной работы со светом и текстурами нам удалось достичь реалистичного изображения металла и достоверной работы оборудования.

Blender (Cycles)
3DSMax (V-Ray)
Cinema 4D (Redshift)
After Effects

Разработка

Стеки

Фронтенд: HTML5, CSS3, Javascript, Webpack, Pug
Бэкенд: 1C-Bitrix
Интеграция с Битрикс24 для вывода технических характеристик на странице оборудования.

Итог

Мы создали современный фирменный стиль с упором на специализацию компании, который прекрасно адаптируется как в digital-среде, так и в печатной продукции и мерче компании. Новый корпоративный сайт полностью удовлетворяет имиджевым целям компании.