Буклеты и Google Sheets
Как засинхронить километровые таблицы и макеты для печати
Ниже я расскажу, как подготовить массив данных из exel-таблиц для массовой печати, а также синхронизировать эти данные в реальном времени в Figma
Задача
Подготовить в сжатые сроки несколько буклетов
для офлайн финтех мероприятия
Дано
Несколько больших exel-таблиц с длинными списками стран,
в которых могут или не могут функционировать определённые платёжные системы
Эти данные нужно было структурировать в единый вид и распределить на несколько категорий, а затем в виде аккуратных таблиц разместить
на макетах буклетов для печати.
Заказчику требовалось решение, которое бы позволяло ему
без труда и временных затрат быстро вносить изменения в существующие таблицы
и получать готовые макеты буклетов для печати.
Данные имели следующую классификацию:
1. Страна;
2. Тип сервиса (обработка / расчёт);
3. Платёжный метод (посредник операции; например, Alipay);
4. Тип платёжного метода (электронный перевод, ваучер, наличный расчёт и тд.);
5. Валюта платежа (поступившая в систему валюта);
6. Расчётная валюта (исходящая валюта).
Проблема
Отдельная сложность задачи состояла в том, что в исходных данных некоторые страны имели несколько платёжных методов и их типов, что прямо влияло на необходимость создания новых таблиц с новой структурой.
Как я решал данную задачу
Для начала я подготовил необходимые таблицы в Google Sheets таким образом, чтобы основным наименованием была страна (чтобы не было повторов). Таблицы делились на две основные категории: Обработка и Расчёт. В зависимости от категории я должен был понятно показать возможность или отсутствие возможности финансовой операции конкретным типом платёжного метода:
1. Электронный перевод;
2. Перевод через банковский счёт;
3. Перевод через банковскую карту;
4. Предоплаченные ваучеры;
5. Наличный перевод.
Я воспользовался прекрасным плагином Google Sheets Sync для Figma(очень помог гайд ...)
Если коротко -- плагин позволяет синхронировать таблицу в Google и конктный фрейм в документе Figma, в котором могут показываться не только текстовые данные, но и изображения. После синхронизации с плагином макет мог быть выгружен в PDF и направлен в печать.
Буклет должен был представлять из себя прайс-лист с отметками на тех методах и операциях, которые Paymaster24 может предоставлять.
Я организовал таблицы таким образом, чтобы в “клетке” с доступной операцией (куда обычно добавляют сивол “галочки”) находилось изображение главного символа PayMaster24. В остальные я поместил изображение-заглушку.
В чём состоял трюк с изображением: плагин позволял напрямую работать не только с изображениями (что было проблематично при работе с google-таблицами),
но и с URL изображений. Для того, чтобы заказчик мог удобно пользоваться моим решением, я разместил две картинки-символа (иконка и пустышка) на хостинг
по хранению изображений. Каждое изображение на таком хостинге имеет свою уникальную ссылку, которые можно с лёгкостью, в зависимости от доступности сервиса, размещать в клетках таблицы.
На стороне Figma были готовы Компоненты, которые состояли из 5-ти токенов:
1. Электронный перевод;
2. Перевод через банковский счёт;
3. Перевод через банковскую карту;
4. Предоплаченные ваучеры;
5. Наличный перевод.
По итогу, заказчик получил 5 файлов в Figma с мини-инструкцией для использования в будущем.
Мероприятие прошло успешно и привлекло много клиентов :)
