Ваш браузер устарел
Пожалуйста, обновите браузер — из-за старой версии браузера сайт
может работать неправильно
-
Chrome
-
Firefox
-
Opera
Шаблоны для разных сфер бизнеса
Создание сайта начинается с шаблона страницы. Это может быть пустая страница или страница с готовыми блоками для конкретного бизнеса. Блоки можно менять местами, это займет две секунды.
Все блоки удобно настраивать под себя
В конструкторе много блоков для разных ситуаций: верхнее меню, карточки товаров, формы заявки, контактные данные, текстовые и блоки для иллюстраций. И это еще не все. Собрали все варианты, которые помогут сделать удобный и современный сайт или интернет-магазин.
Во всех блоках можно менять текст, дизайн, расположение кнопок, настраивать ссылки.
Картинки не нужно подгонять в Фотошопе или других редакторах. Все делаете прямо внутри конструктора: обрезаете, масштабируете, поворачиваете или отражаете, как вам нужно.
Форма заявки тоже настраивается. А еще все заявки от клиентов сразу падают в бесплатную CRM-систему, а уведомления отправляют на вашу почту и в Телеграм.
Сайт быстро загружается на любых устройствах
Сейчас среднее время загрузки сайта — до 3—4 секунд.
Чтобы добиться такого результата, мы оптимизировали изображения: уменьшили размер, поработали над загрузкой стилей и скриптов. Еще добавили Lazy Loading — эта технология позволяет загружать только ту часть страницы, которую клиент увидит в первую очередь, а остальное подгружать уже после открытия.
Если измерить результаты в PageSpeed Insights, выходит так:
Результаты PageSpeed Insights влияют на индексацию поисковиками: чем лучше показатель у сайта, тем больше шансов, что он окажется в выдаче одним из первых.
Прием оплаты на сайте
Клиенты могут прямо на сайте оплатить свои покупки. Это можно сделать двумя способами: через форму приема оплаты и через корзину.
Если у вас мало товаров на сайте или вы продаете услугу, подойдет форма оплаты.
Форма оплаты размещается как обычный блок на странице: вы можете сделать страницу с описанием товара или услуги и сразу дать возможность его оплатить. Форма может передавать любые данные клиента, которые вы попросите: телефон, почту, имя и другие.
Если ассортимент товаров большой, подойдет оплата в корзине. Там клиент может сразу оплатить все свои покупки.
Корзина настраивается в разделе «Товары». В этом разделе вы можете вести учет всех товаров на сайте и быстро вносить изменения, если, например, изменилась цена или появилось что-то новое. Изменения применяются для всего сайта, это очень удобно, когда нужно добавить или изменить сразу много позиций.
Доставка. Вы можете сразу предложить покупателю выбрать вариант доставки и оплаты.
Оплата на сайте картами. Чтобы принимать оплату, нужно подключить интернет-эквайринг. В конструкторе Тинькофф для этого нужно написать в чат менеджеру или подать заявку в интерфейсе настроек. Подключим быстро, в течение двух дней.
Оплату можно принимать не только картами, но и с помощью Apple Pay и Google Pay — способы оплаты настраиваются в личном кабинете. Каждая платежная система работает из своего браузера.
SEO-настройки каждой страницы
Мы слышали от клиентов, что сайты на конструкторах сложно продвигать по SEO. Мы предусмотрели настройку тегов Title, Description, ключевых слов для каждой страницы сайта и Open Graph изображения.
Счетчики и аналитика Яндекса и Google подключаются в один клик. С их помощью вы всегда будете в курсе, сколько посетителей было на сайте, какие товары их интересовали, и в зависимости от этого сможете оптимизировать свое предложение.
Мини-страницы для Инстаграма
Инстаграм позволяет вставить только одну ссылку в профиль, но для бизнеса этого может быть мало. Именно поэтому мы разработали шаблон «Мини-страницы»: на такой странице удобно разместить всю базовую информацию о компании и ссылки на свой бизнес.
Он похож на сервис генерации мультиссылок Taplink, только бесплатный и с дополнительными функциями. Например, через наши мини-страницы вы можете даже настроить прием оплаты.
Помощь и техническая поддержка
Каждый клиент может написать в чат поддержки с вопросом по конструктору сайтов: он работает круглосуточно. Там можно проконсультироваться по функциональности, подключить либо отключить услуги или пожаловаться. Например, узнать, как подключить к сайту собственный домен или начать принимать платежи.
Кроме этого, у нас есть чат в Телеграме, где можно напрямую задать вопрос разработчику. В этом чате пользователи обмениваются идеями, советами и обратной связью. А разработчики и аналитики помогают им решать разные нетривиальные задачи.
Скоро запустим
Импорт товаров. Для тех, кто продает много товаров, в ближайшее время в конструкторе появится возможность импортировать товары из XLS и CSV-файлов и файлов формата YML от Яндекса. Также запустим импорт из некоторых систем складского учета, таких как МойСклад, Битрикс24 или ЕКАМ. Пользователям больше не придется описывать каждый товар вручную.
Учет товаров. Конструктор будет автоматически скрывать товары, которые закончились на складе.
Варианты одного и того же товара. Это удобно, например, для одежды: можно задать разные размеры, цвета и варианты фасона.
Обучение работе с конструктором. Скоро запустим подсказки внутри конструктора, чтобы новым пользователям было легко освоиться и сделать свой первый сайт.
Личный кабинет для посетителей сайта. Они смогут отслеживать историю заказов, повторять их, накапливать скидки и отслеживать прогресс обучения в приобретенном курсе.
Интеграция с логистическими компаниями. В раздел доставки добавим интеграции с ведущими логистическими компаниями: СДЭК, Boxberry и агрегаторами. В перспективе мы хотим добавить возможность сделать процесс обработки заказа автоматизированным. Это поможет снизить расходы на исполнение заказа и получать большую прибыль
Кейсы наших клиентов
Мы хотели запустить интернет-магазин подарков. В этом нам помог конструктор сайтов Тинькофф: не пришлось тратить десятки или даже сотни тысяч рублей на создание, а потом платить еще за поддержку и обслуживание.
Во время создания сайта на конструкторе мне помогали сотрудники в телеграм-чате: объясняли, как что работает и как лучше сделать, даже помогали с дизайном для двух моих сайтов. Плюс все необходимое находится в экосистеме банка, которая ежедневно используется для бизнеса: CRM-система в телефоне позволяет мне всегда быть в контакте с бизнесом, а чат на сайте — с клиентами. Прием платежей пока не подключали — нужно проконтролировать наличие товара на складе, прежде чем подтверждать заказ. Эта функция должна скоро появиться, пока ждем.
Как результат, получился красивый, удобный и адаптированный под все платформы сайт, к тому же удобный для бизнеса.
Наша компания занимается продажей маток и пчелопакетов. Решили выходить в онлайн, рассматривали разные решения: сайт на Тильде или самописный. В итоге конструктор сайтов от Тинькофф оказался самым подходящим вариантом: простой, много функций, чтобы сделать сайт. И это совершенно бесплатно.
К сайту легко подключили счетчики и метрики, запустили рекламу на регионы. Причем с рекламой тоже помог Тинькофф: как клиенты банка, воспользовались бонусом от Яндекса для рекламы в интернете.
Получили очень много заявок, и в какой-то момент даже пришлось поставить рекламу на паузу. Очень удобно, что уведомления о заявках и заказах максимально оперативно приходят в Телеграм и на почту.
Из возможностей конструктора наиболее полно использовали товары и корзину, формы заявок и обратной связи, сразу подключили интернет-эквайринг для приема платежей.
Платить налоги и вести бухгалтерию
Для ИП на УСН «Доходы» — онлайн-бухгалтерия. Сервис помогает вести учет, напоминает, когда пора платить налоги и взносы, и рассчитывает сумму налога к уплате. Предпринимателю надо выбрать свой налоговый режим и ставку налога, дальше сервис будет рассчитывать суммы выплат автоматически. В конце года онлайн-бухгалтерия поможет заполнить и отправить декларацию — можно работать без походов в налоговую.
Сервис подходит только для ИП на УСН «Доходы» без сотрудников и эквайринга.
Стоимость — 990 ₽ в год на Простом тарифе. Бесплатно — на Продвинутом и Профессиональном.
Для всех остальных — бухгалтерское обслуживание. Личный бухгалтер на аутсорсе будет вести ваш учет, рассчитывать налоги и общаться с налоговой. Бухгалтер на связи в чате по всем вопросам — можно попросить его разобраться, откуда взялась переплата, или найти, какие льготы есть для бизнеса в вашем регионе.
Сервис подходит для ИП и ООО на УСН или патенте. Стоимость — от 990 ₽ в месяц в зависимости от количества сотрудников и операций.
Первые два месяца — бесплатно при регистрации ИП в Тинькофф.
Подключить онлайн-кассу
По закону с 1 июля 2021 года онлайн-касса должна быть у всех предпринимателей, которые принимают оплату от физических лиц. Если работать без нее, можно получить штраф и доначисление налогов.
Онлайн-кассу можно купить или взять в аренду.
Если сотрудничать только с другими компаниями и ИП, онлайн-касса не нужна.
Принимать оплату от клиентов
Торговый эквайринг надо интегрировать с онлайн-кассой или сразу взять терминал, где будут два в одном.
По счету. В личном кабинете Тинькофф Бизнеса можно сформировать счет на оплату в несколько кликов, отправить его контрагенту по электронной почте или прислать в мессенджер.
Это стандартный метод расчетов, если ваши клиенты — другие компании и ИП. Но при необходимости счет можно выставить и обычному физлицу. Правда, для этого все равно потребуется выбить чек через онлайн-кассу.
Привлечь деньги на развитие бизнеса
Овердрафт — это «запасной кошелек» на случай кассового разрыва, с ним предприниматель может уходить в минус по счету. Например, если завтра надо заплатить поставщику, а деньги от клиента придут только через неделю. Использовать деньги можно до 45 дней. C января 2022 года подключить овердрафт можно сразу после регистрации бизнеса.
Кредитная линия похожа на обычную кредитную карту — можно использовать не весь лимит кредита сразу, а только нужную сумму. Значит, и проценты по кредиту будут меньше.
Работать с контрагентами
Если ИП работает с другими компаниями или ИП, ему надо научиться правильно оформлять документы с контрагентами.
ИП обязан зафиксировать факт того, что проверил партнера. В этом помогут скрины с результатами проверки, на которых видно дату.
Обезопасить себя помогает внутренний сервис проверки в личном кабинете Тинькофф Бизнеса. Он собирает данные контрагента с сайтов налоговой, Минфина, ЕГРЮЛ: реквизиты, коды ОКВЭД, судебные дела, юридический адрес, контакты. Например, можно увидеть, что компания оказывает услуги, которые не соответствуют ее коду ОКВЭД, или что на нее заведено несколько судебных дел.
Перед тем как начать работу с новым партнером, надо проверить его через сервис и сделать скрин с информацией о том, что с партнером все в порядке. Этот скриншот стоит сохранить и добавить в карточку партнера, где вы будете хранить его реквизиты и прочие данные. В этом случае, если у налоговой вдруг возникнут вопросы, вы всегда сможете доказать, что проверяли партнера перед тем, как начать работу.
Пользоваться шаблонами документов. В Тинькофф Бизнесе есть конструктор документов, где собраны необходимые для работы шаблоны — договоры, доверенности, бланки, формы. Они вовремя обновляются в соответствии с законодательством.
Формировать счета и закрывающие документы. Счета-фактуры, накладные, акты выполненных работ удобно создавать в личном кабинете Тинькофф Бизнеса.
Документ можно сразу же отправить контрагенту на почту или в мессенджер.
Продвигать бизнес
Любой бизнес нуждается в рекламе. В Тинькофф мы помогаем клиентам заявить о своем деле и найти новых клиентов.
Создать сайт. Создать простой сайт для бизнеса можно за пару часов в бесплатном конструкторе сайтов Тинькофф. Как это работает: вы выбираете готовые блоки и заполнить нужную информацию. Можно собрать сайт-визитку или даже небольшой интернет-магазин.
К сайту можно подключить эквайринг и принимать онлайн-оплату. С конструктором удобно тестировать маркетинговые гипотезы — бесплатно создавать сайты с разным содержанием и вести на них рекламу.
Для клиентов Тинькофф Бизнеса действуют специальные предложения от партнеров:
- Промокод на 8000 ₽ на таргетированную рекламу во ВКонтакте — команда поддержки поможет с настройкой и запуском рекламы в этой социальной сети.
- Промокод на 12 000 ₽ на первую рекламную кампанию в Яндекс.Директе — размещайте контекстную рекламу и баннеры с рекламой вашего бизнеса в поиске Яндекса.
- Промокод 10 000 ₽ на первую рекламную кампанию в 2ГИС — для покупателей из вашего города. Клиент увидит вашу рекламу, даже когда будет просматривать карточки компаний-конкурентов.
Месяц бесплатного пользования сервисом рассылок UniSender — он поможет создать базу клиентов и отправлять им email-рассылки. Адреса клиентов можно будет поделить на группы по интересам и отправлять только те письма, которые интересны конкретной группе. Сервис помогает анализировать эффективность рассылки, следить за открываемостью, переходами на сайт и тестировать гипотезы. Оформлять рассылки удобно с помощью готовых шаблонов.
Три месяца в подарок от amoCRM для автоматизации бизнеса — эта система показывает историю взаимодействия с каждым клиентом. Можно посмотреть реакции на рекламу, видеть историю звонков и сообщений, даже если они из разных мессенджеров. В системе можно ставить задачи сотрудникам, кому перезвонить и какую информацию ждет клиент.
Экономить на обслуживании расчетного счета
В Тинькофф можно экономить на обслуживании счета: если выполнять определенные условия, оно будет бесплатным.
Читайте новости в Telegram Бизнес-секретов
Анонсы мероприятий, ответы от юристов и полезные статьи о бизнесе
Предыстория
Последние два года мобильный банк выглядел так:
Эксперты называют предыдущую версию приложения лучшим мобильным банком
на российском рынке. В 2013 и 2014 году это признала крупная аудиторская и
консалтинговая компания
Deloitte. Такую же награду мы получили от российского агентства Markswebb Rank&Report — тоже в 2013 и в 2014 году. А еще нас отмечали Frank Research Group и Synovate Comcon.
Клиенты и эксперты полюбили приложение за функциональность,
которой на тот момент не было у других банков.
Несмотря на признание, мы понимали, что пришло время
радикально обновить приложение — многое изменилось в интерфейсах финансовых сервисов, появились новые технологические возможности, обновился наш
сайт и интернет-банк. Поэтому последние восемь месяцев мы работали над
следующей версией мобильного приложения.
За годы накопились ограничения и условия, о которых стоит
рассказать отдельно.
В мире, где царит минимализм, iOS 7 и плоский дизайн, старое приложение
выглядит нагруженным. За годы оно обросло функциями, из-за чего информативность
интерфейса снизилась. В результате клиенты стали тратить лишние секунды на
навигацию и поиск. По этой же причине о других функциях они просто не знали.
В итоге мы стремились сделать интерфейс чище: освободить
пользователя от лишних действий и устранить препятствия на пути к решению его
задач. Чем меньше лишнего, тем выше скорость работы с продуктом и тем лучше
ощущения от взаимодействия.
Чтобы решить эту задачу, мы
поставили перед собой две цели:
- Избавиться от избыточных функций и лишней глубины настроек — когда пользователю дано явно больше возможностей, чем нужно.
- Избавиться от сценариев, дублирующих друг друга. Раньше некоторые действия можно было
совершить двумя или тремя способами. В новой версии во всех подобных случаях мы
оставили один самый логичный и популярный сценарий совершения действия.
За два года у менеджмента банка сформировался свой список конкретных требований и
пожеланий. Этот список тоже оказал влияние на подход дизайнеров к поиску
решений.
Например, банку выгодно, чтобы с помощью приложения клиенты
совершали больше платежей, открывали больше новых счетов и больше общались с
поддержкой через интернет, а не по обычному телефону.
Пожелания были собраны в один большой документ, содержимое
которого часто менялось в процессе: что-то повышалось в приоритете, что-то оказывалось
ненужным, что-то перенесли на будущие релизы.
Параллельно мы собирали данные по использованию старого приложения: в какие разделы клиенты заходят чаще, какие действия совершают, как решают свои задачи.
В процессе мы поняли, что некоторые функции были не очень
нужными, а что-то фундаментально важное наоборот нужно вытащить на поверхность. Поэтому новый интерфейс строился с учетом востребованности операции или действия.
Например, экран поиска ближайшего банкомата мы убрали во вспомогательный раздел именно по этой причине.
Еще одним источником данных были моноприложения. Это наши
небольшие мобильные финансовые продукты, которые выполняют одну конкретную
функцию. Например, «
Штрафы ГИБДД» и «С карты на карту». В моноприложениях мы тестировали наши интерфейсные гипотезы. Проводили A/B-тесты, которые помогли нам упростить сценарии работы с операциями. Например, так мы узнали, что людям удобнее вводить срок действия карты не с помощью интерфейса выбора даты, а просто цифрами в строчку.
Параллельно мы собирали пожелания клиентов, которые нам
оставляли через соцсети, почту и магазины приложений.
Раньше приложение и интернет-банк были сделаны в разных стилях:
Нам было важно сделать так, чтобы клиент при взаимодействии с любыми банковскими сервисами (в вебе или в приложении) понимал, что находится
в одной экосистеме. Это помогает тем, кто работает со всеми нашими продуктами,
не теряться при смене экрана. Это в плюс и маркетингу: единство интерфейса улучшает узнаваемость бренда и повышает лояльность
к банку.
Понятно, что просто взять и перенести веб-интерфейс в
телефон нельзя. Люди по-разному пользуются приложениями и веб-браузерами. Поэтому мы стараемся просто синхронизировать их стиль: зафиксировали палитру
цветов, способ начертания иконок, ключевые интерфейсные модули. Все это нашло
отражение в нашем внутреннем стилевом гайдлайне.
В дизайн-отделе банка есть специалисты, которые отвечают за веб-интерфейс, а есть
ребята, целиком занятые приложениями. Сложность была в том, чтобы
синхронизировать понимание задачи и подход к стилю.
С самого начала дизайнеры договорились об общем принципе, с
помощью которого принимались те или иные решения. Принцип очень простой: делать
интерфейс для пользователя и думать про то, как упростить ему жизнь и избавить
от рутины.
Но откроем маленький секрет: в банковских приложениях
интересы клиента часто пересекаются с интересами бизнеса. Когда возникают
противоречия, всей команде приходится искать компромиссное решение, чтобы
одновременно и позаботиться об интересах пользователей, и о развитии бизнеса.
Три сценария
Итак, мы собрали информацию, сформулировали задачу и зафиксировали ограничения. Начинаем проектировать. Исследуем поведение
пользователей старого мобильного банка и приходим к трем основным сценариям
работы с приложением.
Просмотр счетов. Это
когда клиент приходит в приложение, чтобы узнать, сколько осталось денег, или
изменить настройки своих банковских продуктов. На экране счетов должно быть как
можно меньше лишней информации.
Работа с операциями. Когда
в приложение приходят изучать поступления и расходы. Самое сложное — это анализ трат: нужно показать массу данных и
придумать простой способ работы с ними.
Оплаты и переводы. Сюда
клиент приходит действовать: платить за телефон, переводить родным, оплачивать
штрафы. Самое сложное — рубрикация и категоризация платежей и переводов.
Итак, мы выделили самое важное: счета, ленту операций и
платежи. Три сценария очевидным образом разделили интерфейс на три вкладки. Проявился скелет приложения — три главных его раздела:
Всё, что не относится к этим разделам, — дополнительные экраны. Они все переехали в дополнительное меню справа. Это акции, ближайшие
точки пополнения, банкоматы, настройки, контакты и курсы валют:
Теперь заглянем в каждый
основной раздел и посмотрим, как он сделан.
Счета
Это стартовый экран. Когда клиент попадает сюда, приложение показывает ему, сколько осталось денег на всех его счетах:
Потом клиент действует по одному из трех сценариев.
На странице счета изучает детали по каждому подключенному
банковскому продукту — вкладам, кредиткам, накопительным счетам.
В верхней части экрана — самые важные данные. Например, для
дебетовых карт отобразится общий заработок по кэшбэкам:
Для кредитов — сумма задолженности и даты ближайшего платежа:
Для кредиток с программой лояльности —
количество заработанных миль и баллов:
Отсюда каждый счет можно пополнить любыми доступными способами. У каждого продукта свои условия пополнения, поэтому лишние варианты
просто не показываются:
Дальше на экране — бесконечный список с историей операций по выбранному продукту:
Второй сценарий — настройка статуса карт. Иногда пользователям нужно срочно заблокировать или перевыпустить карту. Поэтому у
каждого продукта есть контекстное меню, которое открывается по левому свайпу:
Мы пытались не засорять экран лишними настройками. Поэтому все детали спрятались, но доступны в один жест.
Последний сценарий на экране счетов — открытие новых продуктов. Для этого нужно нажать на синюю кнопку с плюсом (см. скриншот выше).
В версии 3. 0 эта кнопка всегда под рукой. Правда, она
вызвала нарекания от владельцев смартфонов с небольшими экранами. Особенно тех,
у которых открыто много счетов. Поэтому в ближайших обновлениях эта кнопка
спрячется в подвал экрана, где не будет никому мешаться.
Тут много интересного. Клиенты подают заявки на любые карты банка:
Кстати, с экраном счетов и tab bar связана одна из немногих правок, к которой приложил руку лично Олег Юрьевич. Он
попросил вернуть иконкам карт герб: это важный образ для бренда, и в приложении
он потерялся. Поскольку других замечаний у него было, мы склонили голову и
подчинились.
События
Здесь клиент изучает свой бюджет и историю операций. Мы хотели сделать так, чтобы он анализировал свои финансовые привычки без
дополнительных инструментов. Приложение помогает исследовать свои траты:
изучать их структуру по категориям и фильтровать в истории — по дате, бренду и
платежным инструментам.
Появилась задача дать клиенту как можно больше различных
способов фильтрации, но сохранить простоту и ясность взаимодействия.
Первое, что сделали, — объединили историю по всем продуктам
в одну ленту. Это позволяет пользователю оценивать всю ситуацию с высоты
птичьего полета, что было невозможно в старой версии.
При этом нам важно было оставить возможность детализировать
траты по каждому продукту. Операции по конкретному счету или карте по-прежнему
можно смотреть — но не в аналитическом разделе, а на экране счетов (см. в
предыдущем разделе).
Все это привело нас к простому и ясному решению: каждый
параметр операции — это отдельный тег. Тегами являются:
- число, дата, месяц или год, когда совершена операция;
- название счета (продукт, с которого совершена
операция); - бренд (где сделана операция);
- категория покупки (распознается автоматически по MCC) или тип перевода (это способ появится в одном из ближайших обновлений).
Многоуровневые теги помогают тонко настраивать выборку операций и смотреть на структуру трат с разных ракурсов. Идея в том, что меняя
и комбинируя теги, вы делаете и краткосрочные, и долгосрочные выводы о
финансовой жизни. Например, понимаете, что тратите слишком много на кредиты. Или осознаете, что ближайшие пару недель лучше не пить кофе в «Кофемании» каждый день. В общем, клиенты
полноценно ведут учет расходов (кроме распределения наличных), а приложение
помогает ему на них смотреть.
Для этого теги крепко сцеплены с инфографической частью —
пайчартом, где структура трат представлена визуально. «Пирог» трат отображает
расходы по примененному фильтру, а заодно упаковывает их в категории.
Когда пользователь применяет фильтры, приложение наглядно
отображает результат каждого его шага. Сортировка получилась простой и
информативной, но пока она работает не на полную мощность — сейчас мы
развиваем идею, чтобы сделать навигацию по тратам еще удобнее. Посмотрим на
некоторые детали.
Первое, что видит клиент, — пайчарт с тратами за последний
месяц. Показывается список из 6 самых затратных категорий:
Все, что не влезает в этот список, попадает в пункт «Остальное»:
Пайчарт можно свернуть, и тогда та же информация отобразится в виде истории операций. Тут никаких откровений нет, это привычный список
расходов по карте.
У каждой операции есть собственный экран (для этого надо нажать на нее). Для покупок отобразится географическая метка и сумма начисленных бонусов:
У платежей и переводов эта страница выглядит иначе. Здесь данных мало, зато можно выслать чек, повторить перевод или добавить его в
избранное:
Мы пытались сделать список событий наглядным и чистым. Для этого мы отобрали и адаптировали несколько тысяч логотипов популярных брендов:
Вот так это выглядит в ленте:
Если приложение не узнаёт бренд, то показывает типовые иконки с буквами, как в почтовых клиентах:
У операций тоже свои типовые иконки:
Забегая вперед, скажу, что иконки как в мобильном, так и в интернет-банке скоро поменяются и станут ярче. А еще вернутся иконки категорий.
Платежи
Обычно это самый скучный раздел. У большинства банковских приложений здесь находится поисковая строка плюс набор типовых операций из топа
самых популярных (оплата телефона, интернета, ЖКХ или переводы между счетами).
Мы хотели пойти дальше: помочь пользователю сразу платить, а
не искать. Поэтому попытались избавиться от лишних взаимодействий.
Формулируем задачу: показать клиенту все разделы на одном
экране, чтобы он мог оказаться внутри каждого из них в один жест.
Разбиваем переводы на разделы. Упрощаем названия категорий:
пытаемся сделать так, чтобы человек меньше сталкивался с незнакомыми
сущностями. В итоге — избавляемся от банковского языка и банковской теории:
Было
Стало
Третьему лицу в другой банк
Людям
Юридическому лицу
Организациям
Клиенту другого банка по номеру карты
С карты на карту
Параллельно забираем категории платежей из старого мобильного банка (телевидение, интернет, мобильная связь, госуслуги,
электронные кошельки и прочее).
Понимаем, что хотим показать как можно большей категорий
платежей и переводов на одной странице. Приходим к решению: страница платежей —
это витрина. Не поисковая строка с выдачей, а своего рода маркетплейс:
Когда мы работали над этим экраном, то смотрели на интерфейсы современных магазинов мобильных приложений. Они далеко не идеальны,
но уверенно справляются с тем, чтобы быть витриной для сотен и тысяч самых
разных продуктов. Это помогло нам выстроить навигацию. Все-таки у нас больше
3000 платежных партнеров.
Бизнесу понравилась идея маркетплейса: банку выгодно, когда
пользователю удобно платить, так он совершает больше операций. Возможно, потом
мы будем выводить на этом экране персональные предложения или продвигать новых
подключенных партнеров.
Смотрим на детали
Самыми первыми отображаются избранные платежи (в прошлом — шаблоны). Сюда попадают
операции, которые ранее добавили в избранное. Удобство в том, что они всегда на
самом верху и доступны в одно нажатие. Порядок шаблонов в списке можно
редактировать. Когда попадаем на страницу платежа, остается только указать
сумму:
Дальше — сами платежи, о категоризации которых мы уже говорили. Все категории не влезают
на главную, поэтому тем, кому нужно, показываем их в виде списка:
В переводах много специальных экранов. Например, меню переводов между счетами. Ничего лишнего, только выбор продуктов, суммы и комиссия (нулевую тоже
отображаем, чтобы не вызывать лишних сомнений):
Чем сложнее операция, тем больше может вместить экран совершения операции. Например, когда в операцию между счетами включена конвертация валют (если вы
переводите деньги с рублевой карты на валютный счет), показываются настройки
ввода валют:
Интерфейс перевода с карты на карту, как и в старой версии, предлагает отсканировать
карту, чтобы не вбивать ее номер (это наше ноу-хау). Если переводим с новой
карты, приложение сразу предлагает сохранить ее реквизиты:
Любой перевод сразу же можно превратить в шаблон — регулярный или автоматический:
Совсем новая фича — привязка контактов к платежам. Мы часто оплачиваем счета наших
близких или переводим друзьям. Когда таких шаблонов много, в них становится
сложно ориентироваться. Мы решили плотно заняться этой проблемой.
Теперь любой платеж можно привязать к контакту из записной книги. Делается в
несколько движений. Выбираем контакт:
Потом выбираем шаблон, с которым мы хотим связать контакт:
Например, мы хотим связать знакомого с его же картой, на которую уже совершали перевод. Это будет выглядеть так:
Получается, что у каждого контакта появилась специальная страница всех привязанных к нему
платежей. То есть вы, например, можете, набрать «мама» в поиске по приложению,
и увидите все связанные с мамой платежи:
Обратная связь и планы
Любое переосмысление интерфейса разрушает маленький уютный мир пользователя. Тут ничего не поделаешь — люди плохо переносят перемены в
вещах, которые им привычны. Тем более, когда дело касается достаточно
щепетильных сервисов — таких как личный финансовый инструмент.
К сожалению, сделать сразу идеальный интерфейс невозможно. Поэтому сейчас мы получаем много отзывов из серии «верните все как было». Мы
знали, что это произойдет, но эмоции пользователей тоже понимаем.
Внутри команды мы верим, что пройдет пара-тройка месяцев, и
клиенты, которые сейчас ругаются, поймут, что ошибались. Вспомните, как после презентации iOS 7 80% отзывов тоже были негативными. А сейчас это
вершина, к простоте и функциональности которой стремятся все дизайнеры в мире.
На самом деле, мы максимально сгладили переход от старого продукта к новому. Перемен было запланировано гораздо больше, но мы решили не внедрять все сразу, а постепенно, осторожно погружать клиента в новую среду. Новая платформа теперь есть, и мы сосредоточимся на том, чтобы развивать ее.
Сейчас мы исправляем ошибки и баги, которые попали в
финальную версию приложения. Параллельно работаем над новыми фичами и
функциями. Пока не расскажем, какими.
Как видите, наше приложение и интернет-банк уверенно
двигаются в сторону полноценного PFM-сервиса (то есть персонального финансового
менеджера). Но это только первые шаги.
Поэтому мы будем продолжать работу над аналитическими и
платежными функциями. Но одновременно будем бороться за простоту. Не
функциональную бедность, а именно простоту взаимодействия с банковскими
сервисами. Это главный принцип, который помогает нам в работе.
На самом деле, весь редизайн затевался, чтобы поменять иконку. Вот так:
Усовершенствовали работу со счетами и платежами
Все платежи и счета — на одном экране. Раньше все входящие и исходящие операции располагались в двух вкладках: «Создать» и «События». В «Событиях» можно было просматривать выставленные счета, входящие и исходящие платежи, а во вкладке «Создать» — создавать их.
Теперь переводить деньги партнерам и выставлять счета стало удобнее: все это можно делать, не переключаясь между экранами.
Избранные платежи. На этом же экране разместили избранные платежи. Раньше клиенты создавали черновик платежа, а затем возвращались и отправляли его в нужную дату. Сейчас, если у компании есть регулярные переводы, проще всего добавить платеж в избранное и потом отправлять его в один клик.
Перевод себе на «Тинькофф». Вывод денег со счета ИП себе на карту физлица — одна из самых частых операций в нашем приложении. Теперь это тоже можно сделать в пару кликов: мы добавили в избранные платежи пункт «Себе на “Тинькофф”». Реквизиты своего счета вводить не придется — только сумму перевода.
Умная платежная форма. Теперь не надо выбирать, куда вы хотите перевести деньги — например, в налоговую, в бюджет или партнеру. Достаточно начать вводить ИНН, и умная форма поймет, куда нужно отправить деньги.
Штрафы ГИБДД. Теперь руководитель компании может узнавать о штрафах водителя, как только они появятся. А значит, их можно будет уплатить раньше, пока действует скидка 50%. Если в штате несколько водителей, можно отслеживать, кто из них чаще нарушает правила.
Для этого в разделе «Штрафы ГИБДД» нужно ввести номер водительского удостоверения или свидетельства о регистрации транспортного средства и посмотреть, нет ли неоплаченных штрафов.
Можно добавить в приложение все машины, которые есть в компании. Тогда уведомления о новых штрафах будут отображаться в разделе «Счета на оплату». Данные обновляются автоматически.
Подпись и печать при выставлении счета. Чаще всего счет, который вы выставляете партнеру по договору, не обязательно подписывать. Но многие наши клиенты предпочитают ставить подпись и печать.
Теперь не нужно распечатывать счет, подписывать, ставить печать, а потом сканировать, чтобы отправлять получателю. Добавить изображение своей подписи и печати в приложении нужно только один раз при выставлении счета. Потом достаточно будет выбрать подписанта, и факсимильные подпись с печатью добавятся автоматически. После загрузки подписи и печати к счету можно добавить логотип компании.
Когда счет готов, его можно отправить партнеру прямо из приложения в мессенджеры или по электронной почте.
Улучшили навигацию
Поиск в приложении. Поиск в приложении стал удобнее — теперь не обязательно вводить запрос до конца, при вводе в строку поиска сразу выпадают подсказки. А по клику на строку поиска мы сразу показываем разделы, которые часто ищут в приложении.
Упростили доступ к сервисам
Сервис поможет вычислить фирму-однодневку и предотвратить возможные проблемы с налоговой. Прежде всего мы рекомендуем проверить, действующий это бизнес или нет, по какому адресу зарегистрирован, кто руководитель и соответствуют ли коды ОКВЭД тому, чем контрагент занимается. И все это в одном окне — не нужно проверять компанию на нескольких сторонних ресурсах.
В ближайших обновлениях приложения результаты проверки контрагента будут отображаться при выставлении счета или переводе денег.
Запустили бизнес-копилку
Бизнес-копилка — дополнительный счет, на который предприниматель может регулярно откладывать с каждого поступления определенную сумму на разные цели: налоги, зарплаты, новое оборудование или другие.
Для этого при создании копилки нужно указать процент отчислений и счет, с которого будут переводиться деньги. Настроить можно один раз, а дальше деньги будем переводить автоматически. Процент пополнения всегда можно изменить в настройках в любое время или вообще временно отключить копилку.
Адаптировали приложение для iPad
В отзывах мы часто встречали запрос адаптировать приложение для работы на iPad в горизонтальной версии.
Поэтому в версии для iPad появилась ландшафтная ориентация. Теперь можно работать с горизонтальной версией приложения и, если нужно, использовать физическую клавиатуру.
Добавили темную тему
Темная тема — еще один из самых частых запросов наших клиентов:
Вы просили — мы сделали!
Предлагаем протестировать ее и тем, кто обычно выбирает «светлую сторону». Ночью темная тема комфортнее для глаз, а еще она экономит заряд батареи.
Когда светлая тема будет меняться на темную, зависит от настроек вашего гаджета. Но можно установить темную как основную и использовать ее постоянно.
Открыть бизнес или счет для бизнеса
Если вы только планируете открыть бизнес и компания еще не зарегистрирована, можно отправить заявку прямо из приложения.
Мы поможем открыть ИП без походов в налоговую, без оплаты госпошлины и сразу откроем счет для бизнеса. Вам нужно только установить приложение и оставить заявку. А в ближайшем обновлении можно будет зарегистрировать и ООО.
Расскажите в комментариях, что вам нравится в приложении «Тинькофф Бизнеса», а что еще можно доработать и каких фишек вам не хватает.
Ваш браузер устарел
Пожалуйста, обновите браузер — из-за старой версии браузера сайт
может работать неправильно
-
Chrome
-
Firefox
-
Opera