115,9 тысяч просмотров лонгрида

Привлечь аудиторию к истории строительства БАМ на 50-летний юбилей через интерактивный формат.

Интерактивный лонгрид, посвященный 50-летию Байкало-Амурской магистрали (БАМ). Проект охватывает значимые события строительства, предлагая читателям погрузиться в историю вместе с персонажем Петром. Виртуальное путешествие под приятную озвучку.

Разработка концепций

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

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

Первый экран и первая сложность

Клиент «РЖД» выбрал первую концепцию — комикс. Мне нужно было дать задание иллюстратору и начать проектировать прототип лонгрида, чтобы можно было механику показать разработчикам и узнать, сколько времени займет верстка.

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

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

И вот пришло время поговорить о сложностях. Разработчики сказали, что на верстку проекта им нужно около месяца, а значит макеты должны были быть готовы еще вчера.

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

Плот-твист. На середине работы над иллюстрацией художница уходит, не доделав экран. Очень извиняется, говорит, что не тянет нужный стиль и может работать только в своей стилистике. Жаль, об этом не было сказано до начала совместной работы. Рабочая неделя потеряна, иллюстрации нет, иллюстратора тоже.

Начальная работа над первым интерактивным экраном

Варианты «читалки» для Desktop

Что мы имеем на этот момент:

Мой скетч экрана

Согласованное расположение плеера и «читалки»

И неподходящую иллюстрацию от иллюстратора.

Решение проблемы

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

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

Финальная версия с перерисованными лицами

Если есть возможность — участвовать в отборе команды на проект.

Согласовывать концепцию после согласования иллюстратора, если позволяет время.

Заметка на будущее: