Вопросы и ответы по дизайну целевой страницы со старшим визуальным дизайнером Фреддириком Мезиасом

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

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

Я сел с нашим старшим визуальным дизайнером Фреддириком Мезиасом, чтобы получить его опыт работы с целевыми страницами после клика и платформой Instapage.

BW: Каков ваш опыт в дизайне и какова ваша роль в Instapage?

ФМ: Мой опыт проектирования варьируется от веб-дизайна, брендинга и дизайна пользовательского интерфейса. Основными инструментами дизайна, которые я использую, являются Sketch (для создания макетов высокой точности), Adobe Photoshop и Illustrator (для создания визуальных ресурсов целевой страницы после щелчка, таких как значки, редактирование фотографий, иллюстрации и т. Д.)

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

BW: Каким был ваш первый опыт создания целевой страницы после клика с помощью Instapage?

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

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

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

Если бы я определил две характеристики Instapage, я бы сказал, что он настраиваемый и безболезненный.

BW: Сколько времени вам понадобилось, чтобы освоиться с Instapage?

ФМ: Совсем недолго. Особенность Instapage в том, что он удобен для дизайнеров. Если вы знакомы с другими инструментами дизайна, такими как Sketch, Illustrator или Photoshop, у вас не возникнет проблем с освоением этой платформы.

Возьмем созданную мною целевую страницу для интеграции HubSpot после щелчка. Вся страница была создана в Instapage, но я создал трехслойную графику страницы в Photoshop и вставил ее в нашу платформу, которая добавила красивый визуальный компонент (перейдите сюда, чтобы увидеть полную целевую страницу после щелчка):

BW: С чем обычно сталкиваются дизайнеры при создании целевых страниц после клика?

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

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

(Вот пример того, как вы можете изолировать элемент и добавить тень к кнопке, используя собственный стиль :)

BW: С кем вы больше всего сотрудничаете при разработке страницы?

FM: В зависимости от кампании у нас есть как минимум 3-5 заинтересованных сторон: 1 копирайтер, 1-2 дизайнера и 1-2 маркетолога. Копирайтер создает убедительный язык, чтобы продемонстрировать ценностное предложение и ключевые преимущества предложения, передает копию мне для окончательного дизайна, а руководители отдела маркетинга наблюдают за проектом и по ходу согласовывают его. Кроме того, в зависимости от потребностей дизайна целевой страницы после щелчка, иногда я общаюсь с нашим графическим дизайнером, чтобы создать гифки или другие визуальные эффекты, которые помогут передать сообщение.

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

(Чтобы лучше понять возможности совместной работы, посмотрите эти ниже - общение через точки доступа и совместное использование страницы со своей маркетинговой командой. Или вы можете перейти сюда.)

BW: Какая ваша любимая функция Instapage и почему?

ФМ: Мне как дизайнеру сложно ответить, но я должен сказать, что моя любимая функция Instapage - это три новые возможности дизайна, о которых мы объявили в июне 2017 года:

• Измерения кромок
• Блокировка оси
• Горячие клавиши

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

Подобно использованию приложения Sketch, у нас есть измерение кромок и сочетания клавиш. Измерение краев особенно круто, потому что вы можете перемещать и выравнивать элементы попиксельно или по диапазону пикселей - получая вещи именно там, где вы хотите. Блокировка оси позволяет плавно перемещать элементы по оси X или Y без необходимости иметь дело с беспорядочными направляющими.

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

Оптимизация и повторение нашего первоначального дизайна после запуска нашей целевой страницы после клика - один из наиболее важных этапов. Здесь пригодятся возможности A / B-тестирования Instapage.

BW: Есть ли конкретная целевая страница после клика, которой вы больше всего гордитесь?

ФМ: Конечно! Несколько месяцев назад у меня был проект по разработке и созданию целевой страницы после клика для запуска нашего решения для совместной работы. Я был относительно новичком в команде, поэтому изучение и следование нашим рекомендациям по бренду и стилю сыграли огромную роль в этом процессе. Мне удалось довольно легко создать целевую страницу после клика, и я с гордостью могу сказать, что в настоящее время она имеет коэффициент конверсии 24% (перейдите сюда, чтобы увидеть полную страницу).

У вас есть особенность дизайна, которую вы бы хотели, чтобы мы добавили?

Мы всегда ищем отзывы от наших клиентов и хотим помочь вам создать более качественные и масштабные целевые страницы с высокой конверсией после клика. Если есть функция дизайна, которую вы хотели бы добавить в наш конструктор, отправьте нам свой отзыв. И мы приглашаем вас ознакомиться с Instapage на Capterra, Trustpilot или G2 Crowd.

Затем начните создавать свою 100% настраиваемую целевую страницу после клика с помощью Instapage. Вы просто не ошибетесь с нашей удобной для дизайнеров платформой и расширенными возможностями A / B-тестирования; ваш коэффициент конверсии будет вам благодарен. Подпишитесь на демонстрацию Instapage Enterprise сегодня.