Стажировка по направлению UX-редактуры
в апреле 2023 в банке Открытие
под руководством Старшего редактора.
  • писать и редактировать тексты в интерфейсе, лендинги, рассылки, SMS;
  • поддерживать Tone of voice со списком правил и частых сложностей в текстах;
  • работать с дизайном интерфейса;
  • активно взаимодействовать с продуктовой командой, дизайнерами и разработчиками, чтобы отлично разбираться в продукте и легко переводить с языка разработки на язык пользователя.
Обязанности:

1
Именно по этим причинам были подобраны и созданы тематически подходящие визуальные единицы:

  • Сторис 1
иконка календаря с деньгами — для ассоциации с кредитом и временным обозначением. Они являются ключевыми носителями информации, так как речь идет о кредитных каникулах в ограниченный период времени. Иконка взята с сайта банка изображений — freepik.com;









  • Сторис 2
иконки фронтальной и задней сторон банковской карты с логотипом компании, а также сотрудника для придания человечности сторис. Несмотря на то, что услуга может исполняться самостоятельно без помощи работников, человеческий образ вызывает доверие клиентов. Все иконки созданы самостоятельно в графическом редакторе Figma;







  • Сторис 3
иконки средств связи для изображения всех возможных способов сотрудничества банка с клиентами и наоборот. Все иконки также отрисованы самостоятельно в Figma.
Первая задача:

Создать сторис о программе кредитных каникул.
Задача была дана для проверки владения графическими редакторами. Я выбрала Figma.
Цветовая картина
Для создания брендовых сторис, я нашла иконку логотипа компании и определила точный оттенок фирменного цвета компании.
HEX 00BEF0
Далее применялась теория и психология цвета. По М. Люшеру (швейцарский психолог и разработчик цветового теста Люшера) синий цвет успокаивает, снижает тревожность, выражает стремление к покою, безопасности, а также этот цвет привносит ощущения привязанности и верности. Поэтому он был обыгран в каждой сторис.

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

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

1. На заголовки и подзаголовки 30 знаков с пробелами
2. Основной текст — 200 знаков максимум на каждом экране

Четкого ТЗ по предоставлению информации о данной программе. Мной было принято решение создать как бы открывающие сторис, которые бы подводили к некоторым деталям программы. Так, на мой взгляд, я упомянула ключевые данные: название программы, даты ее действия и способы подачи заявки.

Общие данные:

Фирменные шрифты были определены с помощью онлайн сервисов. Так, для заголовков был использован Druk Text Cyryllic, начертание Medium, а для основного текста и подзаголовков — Graphik, Regular.

Сторис 1 - Вводная

Цель сторис — установить контакт с потенциальными пользователями услуги. Я сделала акцент на названии программы, а слово «программа» поместила в основной текст без дополнительного выделения. Краткое описание заинтересовывает аудиторию и мотивирует узнать больше.
В сторителлинге важно создать эмоциональную связь: кредитные каникулы интересны тем, кто уже пользуется кредитом. Эта услуга даёт полную отсрочку платежей, что может быть особенно важно при нестабильном финансовом положении. Я выбрала формулировку «полная отсрочка», чтобы подчеркнуть ценность услуги и усилить эмоциональный отклик, делая предложение максимально привлекательным.










Сторис 2 - Ограничение во времени

В этой сторис я сделала акцент на временных рамках: указала период подачи заявки и длительность кредитных каникул, чтобы подчеркнуть срочность предложения. Даты отображены цифрами и выделены жирным для фокусировки внимания на важной информации и для соответствия строгому стилю банка, а компактная запись экономит экранное пространство.
Особо подчеркнула, что каникулы доступны только на полгода и оформить их можно лишь один раз — эта информация даёт пользователю ощущение прозрачности и доверия. Ради компактности формата разделила формулировку «от 1 до 6» и «месяцев» на две строки, хотя понимаю, что так делать некорректно, но это меньшее из зол; при этом ключевой смысл не теряется, а восприятие остаётся удобным, что подтверждается принципами визуального сканирования интерфейса.





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

2

Вторая задача:


Создать модальное окно о завершении сеанса, в связи с неактивностью пользователя.

Текст — почему выбран именно такой подход
Заголовок - Защищаем ваши данные
Этот заголовок сразу и ясно объясняет причину появления окна — акцент делаетcя на заботе о пользователе и его безопасности. Такой посыл вызывает доверие и снижает тревожность: пользователь не думает, что что-то пошло не так или это техническая ошибка, а понимает, что действия банка направлены на его защиту.

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

Описание
«В целях безопасности ваш сеанс будет автоматически завершен через 30 секунд. Хотите продолжить работу или выйти сейчас? Это поможет защитить ваши данные от посторонних.»
Описательная часть сочетает формальную вежливость и дружелюбный тон. Фраза «в целях безопасности» объясняет причину, а 30 секунд — конкретный временной лимит. Вопрос «Хотите продолжить работу или выйти сейчас?» даёт пользователю чёткий выбор, а объяснение «Это поможет защитить ваши данные» поддерживает доверие и помогает пользователю почувствовать контроль.

