«Фредиз» — визуальный конструктор многостраничных сайтов: пользователь собирает сайт из блоков без программирования, добавляет формы и интеграции и подключает собственный домен. Сервис рассчитан на предпринимателей, дизайнеров и небольшие студии, которым не хватает гибкости обычных конструкторов. Продукту нужен был логотип, который выглядит технологично и запоминается рядом с крупными конкурентами.
Знак должен был работать в интерфейсе конструктора и на иконке приложения, в шапке сайта, на заставке редактора, в рекламе и соцсетях, на визитках команды и в презентациях для партнёров.
Название русское и необычное, поэтому логотип должен был помочь его запомнить и сразу показать, что «Фредиз» — это про сайты и код, но без сложности для пользователя.
Конструкторов сайтов на рынке много, и у крупных игроков огромные рекламные бюджеты. «Фредиз» выигрывает гибкостью и вниманием к пользователю, и логотип должен был подчеркнуть этот характер: выглядеть профессионально для студий и дизайнеров и дружелюбно для предпринимателей, которые впервые делают сайт.
Сервис планирует развивать обучение: курсы, вебинары и школу для тех, кто хочет зарабатывать на создании сайтов. Логотип должен был подходить и для продукта, и для образовательного направления, не превращаясь при этом в эмблему онлайн-школы.
Знак — синий круг, внутри которого белая буква «Ф», собранная из двух угловых скобок и косой черты, как в коде вёрстки. Рядом — название «Фредиз» плотным современным шрифтом в графитовом цвете.
Логотип конструктора сайтов получился простым и узнаваемым: скобки сразу связывают продукт с вёрсткой и кодом, а буква «Ф» — с названием. Круглый знак хорошо работает как иконка в браузере, приложении и аватаре.
Подготовили основную горизонтальную версию, белую для синего и тёмного фона, отдельный знак для иконки и фавиконки и одноцветную версию для печати.
Скобки внутри буквы «Ф» нарисовали с одинаковой толщиной линий и скруглёнными углами, чтобы знак выглядел мягче и дружелюбнее, чем типичные «программистские» символы. Синий круг выделяет букву на любом фоне и хорошо работает как иконка в браузере, на рабочем столе и в магазинах приложений.
Название «Фредиз» набрали плотным современным гротеском с хорошей кириллицей: в рекламе и интерфейсе оно часто стоит рядом с русским текстом, и шрифт должен с ним дружить. Буквы немного разрядили и выровняли по высоте с синим кругом, чтобы знак и название выглядели как единый блок в шапке сайта и на визитке.
Знак искали в серии из двадцати вариантов в одинаковых чёрных кругах: буква «Ф» из овалов и полукругов, ростки, монограммы ФД, курсоры и скобки кода. Мягкие округлые варианты выглядели как логотипы банков и медицинских сервисов, а монограммы плохо читались в маленьком размере.
Буква «Ф» из скобок кода точнее всего объединила название и суть продукта. Её выделили синим среди остальных вариантов и проверили на сайте, в смартфоне, на мониторе и визитках.
Серию из двадцати знаков рисовали в одном формате — белые символы в чёрных кругах, чтобы сравнивать именно форму, а не цвет. Это помогло быстро отбросить варианты, которые хорошо смотрелись крупно, но превращались в пятно в маленьком размере фавиконки.
Курсоры и стрелки выглядели как у многих конструкторов и графических редакторов. Ростки и мягкие овалы делали сервис похожим на экологический или медицинский бренд. Скобки кода сразу говорили о сайтах, а буква «Ф» из них связывала знак с названием — так появился финальный вариант.
Синий цвет для выбранного знака в серии подобрали, чтобы он выделялся среди чёрных вариантов. Так в серии из двадцати знаков сразу видно, какой стал финальным, а сама серия превратилась в историю поиска логотипа, которую интересно показать клиентам и партнёрам.
Палитра — яркий насыщенный синий и графитовый. Синий передаёт технологичность и энергию и хорошо заметен в интерфейсе и рекламе, графитовый используется для названия и текста и делает логотип спокойным и читаемым.
Цвета подобраны в RGB, CMYK и Pantone, чтобы интерфейс, сайт и печатные материалы совпадали по оттенку. Плотный современный шрифт хорошо читается в шапке сайта и на маленьком экране.
Синий подобрали насыщенным и чистым, чтобы он выделялся в интерфейсе и рекламе и хорошо смотрелся на тёмной теме редактора. Графитовый вместо чистого чёрного делает текст мягче и комфортнее для глаз при долгой работе в конструкторе. Для печати подготовили версии в CMYK и Pantone.
Логотип проверили на носителях сервиса: знак на синем фоне, сайт конструктора в смартфоне и на мониторе, синие и белые визитки команды. Скобки из знака легко превращаются в фирменную графику интерфейса.
Логотип легко использовать в интерфейсе, на сайте, в соцсетях, рекламе и презентациях.
Для интерфейса конструктора подготовили иконки разделов, экран загрузки редактора и шаблоны писем для пользователей. Скобки из знака стали фирменной графикой: ими выделяют блоки на сайте и в рекламе, поэтому материалы «Фредиза» узнаются даже без логотипа.
Для команды и партнёров сделали визитки в синем и белом вариантах, шаблоны презентаций для студий и агентств и мерч для участников вебинаров. Образовательное направление использует тот же знак с подписью, поэтому продукт и обучение выглядят как единый бренд.
Для пользователей подготовили шаблоны сайтов, где логотип стоит в подвале в компактной версии, а для партнёрских студий — бейдж «Партнёр Фредиза» для их сайтов и презентаций. Так бренд распространяется вместе с сайтами, которые собирают на конструкторе, и привлекает новых пользователей без рекламного бюджета.
IT-сервис пользователь видит в браузере, на иконке приложения и в рекламе. Логотип для конструктора сайтов должен быть простым, читаться в размере фавиконки и сразу подсказывать, что делает продукт.
Многие конструкторы и SaaS-сервисы используют похожие абстрактные знаки и курсоры. Символ, который связан с названием и сутью продукта, выделяет сервис и помогает запомнить название.
Логотип для IT-сервиса живёт в интерфейсе, на сайте, в магазинах приложений, рекламе и соцсетях. Мы проверяем знак в размере 16 пикселей, на светлой и тёмной теме и в одном цвете.
Логотип для SaaS работает каждый день перед глазами пользователя. Он не должен утомлять при долгой работе и спорить с интерфейсом. Мы подбираем спокойный и аккуратный знак, который не мешает пользоваться продуктом.
Для цифрового продукта важна серия вариантов. Мы рисуем много знаков в одинаковом формате, сравниваем их по форме и выбираем тот, который лучше всего работает в маленьком размере.
Если сервис развивает обучение, логотип должен подходить и продукту, и курсам. Мы делаем систему, в которой основной знак остаётся, а направления отличаются подписью.
Хороший логотип IT-сервиса помогает и в партнёрствах: студиях, агентствах, интеграциях. Аккуратный знак показывает, что за продуктом стоит серьёзная команда.
Стоимость разработки логотипа для IT-сервиса зависит от числа вариантов знака, версий для интерфейса и носителей. Мы фиксируем состав работ заранее, чтобы бюджет был понятен.
Если вам нужна разработка логотипа для IT-сервиса, конструктора или SaaS-продукта, начните с брифа: продукт, пользователи, конкуренты и каналы продвижения. Дальше — эскизы, 2–3 направления, доработка и полный комплект файлов.
Для конструктора сайтов логотип имеет особую роль: он появляется на тысячах сайтов пользователей в подписи «Сделано на Фредизе». Каждый такой сайт приводит новых пользователей, поэтому знак должен хорошо смотреться в маленьком размере в подвале чужого сайта и не мешать его дизайну. Мы подготовили компактную версию именно для этой задачи.
Студия Onebanan из Калининграда занимается разработкой логотипов для IT-сервисов, стартапов и цифровых продуктов — лично и удалённо по всей России. Подробнее о том, как устроена разработка логотипа и сколько она стоит, — на странице услуги.
© Onebanan Digital Agency.
