{"id":14273,"url":"\/distributions\/14273\/click?bit=1&hash=820b8263d671ab6655e501acd951cbc8b9f5e0cc8bbf6a21ebfe51432dc9b2de","title":"\u0416\u0438\u0437\u043d\u044c \u043f\u043e \u043f\u043e\u0434\u043f\u0438\u0441\u043a\u0435 \u2014 \u043e\u0441\u043d\u043e\u0432\u043d\u044b\u0435 \u0442\u0440\u0435\u043d\u0434\u044b \u0440\u044b\u043d\u043a\u0430 \u043d\u0435\u0434\u0432\u0438\u0436\u0438\u043c\u043e\u0441\u0442\u0438","buttonText":"","imageUuid":""}

Миллион компромиссов. Как мы работали над дизайном «кредитки» и с какими сложностями столкнулись

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

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

Идея: Transparency is the new black

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

Потом — первый эскиз карточки: светлый прозрачный пластик, без магнитной полосы, с маленьким чипом и минималистичным логотипом.

А потом мы столкнулись с реальностью.

Логотип и голограмма

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

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

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

Магнитная полоса

Информации о том, что магнитная полоса с обратной стороны карты должна быть именно черного цвета, нет в «гайдах» Mastercard. О том, что черная и только черная, вы можете узнать, только спросив у компании-производителя.

У Mastercard есть опция выпустить карту без магнитной полосы — эта возможность появилась недавно и своим появлением нас очень обрадовала. Правда, потом выяснилось, что карта без магнитной полосы связана с ограничениями для клиентов: эта карточка действительна только в Европе (на ней даже написано Europe Only). Одна эта черная полоса настолько сильно меняет облик карты, что мы всерьез думали, а не выпустить ли нам Special Edition только для ЕС. Но, конечно, передумали: сложно было бы объяснить клиенту, что из эстетических соображений ему понадобится носить с собой два куска пластика.

Чип

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

Пластик

И я хотел светлый пластик. Но ближе к делу производитель сообщил, что такой опции вообще не существует. Некоторые модели банкоматов могут просто «не увидеть» карту, если она полностью прозрачная. Поэтому при производстве прозрачных карт используют только тонированный пластик. Как вы поняли, об этом мы тоже узнали только при изготовлении.

Шрифт и мощность лазера

Имя, фамилию владельца и номер карты называют «персонализацией». Так вот, есть несколько способов нанесения персонализации — лазер, эмбоссинг (вдавливание) или термопечать со слоем лака сверху. Для вдавливания у Mastercard много ограничений, а если используешь лазер, то все практически на свой вкус: оговорены лишь минимальные размеры шрифта и минимальные допустимые отступы. А собственно шрифты можешь выбирать сам.

Мы выбрали лазерную персонализацию — она выглядит более элегантно, менее броско. Чтобы персонализация не выделялась на фоне остальных элементов, мы хотели сделать ее гораздо светлее обычного. Для этого надо было правильно подобрать мощность лазера — она влияет на текстуру, на то, насколько текст будет выпуклым, и на интенсивность цвета.

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

Выравнивание и края текста

Вот еще нюанс: в идеале все элементы на карте должны быть выровнены по одной линии. А у нас в ходе изготовления разъехались дата выпуска карты и мелкий текст пояснений. И это уже нельзя никак переделать. Дело в том, что все карты печатаются одним большим пластиковым листом — их там много штук сразу. Потом на этот гигантский лист наносится весь стандартный текст (который один для всех, не персонализированный). И только потом этот лист разрезают на отдельные карты. И разрезаются они не идеально ровно — бывает, что все чуточку съезжает. А машины, которые наносят персонализацию, уже настроены. И если карточка чуть-чуть съехала, то у тебя съезжает то, что напечатано. От этого никак не избавиться.

Что удалось

Отказались от поля для подписи

