Руководитель группы дизайнеров британской банковской службы Monese Джо Эллисон сказал о том, почему компании понадобился ребрендинг и как создавался новый визуальный стиль.
Редакция раздела «Интерфейсы» публикует перевод материала, завершенный Команда Скетчаппа.
Монезе — банковская услуга, позволяющая резидентам Европейской экономической зоны открыть счет в местном банке за 120 секунд, даже если клиент не может сразу подтвердить свой адрес или имеет плохую кредитную историю.
Мы создали Monese, чтобы помочь 90 миллионам человек по всей Европе, которые «финансово изолированы», потому что банкам сложно их идентифицировать или у них есть сомнения относительно их кредитной истории.
Для финансового продукта важно доверие пользователей, поэтому главным фактором успеха Monese стало признание.
Почему мы решили провести ребрендинг
После запуска приложения на Android мы увидели большой рост количества пользователей.Запуск приложения на iOS был очевидным шагом вперед, но еще до этого мы поняли, что внешний вид продукта необходимо переосмыслить.
Бренд должен был отразить идеи, которые мы получили от наших первых последователей, и наше глубокое понимание их потребностей.
Мы выявили несколько недостатков и направлений работы:
- Наш логотип не был самодостаточным знаком — он воспринимался как немного «детский» с излишне дружелюбными линиями.
- Использование шрифта Brandon не дало нам сильного позиционирования: его использовали многие компании, и шрифт не ассоциировался конкретно с нами.
- Угловые и округлые формы были смешаны – это было противоречиво и нелогично.
- Красный цвет, используемый в сообщениях об ошибках, затруднял чтение приложения.
Ээлементы предыдущей версии бренда Monese Мы начали пытаться улучшить бренд. По мере того, как мы углублялись в этот процесс, мы все больше осознавали свою слабость.
Нам нужен был четкий набор ценностей, чтобы определить особенности продукта.
Мы понимали, что ребрендинг может занять много времени, но сейчас было подходящее время для этого.
Наша миссия заключалась в том, чтобы объединить компанию вокруг общей истории бренда, чтобы сформировать прочные связи с аудиторией и создать основу для роста.
Раскадровка бренда
Мы объединили наши студии в Лондоне и Таллинне и попросили каждого сотрудника описать наши ценности.Благодаря тесному сотрудничеству UX-аналитики и руководства мы определили раскадровку бренда.
Мы обсудили, как банковские услуги помогают людям повысить уровень жизни.
Мы составили список ценностей, а затем — при участии всех сотрудников компании — выделили три основных.
- Прогресс.
В Monese мы всегда смотрим в будущее.
- Люди ориентированные.
Мы видим ценности людей – как индивидуальные, так и коллективные.
Мы не оцениваем наших клиентов, как большинство традиционных банков.
- Уверенность.
Мы обеспечиваем безопасность средств клиентов, всегда на связи и готовы ответить на все вопросы.
Процесс
Время было ограничено, поэтому мы быстро приступили дизайн-спринты .Нам как стартапу часто приходится улучшать приложение и поддерживать его работу — поэтому нам приходилось одновременно решать текущие проблемы и уделять внимание ребрендингу.
Спринты обычно длились четыре дня.
Мы ставили цели на день и обсуждали идеи.
В конце каждого спринта мы встречались и проводили обзор.
Встречи были нужны не для принятия важных решений, а для обмена мыслями.
Создание бренда
Наш сервис прост в регистрации, прост в использовании и безопасен.Мы хотели создать знак, который отражал бы наши основные ценности прогресса, ориентированности на людей и доверия.
Начало эскиза: Наметив несколько путей создания, мы приступили к разработке логотипа, который бы объединил в себе ценности бренда.
Мы подумали о сочетании пересекающихся линий, отражающих все, что нам дорого: безопасность, динамизм и ориентацию на людей.
Мы добавили закругления по углам, чтобы подчеркнуть плавность.
Типография
Работая над торговой маркой, мы начали изучать шрифты.Шрифт, который у нас тогда был, производил впечатление недоверия – хотя он был выбран правильно, и мы пользовались им долгое время.
Речь идет о слегка закругленном шрифте без засечек.
Но этот шрифт не отражал того качества, которое мы хотели показать.
Мы рассмотрели возможность использования шрифта FF Mark, созданного в 2013 году и основанного на одном из самых успешных шрифтов без засечек в истории.
Он идеально вписывается в современные дизайнерские реалии.
Каждый глиф был тщательно проработан, чтобы придать шрифту сильный и смелый вид. Он идеально сочетается с закругленными формами нового логотипа Monese. Большинство наших пользователей не являются носителями английского языка, поэтому разборчивость текста имела особое значение в наших решениях.
Достаточная высота шрифта Mark позволила ему аккуратно вписаться в небольшие экраны пользовательского интерфейса.
Марк задает бренду сильный и доверительный тон.
Цветовая схема
Мы хотели обновить цветовую схему, чтобы используемые цвета стали связующим элементом для сервиса и клиентов.При выборе учитывалась как функциональность, так и эстетическая составляющая.
Мы рассмотрели разнообразную информацию, которую наши пользователи получают через приложение, и выбрали гибкий набор цветов, который может улучшить удобство использования.
Напористые синие, зеленые и желтые цвета обновленной схемы оживили бледное приложение.
Один из тестировщиков отметил, что предыдущая цветовая схема не придавала приложению той уверенности, которую оно заслуживает, по сравнению с конкурентами.
Определение пользовательского опыта
Система бренда должна была не только выступать в качестве идентификатора, но и определять поведение продукта.Самая важная особенность банковского приложения — платежи.
Мы решили внимательно продумать это взаимодействие и сделать его ключевой особенностью бренда.
Мы исследовали несколько подходов и определили, как они будут работать с использованием анимации.
Мы начали создавать прототип анимации с помощью JavaScript и начали пользовательское тестирование, поскольку знали, что анимация не должна мешать основному действию.
Прототипирование и тестирование платежей Сохранение простоты взаимодействия было ключом к тому, чтобы не ставить стиль выше содержания.
Мы ввели продольную линию, которая появляется, когда пользователь нажимает кнопку для совершения платежа.
Такая реализация радует пользователя и добавляет персонализации в процесс работы с приложением.
Развитие системы
Двигаясь дальше, мы исследовали линии оплаты как часть визуальной системы.Мы создали графические текстуры, сформировав сеть линий, показывающих движение платежей.
Поэтому мы постарались вызвать у пользователей совершенно разные эмоции: от очень сдержанных до выразительных.
На основании полученных отзывов мы выяснили, что пластиковая карта вызывала у пользователей ощущение чего-то противозаконного и запретного.
Мы решили изменить дизайн карты, используя привлекательный темный цвет. Соединяющиеся линии на узоре символизируют непрерывный процесс приема и отправки платежей через платформу.
Новая упаковка дебетовой карты Monese ориентирован в первую очередь на людей, которые постоянно находятся в движении, поэтому мы решили придать продукту ощущение постоянного движения.
Выразительные формы нашли отражение как в логотипе компании, так и в элементах интерфейса приложения.
Редизайн приложения
Помимо редизайна бренда, мы провели полный редизайн приложений для Android и iOS. Мы хотели, чтобы интерфейс был свежим, ярким и простым в навигации.Работая вместе с UX-командой, мы продумали каждый элемент, чтобы пользователь четко понимал каждое действие.
Мы добавили элементы в виде иллюстраций для пользователя.
Они идеально сочетались со стилем логотипа.
Все значки теперь выглядят более дружелюбно благодаря закругленным формам.
Новый интерфейс
Иллюстрации и персонажи
Мы представили новый стиль иллюстраций и нарисовали символы, которые объясняют элементы приложения и добавляют элемент игры в его использование.При регистрации учетной записи в Monese пользователю приходится ждать, пока его данные будут проверены.
Показываем ему анимацию в виде сканирования документов.
Один из персонажей через некоторое время оказывается в сканере и достает солнцезащитный крем.
Мы думали, что это скрасит ожидание пользователя и, возможно, заставит его дождаться следующего раунда анимации, чтобы еще раз взглянуть на весь процесс.
Результат
Ранее мы решили, что бренд Monese слишком прост и не вызывает достаточного доверия у пользователей.Даже логотип не давал ощущения уникальности и самодостаточности.
Поскольку мы тщательно проработали все необходимые элементы — от заслуживающего доверия логотипа до дружелюбной цветовой схемы — мы уверены, что Monese будет расти с каждым днем.
-
Разработка Онлайн-Сервисов
19 Oct, 24 -
Активировать Отключенный Vt-X
19 Oct, 24 -
Первоуральск Летом.
19 Oct, 24 -
Мысли О Ширине Экрана
19 Oct, 24 -
Скажи «Стоп!» Негатива: Станьте Антикритиком
19 Oct, 24 -
Развитие Возможностей Google Analytics
19 Oct, 24 -
Пять Необычных Глобусов
19 Oct, 24
