Промоматериалы для работы с рассрочками и кредитами

Как Тинькофф предоставляет промоматериалы для рассрочек и кредитов?

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

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

Гайдбук доступен по ссылке в PDF: можно просто открыть его в браузере или скачать.

Как скачать материалы из Фигмы?

Покажем на примере, как это сделать.

Допустим, вы хотите сообщить покупателям, что оплата в рассрочку или кредит теперь доступна на сайте:

  1. Откройте гайдбук в браузере или скачайте PDF. Если смотрите гайдбук в браузере, все ссылки из него откроются в том же окне, поэтому удобнее скачать.

  2. Перейдите на нужную страницу.

    Например, материалы для баннеров — на странице 15

    Мы приложили несколько ссылок со всем готовым: подробную инструкцию по адаптации под свой сайт, фирменные шрифты Тинькофф, макеты в Фигме. Эти материалы доступны любому пользователю по ссылке.

    Так выглядят макеты баннеров в Фигме
  3. Скачайте нужные материалы по ссылке. Перейдите по ссылке в Фигму → авторизуйтесь → в правом меню найдите вкладку Export.

    Серое поле в баннерах — для вашей картинки: например, фотографии товара или магазина. Тогда половину баннера будет занимать информация про рассрочку, а вторую половину — иллюстрация

    Выберите макет, который хотите скачать, — его название появится во вкладке Export. Кликните иконку + и выберите формат для скачивания: например, SVG. Нажмите кнопку Export, и макет сохранится в выбранной папке.

    Как скачать макет из Фигмы
  4. Если хотите адаптировать макет под себя и добавить на баннер фото товара, после скачивания из Фигмы откройте его в любом удобном фоторедакторе.

    По этой инструкции можно работать с любыми материалами из гайдбука.

Как рассказать на сайте про рассрочку и кредит?

Мы рекомендуем это делать на нескольких страницах сайта:

  • на главной;
  • в каталоге товаров;
  • в карточке товара;
  • в чекауте и корзине;
  • на посадочной странице.

Как именно это сделать, мы описали в гайдбуке. Там собрали варианты использования элементов интеграции, готовые макеты материалов и примеры того, как это будет выглядеть. Все эти материалы можно скачать из Фигмы и Дропбокса по ссылкам из гайдбука.

Например, вы хотите добавить кнопку «Купить в кредит» в карточку товара. На странице 10 гайдбука мы рассказали, зачем нужна кнопка и как она выглядит в карточке товара. Больше примеров и макеты кнопок собрали в Фигме, ссылка тоже есть на странице 10.

Как рассказать про рассрочку и кредит в карточке товара

Какие материалы для сайта есть в гайдбуке?

Мы приложили все шаблоны, которые могут понадобиться: макеты баннеров, POS‑материалы, логотипы, материалы для страниц сайта. Все это можно скачать из Фигмы и Дропбокса по ссылкам из гайдбука.

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

Страница из гайдбука со ссылкой на архив с логотипами Тинькофф

Еще мы описали, как лучше размещать логотип, какие размеры у него должны быть и как нельзя использовать логотипы Тинькофф

На странице 13 — готовый макет посадочной страницы с рекомендованными блоками и обязательной по законодательству информацией. Это юридические сноски, которые магазин обязан размещать, когда продает в рассрочку или кредит.

На этой же странице есть ссылка с макетами посадочных страниц, в том числе для мобильной версии. На странице с макетами также написали руководство, как использовать блоки и что можно изменить под себя. Например, дизайн списка товаров можно поменять, а юридические сноски — нет.

Фрагмент руководства из Фигмы

Все материалы можно скачать и использовать на своем сайте. Как это сделать

На странице 16 есть кнопки и теги, а также ссылка на исходники в Фигме. Теги — это некликабельные маркеры, которые сообщают о возможности купить в рассрочку или кредит. Их можно разместить рядом с названием или фотографией товара в карточке, меню и рекомендациях.

Тег «рассрочка» в карточке товара

В гайде показаны варианты, которые мы рекомендуем, а по ссылке есть дополнительные, которые подойдут под любой дизайн сайта. Материалы можно скачать и использовать на сайте. Как это сделать