Тут нам повезло: Mastercard стал разрешать его не использовать. Сперва мы планировали предусмотреть на карте матовый участок, где бы клиент мог подписываться специальным маркером (который давали бы в комплекте с картой). Но в итоге это не понадобилось.

Максимально «очистили» лицевую сторону карты

Нам кажется, что у большинства производителей лицевая сторона расчетной карты страдает от переизбытка символов. Мы постарались оставить там минимум элементов, перенеся персональные данные на тыльную сторону. За счет этого карта выглядит аккуратнее, ее поверхность играет на свету, а не рябит обилием данных. Лицевая сторона стала похожа на лицевую, на «обложку». За счет этого логотип компании не затерялся среди других деталей.

Выводы

  • Все прозрачные карты похожи между собой. В итоге наша карта оказалась похожей на карту другого банка — хотя такого, естественно, не предполагалось. По ходу проекта стало понятно, почему некоторые элементы у них сделаны именно так — это единственный возможный способ в текущих условиях: все прозрачные карты на сегодняшний день будут похожи между собой. Потому что все, что их роднит, является обязательным. Иначе ее просто не изготовить.

  • Но они могут отличаться степенью педантизма. В этих условиях сделать дизайн карты уникальным можно только за счет оттачивания деталей — делать все дотошно, добиваясь максимальной опрятности, продумывать все до мелочей.
  • На внешний вид пластиковый карты влияет не только то, что есть в «талмуде» от Mastercard. Лучше сразу же обсуждать все детали с производителем, задавая даже, казалось бы, самые очевидные вопросы. Это впоследствии сэкономит вам время.
  • Производитель — не Копперфильд. Рассчитывайте на то, что будут неточности, мелкие огрехи и, как следствие, необходимость переделывать. Закладывайте на это дополнительное время в проекте, чтобы не обманывать ожидания клиентов.
  • Надо делать мир лучше. Если вы внезапно стали отвечать за дизайн пластиковых расчетных карт, помните: чем больше людей будут стараться сделать вдумчиво, аккуратно, внимательно, тем меньше будет на рынке безвкусицы. Платежные системы (Mastercard и иже с ними) наверняка отслеживают запрос на изменения, так что если все будут стремиться делать хорошо и красиво, то, глядишь, требования платежных систем станут более гибкими для элегантного дизайна.
0
56 комментариев
Написать комментарий...
Юрий Андреев

cvv и данные юзера с одной и той же стороны?

Ответить
Развернуть ветку
Наталья Полыця
Автор

Да! На лицевой стороне — логотип мастеркарда, название компании, типа карты (debit), на другой — имя-фамилия, номер карты, срок годности и CVV. Вот тут, может, лучше видно:
https://www.facebook.com/watch/?v=2640051096213393

Ответить
Развернуть ветку
Bender Rodriguez

а то что на любой камере будет видны все данные карты вам как я понимаю все равно и деньги вы не вернете которые потом спишут?

Ответить
Развернуть ветку
Наталья Полыця
Автор

Вы имеете в виду камеру в банкоматах? Так я понимаю, что наоборот, вся информация "мордой вниз" будет. Но хороший вопрос, я уточню утром! Спасибо!

(Пока предположу следующее. Обычно есть два сценария онлайн-оплаты: либо сайт продавца поддерживает 3D Secure, и тогда платежная страница перенаправляет вас в ваш интернет-банк, где CVV не играет роли, либо, если нет 3D Secure и можно сделать покупку только с данными карты и CVV, то продавец несет ответственность за все риски и возвращает деньги по первому требованию клиенты — если будет жалоба, что он этой покупки не делал, а произошел факт мошенничества, то компания все выплачивает. Например, второй сценарий использует Ryanair — учитывая потом транзакций, им дешевле возмещать убытки пострадавшим от мошенников, чем поддерживать 3D Secure. Иными словами, клиент свои деньги получит, независимо от банка/платежного сервиса. Но я еще уточню!)

Ответить
Развернуть ветку
Bender Rodriguez

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

Ответить
Развернуть ветку
53 комментария
Раскрывать всегда