UXPUB 🇺🇦 Дизайн-спільнота

Cover image for Ребрендинг цифрового банка Monese: История создания нового вида
Редакція
Редакція

Опубліковано • Оновлено

Ребрендинг цифрового банка Monese: История создания нового вида

Monese - это банковский сервис, который позволяет открыть локальный банковский счет резидентам Европейской экономической зоны всего лишь за 120 секунд даже, если клиент не может сразу подтвердить свой адрес или имеет плохую кредитную историю. Мы создали Monese для того, чтобы помочь 90 миллионам людей по всей Европе, которые “финансово исключены” потому, что банки сочли сложным процесс их идентификации или сомневаются в их кредитной истории. Для финансового продукта ключевую роль играет доверие пользователя, поэтому узнаваемость и стала ключевым фактором успеха Monese.

Почему мы решились на ребрендинг?

После запуска приложения на Android платформе, мы увидели большой прирост количества пользователей. Запуск приложения на iOS был очевидным шагом вперед и в этот момент к нам пришло осознания того, что нам необходимо пересмотреть внешний вид нашего продукта. Мы осознали, что наш бренд должен полностью отражать те выводы, которые мы сделали после первого использования нашего продукта реальными пользователями, а также более глубокое понимание их потребностей. Мы обозначили для себя несколько направлений:

  • Наш логотип не был самодостаточным знаком - он воспринимался как немного “детский” с чересчур дружественными линиями.
  • Использование шрифта Brandon не давало нам сильного позиционирования, а так как его использовали многие компании, данный шрифт не ассоциировался именно с нашей компанией.
  • В нашем бренде была смесь угловатых и закругленных форм, что являлось нелогичным и непоследовательным.
  • Использование красного цвета создавало сложности восприятия при показе сообщений с ошибками в приложении Monese.

Monese стал расти и наша индивидуальность должна была это отражать. Monese Элементы прошлого варианта бренда Monese Мы начали предпринимать попытки улучшить наш бренд. Чем больше мы углублялись в процесс, тем больше осознавали нашу слабость. Мы поняли острую необходимость в четком наборе ценностей для лучшего определения особенностей нашего продукта. Мы прекрасно понимали, что процесс ребрендинга может оказаться длительным, но в то же время понимали, что сейчас самое время для него. Нашей миссией стало объединение компании вокруг общей истории бренда для формирования прочных связей с нашей аудиторией и создание прочной основы для дальнейшего роста. 1-l0gtl-irnq4p3lj85nkxyg

Раскадровка бренда

Мы начали масштабную работу с погружением в то, что Monese уже достиг и куда продукт движется дальше. Мы объединили наши студии в Лондоне и Таллине и спросили у каждого сотрудника, как они могут описать наши ценности. При помощи тесного сотрудничества аналитики UX с менеджментом, мы приступили к определению раскадровки бренда. Мы обсуждали, как наш банковский сервис помогает людям “поднять уровень” их жизни. Мы составили список ценностей для более простого старта. Далее, при участии всех сотрудников компании, мы выделили основные 3. список ценностей

Прогресс

В Monese мы всегда смотрим в будущее - всегда на шаг впереди благодаря новым технологиям, которые помогают нашим пользователям.

Ориентация на человека

Мы видим ценности людей, как индивидуальные, так и коллективные. Мы не оцениваем наших потребителей, как это делает большинство традиционных банков.

Доверие

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

Процесс

Имея сжатые сроки, мы быстро приступили к дизайн спринтам. Будучи стартапом, нам приходится часто работать помимо спринтов над улучшением нашего приложения и поддержки его работоспособности. Соответственно нам приходилось как работать над текущими задачами, так и уделять внимание ребрендингу. Каждый спринт длился обычно по 4 дня. Мы обозначали цели на день и работали над изучением идей для будущей разработки. Мы собирались в конце каждого спринта и проводили ревью. Собирались не с целью принятия важных решений, а чтобы обменяться идеями и поделиться мыслями. Monese ребрендинг http://ux.pub/oficialnoe-rukovodstvo-po-google-design-sprint-metodologiya-dizajn-sprintov/

Создание нашего фирменного знака

В Monese мы помогаем нашим клиентам упростить себе жизнь воспользовавшись нашим сервисом, в котором просто зарегистрироваться, просто использовать и который безопасен. Мы хотели создать такой знак, который бы отражал наши основные ценности - прогресс, ориентацию на человека и доверие. Начало зарисовки… Monese логотип После того, как мы обозначили несколько путей создания, началась работа над созданием логотипа, который сочетал бы в себе все ценности нашего бренда. ценности нашего бренда Мы думали о комбинации пересекающихся линий, которые формируют уникальный знак и отражает все, что нам дорого - безопасность, динамику и ориентацию на человека. Мы добавили скругления на углах для того, чтобы подчеркнуть плавность. Monese фирменное лого Monese айдентика

Типографика

