На днях ЛУН представил рестайлинг своего международного бренда Flatfy. Обновление фирменного стиля делали силами продуктовой команды: дизайн разрабатывала Наталия Стрельченко, Product Designer, а с бизнес-составляющей помогал Александр Иванов, Chief Business Development Officer.
ЛУН давно ассоциируется с подходами data-driven и baby steps: почти все доклады специалистов компании на конференциях и митапах касаются чисел и аналитики или MVP-подхода в решении продуктовых задач. От этого еще интереснее было узнать как к задаче рестайлинга бренда подошла инженерно-ориентированная команда.
Для начала давайте посмотрим как выглядел старый логотип и разберемся почему он был именно таким:
Старый логотип Flatfy
Следуя парадигме MVP, логотип был для нас скорее техническим пунктом в чеклисте по запуску нового проекта. На тот момент в команде не было дизайнера, а запустить проект хотелось как можно быстрее. Выбор формы и образа был достаточно простым: нам хотелось что-то запоминающееся.
А кроме легкой расшифровки названия бренда FLATForYou было еще очень созвучное слово “fluffy”.
Нам захотелось какой-то пушистый логотип, который бы запоминался и вызывал эмоции. Так и получился пушистый комок с глазами. В то время мы потратили на его создание около часа или двух.
Как и у любого стартапа у нас было много разных задач связанных с быстрым масштабированием на 37 стран мира.
Мало кто тогда задумывался о проблемах использования этого логотипа в будущем. Они возникли не сразу.
Бренд — это ощущение, ассоциация, эмоция которая возникает у пользователя при воспоминании о продукте. Из этого определения мы поняли, что Flatfy:
- должен выделяться,
- должен запоминаться.
Чтобы разобраться с первым пунктом, мы исследовали конкурентов:
Логотипы крупных конкурентов
Довольно однообразно: домик, значок геолокации, синяя гамма… Логотип Flatfy явно ярче всех в этой компании:
Логотип Flatfy среди конкурентов
Пушистое оранжевое создание удачно контрастирует с существующими брендами и вызывает хороший эмоциональный отклик. На Real Estate конференции в Гонконге мы ощутили это сполна: на стенде Flatfy делали селфи, а в разговорах часто упоминали “that orange thing”.
Выделяться? Получилось.
Сложнее дело обстояло с «запоминаться». Мы провели эксперимент внутри офиса и попросили ребят из других проектов нарисовать по памяти логотип Flatfy. Результаты оказались разными. У всех рисунков были общие элементы (глаза и «шерсть»), но формы отличались — их оказалось сложно воспроизвести.
Стало понятно, что лого нужно упростить.
С типографикой тоже были проблемы. Flatfy, в гарнитуре Lobster не всегда читалось однозначно, особенно при мелких размерах логотипа.
Flatfy превращался в aatfy, flatify, flayy…
Мы оказались в ситуации, где бренд нравился людям, но запомнить, а тем более воспроизвести по памяти было трудно.
Стало понятно, что Flatfy должен остаться таким же ярким и эмоциональным, но все же немного «прихорошиться», стать более простым и современным. Так мы пришли к идее рестайлинга.
Рестайлинг должен был решить 3 основные дизайн-задачи:
- Упрощение формы знака, чтобы он лучше запоминался.
- Проработка типографики для однозначного считывания.
- Гибкость масштабирования.
Форма
Что касается образа самого персонажа, мы привели овальную форму к более узнаваемому и простому образу — кругу. Глаза оставили, ведь они запоминались лучше всего и делали логотип эмоциональнее. От цвета тоже решили не отказываться: яркий оранжевый дистанцирует нас от конкурентов и уже знаком пользователям.
В целом, круг стал основой не только визуальной части логотипа. Tone of voice бренда звучит как «Flatten out corners» — Flatfy помогает пользователю. Буквально — сглаживает углы, делает его взаимодействие с рынком недвижимости более приятным и легким.
Типографика
Первая идея, которая возникла при взгляде на леттеринг — возможность использования лигатур — fl, tl, fy.
Однако, после детальной проработки, мы отказались от этого варианта, поскольку рядом с ним было сложно закомпоновать нашего Флетфая. Леттеринг привлекал слишком много внимания.
Скетчи логотипа
Потом были пробы более строгого гротескного начертания, но он не соответствовал характеру бренда.
В итоге пришли к максимально простому начертанию и отстроили леттеринг на основе круга. В процессе консультировались с Викторией Лопухиной, Ольгой Протасовой, Кириллом Ткачевым и Александром Трегубом, за что им отдельное спасибо.
В итоге логотип получился целостным, ярким и запоминающимся:
Если выделить области использования обновленного бренда, то их будет 3: продуктовая, партнерская и внутрикомандная.
Продуктовая
В нашем случае это веб- и мобильное приложение.
В оценке эффективности цифрового продукта метрики эффективности отличаются от рекламного рынка. Дизайн неразрывно связан с данными измерений. Нельзя просто прийти и забабахать ребрендинг ради поста на Behance, награды на фестивале или эго бренд менеджера. Это не плохо, просто в продукте это не работает. Вместо наград на фестивалях мы будем считать показатели BR (отказы), времени проведенного на сайте и другие поведенческие метрики.
Итерационный подход в изменениях предполагает отслеживание результатов и реагирование на изменения.
Рестайлинг — это первый шаг. Дальше — анализ и новые продуктовые решения.
Партнерская
Корпоративные материалы
Компания, которая запущена во многих странах и претендует на лидерские позиции, не может себе позволить то, что разрешено маленькому и незаметному стартапу. Нужно делать официальные бланки, медиа-киты, визитки (о которых мы раньше и не думали!), оформить LinkedIn и много чего другого. Рестайлинг позволил нам создать варианты использования логотипа в «строгом» окружении.
Внутрикомандная
Командные материалы
Всем приятно ощущать себя частью успешного и хорошего продукта. Нам очень хотелось поддержать внутренний дух айдентикой и персонификацией. Сделать в прямом смысле «человечный бренд». Всем очень понравились разделение на business card и personal cards. Ведь разработчику или дизайнеру не нужна слишком формальная визитка, а поделиться чем-то, что сделано специально для тебя, всегда приятно. Судя по отзывам команда очень довольна футболками, стикерами и визитками, созданными для каждого персонально.
Изображения предоставлены авторами.