Кнопки - неакцентная Выйти и акцентная Продолжить
Наиболее заметна кнопка «Продолжить» — она соответствует основной ожидаемой реакции пользователя (продолжить работу) и облегчает быстрое принятие решения. «Выйти» сделана менее акцентной, но доступной — если пользователь действительно завершает работу, это делается осознанно.
Такое расположение уменьшает риск случайного выхода и улучшает пользовательский опыт для тех, кто отвлёкся, но хочет вернуться к работе.

В целом
Микротексты и вид оформления построены на принципах открытости, эмпатии и ясности. Они не нагружают пользователя лишней информацией, не пугают, а мотивируют действовать рационально и безопасно, что ключевое для финансовых интерфейсов
и сценариев с персональными данными.
Тональность
Банк «Открытие» придерживается формального, но не чересчур строгого стиля общения с пользователями: например, в большинстве интерфейсных текстов не ставится точка в конце предложений, чтобы сделать коммуникацию более человечной.

В представленном выше модальном окне используется короткий и понятный заголовок с объяснением причины появления сообщения и конкретными действиями для пользователя. Текст окна оформлен вежливо и доброжелательно, не перегружает инструкциями и аккуратно делит информацию на смысловые части. Дополнительное разъяснение помогает человеку понять важность выбора и чувствовать себя в безопасности.
Дизайн
Я реалистично оцениваю свои дизайнерские навыки и понимаю, что представленное модальное окно требует переработки дизайнером. Тем не менее, считаю важным пояснить логику своих решений и обосновать выбранные подходы — в том числе с точки зрения дизайна для данного макета.
Цвет
Я разрабатывала два варианта оверлеев с разными фоновыми цветами, которые можно адаптировать под дневной и ночной режимы работы пользователя с помощью автоматических настроек яркости экрана. Особое внимание уделяла соответствию стандартам доступности (WCAG) для пользователей с ослабленным зрением. Ключевым решением стало использование размытого фона для защиты персональных данных
и сокрытия информации, с которой пользователь работал в момент появления окна.
Персонаж
Я предложила идею внедрения виртуального аватара или фирменного персонажа, который мог бы сопровождать пользователей в интерфейсе и усиливать визуальную идентичность бренда. Такой подход позволяет не только упростить и масштабировать коммуникацию между пользователями и компанией, но и делает цифровой опыт более дружелюбным и вовлекающим. Интерес к виртуальным сопровождениям активно растёт по всему миру:
по данным Baidu, количество подобных проектов удвоилось с 2021 года.
Виртуальные ассистенты и персонажи помогают интегрировать виртуальную среду в привычный пользовательский опыт, стирая границы между реальным и цифровым взаимодействием. Такой подход делает даже сложные системы легче для восприятия и использования.
В макете я использовала иконку персонажа, взятую с freepik.com — её базовый желтый цвет был заменён на оттенок фирменного цвета бренда для поддержания визуальной целостности.

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

Недостатки

Заголовок и подзаголовок
  • Сделать подзаголовок проще, короче и самостоятельнее по смыслу.
  • Убрать длинную конструкцию и изменить порядок слов, чтобы сразу была понятна суть, а условия — во вторую очередь.
  • Убрать «висящее» тире (да, это не ошибка, но композиционный баланс текста нарушается).
Решение:
Размещайте депозиты онлайн
Услуга доступна в интернет-банке «Открытие-Бизнес Онлайн» при наличии генерального соглашения с банком.

Пошаговая инструкция (описание)
  • Разделить каждый шаг на отдельный абзац или даже визуальный блок, чтобы избежать «полотна текста».
  • Уточнить формулировки: сначала действие, потом пояснение.
  • Сделать шаги короче, без повторов и бюрократических оборотов.
  • Убрать в 3-ем пункте «В депозит», т.к. это и так ясно из заголовка.
  • Последовательность должна быть логичной и визуально простой для сканирования.
Решение:
Как разместить депозит онлайн:
  1. Перейдите в раздел «Депозиты онлайн» и создайте заявку на размещение средств.
  2. Выберите подходящий депозит и условия (ставка онлайн или индивидуальное предложение), укажите параметры.
  3. Выберите способ зачисления:
  • Перевод с расчетного счета в банке «Открытие»
  • Перевод со счета в другом банке или кредитной организации
Главное — ясно отделить условия от действия, упростить формулировки, структурировать шаги и избавиться от типично «сложного» банковского языка. Так вероятность того, что пользователь поймёт инструкцию и не запутается, возрастает существенно.
This site was made on Tilda — a website builder that helps to create a website without any code
Create a website