Компания Kvarta занимается доставкой, запуском и обслуживанием высокотехнологичного оборудования для обработки металла.
Задачи нового сайта:
— привлечь новых клиентов
— укрепить бренд компании
— упростить коммуникацию с клиентами по предоставлению информации о продуктах и сервисах компании
Бронза. Цифровой и интерактивный дизайн. Дизайн сайтов B2B.
Special Kudos. Best Innovation. UI design. UX design.
Фирменный стиль
Геометричность, насыщенная сине-белая палитра, динамичный логотип, нео-гротескный шрифт легли в основу обновлённого фирменного стиля компании.
Знак нового логотипа «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-среде, так и в печатной продукции и мерче компании. Новый корпоративный сайт полностью удовлетворяет имиджевым целям компании.
