22 декабря 2020
Сайт на английском для продукта, который помогает приводить органический трафик
Изучили рынок, продукт и конкурентов. Придумали общий концепт. Написали весь контент, собрали прототип и дизайн для проекта «Pagerix».
Я МЕНЕДЖЕР И ХОЧУ ГОДОВОЙ БОНУС!
Представьте, что вы — маркетинг-менеджер крупной ритейл или тревел компании. Скорее всего все страницы товаров (или направлений) являются копией описания, предоставленного производителем и уже есть на тысячах других сайтов. Это сильно ограничивает органический трафик.

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

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

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

Расскажем о том, как мы собирали сайт для Pagerix. Продукт стартует с американского рынка, поэтому язык — американский-английский.
СОБИРАЕМ МАЙНДМЕП ПРОДУКТА
Проработка прототипа требовала особенного внимания. Продукт новый, таких на рынке еще нет и очень важно сделать такое ценностное предложение для пользователя, чтобы у него не осталось ни единого сомнения.

Всю работу мы строим строго по нашему фреймворку прототипирования.

Прежде всего мы собрали майндмеп. Это такая карта, на которой прописаны все важные свойства продукта. Майндмеп позволяет в одном экране посмотреть на продукт целиком и ничего не упустить при создании сайта.

На картинке мало что видно — да оно и не надо вам. Но просто поверьте, что работа эта большая и кропотливая : )
СОЗДАЕМ ПОРТРЕТЫ ПОЛЬЗОВАТЕЛЕЙ
С живыми пользователями мы обычно не общаемся, однако портреты пользователей всё равно нужны. Такие портреты помогают точнее проработать боли каждой группы пользователей и пропитаться к ним эмпатией.

Портреты создаем на основе изучения рынка, брифа клиента и нашего здравого смысла.

В конце каждого портрета идет описание в стиле Jobs To Be Done: Когда я ______ (контекст), я хочу ______ (мотивация), чтобы _____ (результат).

Все портреты согласовали с дружественным американским агентством. Чтобы не было никаких сомнений, что мы правильно понимаем аудиторию.
РИСУЕМ УТП-КАНВАС
Есть такое упражнение под названием «Бизнес-модель по Остервальдеру» или «Бизнес-канвас». Вот для понимания статья на Хабре.

Это такая табличка, в которой на одном листе видны все стороны бизнеса: ключевая деятельность, ключевые партнеры, ценностные предложения, клиенты, каналы сбыта и так далее.

Из этой бизнес-модели родилось множество вариаций. Одна из них — УТП-канвас. Это такой же большой лист, на котором есть все данные, которые помогут собрать ценностное предложение для посетителей сайта.

Для Pagerix мы сделали УТП-канвас.
  • Проблемы клиентов
    Опишите проблемы, которые необходимо решить ползователю. Если у вас несколько категорий клиентов — описываем несколько видов проблем.
  • Наши решения
    Здесь описываем то, как мы собираемся решать проблему пользователя с помощью нашего продукта.
  • Альтернативы
    Опишите, как клиент решает проблему сейчас. И не забудьте про такой вариант: никак не решает, клиент просто забил.
  • Нечестные преимущества
    Распишите такие преимущества, которых нет у конкурентов и пока что просто физически не может быть.
  • Общая концепция
    Рассказываем про продукт общими словами, чтобы было просто и понятно, о чём этот продукт и что он делает.
  • Сегменты ЦА
    Всегда можно выделить несколько сегментов целевой аудитории. Выделите их и опишите чуть подробнее.
  • Возражения клиентов
    Подумайте и сразу же предскажите все возражения клиентов. Это поможет заранее отработать их на сайте.
  • УТП
    Скорее всего эти уникальные торговые предложения попадут на сайт в измененном виде. Но это — наш первый подход к формированию УТП.
Мы не показываем итоговый УТП-канвас Pagerix по просьбе клиента, но вы можете посмотреть шаблон здесь :)
ВХОДИМ В РОЛЬ И ПИШЕМ РАССКАЗ В БАРЕ
Пишем вольное сочинение на ему "я в баре объясняю продукт пьяному другу". Это сочинение — последовательность повествования и основа будущего сайта. Здесь можно не запариваться за красоту текста. Главное — смысл.

Часть рассказа смотрите на картинке ниже. Полный рассказ тут.
СОБИРАЕМ ПРОТОТИП
Теперь у нас есть вся информация, чтобы собрать крутейший прототип сайта. Работаем по итерациям и каждую итерацию согласовываем с клиентом.

