У Outlook лист розсипається: картинки зсунуті, кнопки пропали
Верстаємо на MJML і перевіряємо код у основних поштових клієнтах. Для Outlook додаємо окремі запасні рішення, бо він читає HTML по-своєму.
Email-шаблони, які однаково виглядають у Gmail, Outlook і на телефоні
Верстаємо адаптивні листи на MJML (мова розмітки, яка перетворюється на надійний email-код). Ви отримуєте шаблони, які підключаються до вашого сервісу розсилок і не ламаються в поштових клієнтах.
Кошторис і строки після брифу
Кому підходить
- Інтернет-магазини, яким потрібні листи про замовлення, кошик і акції
- Бізнеси, що ведуть регулярну розсилку новин чи пропозицій
- Команди, у яких розсилка «з'їжджає» в Outlook або Gmail
- Компанії, що налаштовують автоматичні ланцюжки листів і CRM
Які задачі вирішуємо
На телефоні текст дрібний, а кнопку важко натиснути
Робимо шаблон адаптивним: одна колонка на малому екрані, великі кнопки, читабельний шрифт. Окремо перевіряємо темну тему.
Кожну розсилку дизайнер збирає з нуля, це довго і дорого
Створюємо бібліотеку блоків: шапка, товарна картка, кнопка, підвал. З них ви збираєте нові листи без розробника.
Лист потрапляє в спам або виглядає без картинок
Пишемо чистий код, додаємо текстову версію й осмислені alt-тексти. Це не гарантує inbox, але прибирає типові технічні причини.
Що входить у роботу
- Аналіз макета (Figma чи інший) і узгодження блоків
- Верстка на MJML з експортом у HTML
- Адаптивність для телефона, планшета й десктопа
- Запасні рішення для Outlook (VML для кнопок і фонів)
- Підтримка темної теми, де це технічно можливо
- Оптимізація зображень і alt-тексти
- Текстова (plain text) версія листа
- Тестові відправлення в Gmail, Outlook, Apple Mail
- Імпорт шаблону у ваш сервіс розсилок: Mailchimp, SendGrid, Klaviyo, Brevo, eSputnik та інші
- Змінні для персоналізації: ім'я, товари, промокод
Оберіть обсяг роботи
Пакет допомагає описати задачу. Кошторис і строки погоджуємо після брифу та уточнення вимог.
01
Один шаблон
Для разової розсилки або тесту
- 1 лист за готовим макетом
- Адаптивна верстка на MJML
- Перевірка в трьох поштових клієнтах
- Імпорт у ваш сервіс розсилок
02
Набір із 5 шаблонів
Для магазинів і сервісів із регулярними листами
- 5 листів в одному стилі
- Бібліотека повторюваних блоків
- Змінні для персоналізації
- Тест у Gmail, Outlook, Apple Mail
- Імпорт і короткі інструкції
03
Система листів
Для автоматизації: транзакційні листи й ланцюжки
- 10+ шаблонів: замовлення, кошик, привітання
- Єдина бібліотека блоків
- Підключення змінних із CRM або магазину
- Налаштування в сервісі розсилок
- Навчання вашої команди
Як працюємо
Бриф і макет
Отримуємо макет або створюємо його за вашим брендом. Узгоджуємо, які блоки й змінні потрібні.
Верстка на MJML
Збираємо шаблон із блоків, додаємо запасні рішення для Outlook і темну тему.
Тестування
Надсилаємо тестові листи в основні клієнти й на телефони. Виправляємо розбіжності.
Імпорт у сервіс
Завантажуємо шаблони у ваш акаунт і перевіряємо змінні на реальних даних.
Передача
Віддаємо вихідні MJML-файли та HTML. Усе належить вам за погодженими умовами.
Межі роботи
- Не обіцяємо потрапляння у вхідні: це залежить від репутації домену й налаштувань відправки
- Не гарантуємо ідентичний вигляд у кожному старому поштовому клієнті: наближаємося максимально, але деякі відмінності лишаються
- Не пишемо тексти розсилок і не ведемо кампанії в цій послузі: тільки верстка та інтеграція
Часті питання
Що таке MJML і чому не звичайний HTML?
MJML — це мова, яка спрощує створення email-коду. Поштові клієнти читають HTML гірше за браузери, тому лист потребує таблиць і обхідних рішень. MJML генерує цей код автоматично, а ми дописуємо вручну те, що потрібно для Outlook.
Що потрібно від мене?
Макет у Figma чи інший, бренд-гайд, логотип і картинки. Також доступ до сервісу розсилок для імпорту. Якщо макета немає, можемо створити його окремо.
З якими сервісами розсилок ви працюєте?
З Mailchimp, SendGrid, Klaviyo, Brevo, eSputnik та більшістю інших, які приймають власний HTML. Перед стартом перевіряємо обмеження вашого сервісу.
Чи буде лист добре виглядати в темній темі?
Так, ми готуємо стилі для темної теми й перевіряємо їх. Але деякі клієнти змінюють кольори самостійно, і контроль тут обмежений. Ми підбираємо рішення, які стійкі до цього.
Чи зможу я потім змінювати листи сам?
Так. Ви отримуєте MJML-файли та бібліотеку блоків. Змінювати тексти й картинки можна в редакторі вашого сервісу або у файлах. Складніші зміни ми можемо зробити за окрему оплату.
Як формується ціна та оплата?
Порядок оплати погоджуємо разом із кошторисом до старту. Якщо проєкт має кілька етапів, описуємо результат і умови приймання для кожного. Підтримку та зовнішні сервіси враховуємо окремо.
Почнемо з вашої задачі
Опишіть бізнес, бажаний результат і поточний процес. Після брифу уточнимо вимоги та підготуємо кошторис.