В процессе работы над товарным знаком, мы занялись изучением шрифтов. Суть в том, что наш текущий шрифт создавал впечатление недоверия. Хотя он был правильно подобран и мы долго его использовали. Речь идет о немного закругленном sans serif. Но этот шрифт не отражал должного качества, которое мы хотели показать. Monese типографика Мы обдумывали использование шрифта “FF Mark”. Созданный в 2013 году, его формы были срисованы с одного из наиболее успешных sans-serif в истории, и он прекрасно подходит под современные реалии дизайна. Каждый глиф был тщательно обработан, чтобы придать шрифту сильный и смелый вид. Он прекрасно сочетается с закругленными формами нового логотипа Monese. Monese шрифт Большая часть аудитории не является носителями английского языка, поэтому в наших решениях особую роль играла разборчивость текста. Достаточная высота шрифта Mark позволила ему четко вписаться в небольшие размеры экранов пользовательского интерфейса. Самое главное в том, что Mark является правильным выбором, так как он задает сильный и доверительный тон для нашего бренда. Monese шрифт Mark

Цветовая схема

Нашим желанием было освежить цветовую схему таким образом, чтобы используемые цвета стали тем самым связующим элементом для нашего банковского сервиса и наших клиентов. Поэтому, при выборе, мы учитывали и функциональность и эстетическую составляющую. Мы взглянули на все разнообразие информации, которую получают наши пользователи через приложение, и выбрали гибкий набор цветов, которые смогут улучшить юзабилити. Напористый синий, зеленый и желтый цвета нашей обновленной цветовой схемы придали намного больше жизни приложению, чем прошлый вариант с бледными цветами. Один из тестировщиков отметил, что прошлый вариант цветовой схемы не придавал должной уверенности приложению в отличии от конкурентов. Monese цветовая схема

Определение взаимодействия с пользователем

Будучи цифровым продуктом, мы были твердо убеждены в том, что наша система бренда должны быть не просто идентификатором, а и определять поведение продукта. Самая важная функция банковского приложения - это произведение платежа. Мы решили тщательно продумать это взаимодействие и сделать его ключевой фичей нашего бренда. Monese анимация Мы исследовали несколько подходов и определили как это будет работать с использованием анимации. Мы начали создавать прототип анимации при помощи Javascript и запустили пользовательское тестирование, так как мы понимали, что анимация не должна мешать основному действию. Прототипирование и тестирование Monese Прототипирование и тестирование оплаты Сохранение простого взаимодействия имело ключевое значение для того, чтобы не ставить значение стиля выше над содержанием. Мы представили продольную линию, которая появляется когда пользователь тянет кнопку вниз для совершения платежа. Данная реализация вызывает восхищение от пользования интерфейсом и добавляет больше персональности в процесс работы с приложением. Monese ios

Разработка системы

Двигаясь далее, мы исследовали линии платежей как часть визуальной системы. Мы создали графические текстуры путем формирования сети из линий, которые показывали движение платежей. Таким образом мы попытались вызвать у пользователей совершенно разные эмоции, от очень сдержанных до экспрессивных. На основании полученных отзывов от наших пользователей, мы выяснили, что наша пластиковая карта вызывала у них ощущение чего-то нелегального и запрещенного. Поэтому, мы решили переделать дизайн нашей карты с использованием заманчивого темного цвета и линий. Соединительные линии на паттерне символизировали непрерывный процесс приема и отправки платежей через платформу Monese. Monese крединтая карта Новая упаковка дебитной карты Monese Новая упаковка дебитной карты Так как Monese в основном ориентирован на людей, которые постоянно переезжают, мы решили добавить нашему продукт ощущения постоянного движения. Мы хотели показать движение нашей системы. Таким образом нам удалось показать прогресс нашей компании. Monese анимация страницы Monese главная страница Выразительные формы были отражены как в логотипе компании, так и в элементах интерфейса самого приложения. Monese рекламные материалы

Редизайн приложения

Наряду с редизайном бренда, мы провели полный редизайн android и iOS приложений. Мы хотели, чтобы интерфейс был свежим, ярким и простым в управлении. Работая совместно с UX командой, мы продумали каждый элемент, чтобы обеспечить четкое и ясное понимание каждого действия для пользователя. Мы добавили элементы в виде иллюстраций для пользователя. Они прекрасно сочетались со стилем нашего логотипа. Все иконки стали выглядеть более дружественно благодаря закругленным формам. Monese иконки ios Новый интерфейс ios Monese Новый интерфейс

Иллюстрации и персонажи

Мы ввели новый стиль иллюстраций и набор персонажей, которые помогают объяснить элементы приложения и добавляют элемент игры в процесс его использования. Эти персонажи помогли нам показать пользователю, насколько мы являемся доступными и мы всегда рядом, чтобы всегда протянуть руку помощи. Monese иллюстрации и персонажы Например: при регистрации аккаунта в Monese, пользователю приходится ждать, пока его данные пройдут проверку. Мы показываем ему анимацию в виде сканирования его документов. Один из персонажей, через некоторое время, попадает в сканнер и выходит оттуда с кремом от загара! Мы подумали, что это скрасит ожидание пользователя и, возможно, заставит подождать до следующего круга анимации, чтобы посмотреть весь процесс снова. Monese анимация персонажей

Результат

Возвращаясь в начало, ранее, мы решили, что бренд Monese был слишком прост и не вызывал должного доверия у пользователей. Даже логотип не давал ощущения уникальности и самодостаточности. Однако, с тех пор, как мы тщательно проработали все необходимые элементы - начиная от более доверительного логотипа до более дружественной цветовой схемы - мы уверены, что компания Monese будет расти с каждым днем. Все команды компании с энтузиазмом выполняли эту работу и теперь мы очень надеемся, что наши пользователи также хорошо воспримут эти изменения. Скачать приложение для IOS Monese


Перевод статьи Joe Allison

Топ коментарі (0)