Так у нас получается не загадочный кот в мешке, а вполне себе ожидаемый продукт с высокой и детальной проработкой всего контента.
1
Итерация 1. УТП.
Формируем корневое УТП, создаем структуру страницы с черновыми текстами. Все этапы итерации проходят внутренннее ревью внутри команды.

Как только один проектировщик собрал вариант страницы, его проверяют ещё 2 проектировщика из Out.agency.
2
Итерация 2. Внутренние блоки.
Дорабатываем структуру сайта, прорабатываем внутренние блоки и начинаем работать над текстами.

Делаем ревью внутри команды и согласовываем с заказчиком.
3
Итерация 3. Чистовые тексты.
Прорабатываем чистовые тексты, разрабатываем дополнительные поля: окна заявки, блоки с динамическим контентом, системные сообщения. Финальные штрихи.

Круговое ревью в Out.agency и согласование с клиентом.
4
Буферные доработки.
Вносим мелкие исправления и сдаём прототип.
Каждая рабочая итерация вместе с внутренним ревью длится около недели.
На обратную связь даём 2−3 дня клиенту.
ОТДЕЛЬНО ПРО СОГЛАСОВАНИЕ С КЛИЕНТОМ
Мы всегда комментируем нашу работу и стараемся лично донести смыслы до клиента. Делаем это либо созвонами, либо записываем небольшое видео с пояснениями.

Это сильно упрощает и ускоряет процесс работы.

Вот пример видео, которое мы отправляли клиенту при создании прототипа.
ПЕРЕВОДИМ ПРОТОТИП НА АНГЛИЙСКИЙ
Так как проект стартует в США — нужен перевод. Только перевод нужен не скучный и унылый, а весёлый и дерзкий, как мы любим.

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

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

В конце работы еще сами клиент прогнал сайт через своих продавцов и мы еще немного допилили текст.

Кусочки прототипа можете посмотреть в карусели ниже, а прототип целиком — по ссылке.
РИСУЕМ ДИЗАЙН
Прототип доделан и полностью готов к передаче в дизайн. Дизайнер созванивается с проектировщиком и перенимает дела. Дизайн мы тоже собираем итерациями.
1
Итерация 1. Подготовка.
Дизайнер задает вопросы прототипировщику и клиенту: какая главная цель страницы, на что стоит обратить внимание, где надо сделать акцент, какое поведение задумывалось для сложных элементов, что проектировщик предлагает поставить вместо заглушек.

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

Определяемся с цветами, шрифтом и общей концепцией сайта.
2
Итерация 2. Концепт.
Отрисовываем два первых экрана, чтобы задать стиль сайта. Делаем ревью концепта внутри агентства.
Согласовываем концепт с заказчиком и, если необходимо, дорабатываем его.
3
Итерация 3. Дизайн всей страницы.
Орисовываем всю страницу целиком, на основе согласованного с клиентом концепта. Проводим ревью внутри агентства.
Показываем дизайн всей страницы клиенту и согласовываем его.
4
Итерация 4. Мобильная версия и интерактивные элементы.
Создаём мобильную версию сайта. Отрисовываем состояния всех интерактивных элементов (кнопки, инпуты, селекторы, попапы и тд). Проводим внутреннее ревью в агентстве.
Согласовываем финальную работу с клиентом и передаём дизайн в вёрстку.

Части экранов смотрите в карусели ниже. А дизайн целиком — по ссылке.
ВЕРСТАЕМ НА ЧИСТОМ HTML/CSS
Клиент хотел, чтобы сайт был сверстан на чистом html/css. Мы так не умеем, но у нас есть очень крутое дружественное агентство, с которым мы запустили уже не один сайт — oskin.dev.

Ребята отработали четко, быстро и качественно. Обращайтесь за советом к нам.
ПОСЛЕСЛОВИЕ ОТ КЛИЕНТА
Всегда приятно не только самому хвалиться, но и получать похвалу клиента. Заказчик, Никита Киргинцев, написал очень душевный пост и мы просто не можем им не поделиться. Вот пруф.
  • Паша Старожук
    Собирал прототип и вообще молодец
    Было очень кайфово поработать с Никитой и его командой. Быстрые согласования, четкие мысли и крутой продукт.

Хотите так же круто?

Оставьте номер или email. Обсудим детали и сделаем, как для себя!