Статті
Рестайлинг по-научному:
пример Flatfy
13 июня, 2018
avatar
Наталия Стрельченко
Product Designer в ЛУН
avatar
Александр Иванов
Chief business development officer в Flatfy
Мы любим тексты без ошибок. Если вы все же их обнаружили, выделите фрагмент и нажмите Ctrl+Enter.

На днях ЛУН представил рестайлинг своего международного бренда Flatfy. Обновление фирменного стиля делали силами продуктовой команды: дизайн разрабатывала Наталия Стрельченко, Product Designer, а с бизнес-составляющей помогал Александр Иванов, Chief Business Development Officer.

ЛУН давно ассоциируется с подходами data-driven и baby steps: почти все доклады специалистов компании на конференциях и митапах касаются чисел и аналитики или MVP-подхода в решении продуктовых задач. От этого еще интереснее было узнать как к задаче рестайлинга бренда подошла инженерно-ориентированная команда.

 


 

Для начала давайте посмотрим как выглядел старый логотип и разберемся почему он был именно таким:

Старый логотип Flatfy

Следуя парадигме MVP, логотип был для нас скорее техническим пунктом в чеклисте по запуску нового проекта. На тот момент в команде не было дизайнера, а запустить проект хотелось как можно быстрее.  Выбор формы и образа был достаточно простым: нам хотелось что-то запоминающееся.

А кроме легкой расшифровки названия бренда FLATForYou было еще очень созвучное слово “fluffy”.

Нам захотелось какой-то пушистый логотип, который бы запоминался и вызывал эмоции. Так и получился пушистый комок с глазами. В то время мы потратили на его создание около часа или двух.

Как и у любого стартапа у нас было много разных задач связанных с быстрым масштабированием на 37 стран мира.

Мало кто тогда задумывался о проблемах использования этого логотипа в будущем. Они возникли не сразу.

Бренд — это ощущение, ассоциация, эмоция которая возникает у пользователя при воспоминании о продукте. Из этого определения мы поняли, что Flatfy:

  1. должен выделяться,
  2. должен запоминаться.

Чтобы разобраться с первым пунктом, мы исследовали конкурентов:

Логотипы крупных конкурентов

Довольно однообразно: домик, значок геолокации, синяя гамма… Логотип Flatfy явно ярче всех в этой компании:

Логотип Flatfy среди конкурентов

Пушистое оранжевое создание удачно контрастирует с существующими брендами и вызывает хороший эмоциональный отклик. На Real Estate конференции в Гонконге мы ощутили это сполна: на стенде Flatfy делали селфи, а в разговорах часто упоминали “that orange thing”.

Выделяться? Получилось.

Сложнее дело обстояло с «запоминаться». Мы провели эксперимент внутри офиса и попросили ребят из других проектов нарисовать по памяти логотип Flatfy. Результаты оказались разными. У всех рисунков были общие элементы (глаза и «шерсть»), но формы отличались  — их оказалось сложно воспроизвести.

Стало понятно, что лого нужно упростить.

С типографикой тоже были проблемы. Flatfy, в гарнитуре Lobster не всегда читалось однозначно, особенно при мелких размерах логотипа.

Flatfy превращался в aatfy, flatify, flayy…

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

Стало понятно, что Flatfy должен остаться таким же ярким и эмоциональным, но все же немного «прихорошиться», стать более простым и современным. Так мы пришли к идее рестайлинга.

Рестайлинг должен был решить 3 основные дизайн-задачи:

  1. Упрощение формы знака, чтобы он лучше запоминался.
  2. Проработка типографики для однозначного считывания.
  3. Гибкость масштабирования.

Форма

Что касается образа самого персонажа, мы привели овальную форму к более узнаваемому и простому образу — кругу. Глаза оставили, ведь они запоминались лучше всего и делали логотип эмоциональнее. От цвета тоже решили не отказываться: яркий оранжевый дистанцирует нас от конкурентов и уже знаком пользователям.

В целом, круг стал основой не только визуальной части логотипа. Tone of voice бренда звучит как «Flatten out corners» — Flatfy помогает пользователю. Буквально — сглаживает углы, делает его взаимодействие с рынком недвижимости более приятным и легким.

Типографика

Первая идея, которая возникла при взгляде на леттеринг — возможность использования лигатур — fl, tl, fy.
Однако, после детальной проработки, мы отказались от этого варианта, поскольку рядом с ним было сложно закомпоновать нашего Флетфая. Леттеринг привлекал слишком много внимания.

Скетчи логотипа

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

В итоге пришли к максимально простому начертанию и отстроили леттеринг на основе круга. В процессе консультировались с Викторией Лопухиной, Ольгой Протасовой, Кириллом Ткачевым и Александром Трегубом, за что им отдельное спасибо.

В итоге логотип получился целостным, ярким и запоминающимся:

Если выделить области использования обновленного бренда, то их будет 3: продуктовая, партнерская и внутрикомандная.

Продуктовая

В нашем случае это веб- и мобильное приложение.

В оценке эффективности цифрового продукта метрики эффективности отличаются от рекламного рынка. Дизайн неразрывно связан с данными измерений. Нельзя просто прийти и забабахать ребрендинг ради поста на Behance, награды на фестивале или эго бренд менеджера. Это не плохо, просто в продукте это не работает. Вместо наград на фестивалях мы будем считать показатели BR (отказы), времени проведенного на сайте и другие поведенческие метрики.

Итерационный подход в изменениях предполагает отслеживание результатов и реагирование на изменения.

Рестайлинг  — это первый шаг. Дальше — анализ и новые продуктовые решения.

Партнерская

Корпоративные материалы

Компания, которая запущена во многих странах и претендует на лидерские позиции, не может себе позволить то, что разрешено маленькому и незаметному стартапу. Нужно делать официальные бланки, медиа-киты, визитки (о которых мы раньше и не думали!), оформить LinkedIn и много чего другого. Рестайлинг позволил нам создать варианты использования логотипа в «строгом» окружении.

Внутрикомандная

Slider image
Slider image

Командные материалы

Всем приятно ощущать себя частью успешного и хорошего продукта. Нам очень хотелось поддержать внутренний дух айдентикой и персонификацией. Сделать в прямом смысле «человечный бренд». Всем очень понравились разделение на business card и personal cards. Ведь разработчику или дизайнеру не нужна слишком формальная визитка, а поделиться чем-то, что сделано специально для тебя, всегда приятно. Судя по отзывам команда очень довольна футболками, стикерами и визитками, созданными для каждого персонально.

 

Изображения предоставлены авторами.

avatar
Наталия Стрельченко
Product Designer в ЛУН
Колонка
avatar
Александр Иванов
Chief business development officer в Flatfy
Колонка

У нас есть еще кое-что для вас

Сообщить об опечатке

Текст, который будет отправлен нашим редакторам: