Проблема
Переработать цифровую айдентику сервиса. Разработать новый современный дизайн сайта. Дополнительно сделать дизайн нового функционала.
Фирменный стиль «Callibri» уже менялся несколько раз. Также, как и состав продуктов. Сейчас компания выходит на новый уровень и превращается из «Сервиса прокачки маркетинга» в «Сервисы автоматизации работы с лидами».
Однако, это по-прежнему компания про ламповость и удобство, про клиентов и внимание. Поэтому я решил сделать элемент, который бы отражал теплые прочные коммуникации. Этим символом стала плавная жёлтая линия, охватывающая персонажей новых иллюстраций.
Иллюстрации при этом стали более стильными и цельными.
Дизайн сайта требовал не просто редизайна, а переосмысления. Поэтому первым делом найдём визуальное решение для сути услуг компании. Естественным решением оказалось распределение инструментов по этапам воронки продаж.
Дальше я разработал шаблоны для множества блоков контента. Плитки, галереи, списки, таблицы, вкладки, тарифы и многое многое другое.
Формирую запрос в соответствие с новой идеей и эстетическими ориентирами от заказчика.
На выходе получаю несколько любопытных концепций. Оформление офиса, кстати, смотрится круто.
Формирую запрос в соответствие с новой идеей и эстетическими ориентирами от заказчика.
На выходе получаю несколько любопытных концепций. Оформление офиса, кстати, смотрится круто.
В конце особенно важно не просто сдать дизайн, а создать систему на будущее.
Для этого я разрабатываю дизайн-систему. Формирую продуманную цветовую палитру, формирую стек стилей для заголовков и текста.
Разрабатываю оформление блоков контента, лэйауты ключевых страниц и принципы разработки иллюстраций.
Для клиентов, которые постоянно в движении, разумеется нужна мобильная версия сайта.
Все элементы грамотно упакованы в экран смартфона для удобного использования сервисов сайта.
Отдельная история — дизайн коммуникаций. Ведь новый вайб надо распространить не только на ресурсы компании, но и на внешние сервисы.
В этом проекте дизайн коммуникаций вобрал в себя: рекомендации к графике, описание стилистики иллюстраций, технологии сборки картинок для блога и постов в Сети, требования к линиям и прочее, и прочее.