Исходники кнопок в Фигме

Как правильно использовать промоматериалы из гайдбука?

В гайдбуке по интеграции собраны варианты кнопок и баннеров, оформленные по стандартам Тинькофф. Вы можете менять макеты промоматериалов, соблюдая несколько ограничений.

Что нельзя делать с материалами из гайдбука:

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

Как поставить логотип Тинькофф на своем баннере?

Если ни один баннер из гайдбука по интеграции вам не подходит, вы можете создать свой и разместить на нем логотип Тинькофф в любом из углов композиции.

При этом важно соблюдать несколько правил:

    Используйте логотип Тинькофф только вместе с фирменной желтой плашкой, так как это часть логотипа.
    Пример правильного и неправильного оформления баннера
    Визуальный вес двух логотипов должен быть одинаковым.
    Пример правильного и неправильного оформления баннера
    Размер логотипа Тинькофф должен быть не менее 64 × 64 px.
    Пример правильного и неправильного оформления баннера
    Логотипы Тинькофф и вашего бренда должны располагаться в разных углах баннера.
    Пример правильного и неправильного оформления баннера
    Нельзя использовать изображения, фото и 3D-графику из макетов и папок, ссылки на которые лежат в гайде по интеграции.
    Пример правильного и неправильного оформления баннера
    Нельзя менять композицию и пропорцию логотипа.
    Пример правильного и неправильного оформления логотипа Тинькофф

Как правильно использовать логотип Тинькофф?

Ориентируйтесь на гайдбук по интеграции. Если ваша ситуация в нем не описана, то достаточно применять несколько правил.

    Соблюдать расстояние вокруг логотипа

    Используйте правило охранного поля: вокруг логотипа должно быть расстояние, кратное ширине ножки буквы «Т».

    Формула расчета охранного поля вокруг логотипа Тинькофф

    Например, ширина ножки — 10 px. Значит, сверху и снизу логотипа должно быть расстояние 4 × 10 = 40 px, справа и слева — 5 × 10 = 50 px. Между гербом и названием бренда должно помещаться 2,5 × 10 = 25 px.

    Выбрать правильный фон

    Логотип можно размещать:

    • на плашке светло-серого #f6f7f8, белого #ffffff, желтого #f9df55 цвета.
    • без плашки, при этом на светлых фонах и на желтом фоне ставьте черный логотип, а на темном фоне — белый.
    Выбрать правильный вариант герба

    В логотипах Тинькофф используется два варианта герба: полноценный и упрощенный. Полноценную версию герба выбирают, если высота логотипа больше 20 мм / 70 px, упрощенную — при высоте логотипа 8—20 мм / 36—70 px.

    Ориентация логотипа на выбор герба не влияет.

    Слева логотип с полноценным гербом, справа — с упрощенным
    Избегать типичных ошибок

    При использовании логотипов Тинькофф нельзя:

    • менять композицию внутри логотипа;
    • менять пропорцию логотипа: растягивать его по ширине или длине;
    • применять к логотипу любые эффекты;
    • нарушать охранное поле;
    • ставить логотип на фотографический фон;
    • ставить логотип под углом;
    • красить части логотипа в другой цвет;
    • ставить логотип на градиентный фон;
    • использовать текстовую часть без герба.
    Примеры неправильного использования логотипа Тинькофф

Какие промоматериалы предоставляет Тинькофф для офлайн-точек?

У нас есть наклейки и буклеты для размещения в магазине. Чтобы их получить, напишите персональному менеджеру или в чат в личном кабинете агента. Представитель банка привезет их сразу, как только заключим договор.

Комплект промо состоит из пяти элементов. Посмотрите заранее, как выглядят материалы, мы загрузили их на Дропбокс:

Что делать, если материалы не подходят?

Напишите об этом нам на почту tcbpromohelp@tinkoff.ru с темой письма «Вопрос по материалам для интеграции». С вами свяжутся сотрудники банка и помогут решить вопрос.

Получилось найти ответ?
Нет
Да