Попо дробнее о работе над лендингами в «Сделаем»

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

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

2. Собираю референсы. У меня в загашнике много страниц, которые мне нравятся. Перед тем, как собирать прототип, я трачу примерно час на то, чтобы посмотреть несколько страниц из своего списка, плюс могу сходить в мейдонтильда и выцепить что-то оттуда. Так у меня появляется визуальная опора, как я могу оформить свою фактуру.

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

Мне важно, чтобы на первом экране был какой-то визуал, напрямую связанный с продуктом, и который выглядит при этом впечатляюще. Хочется, чтобы пользователь заходил и ему было, на что посмотреть. Вот для последнего ленда придумал показать команду анимашкой, для ленда про визу талантов придумал комикс, который так ВЖУХ ПУК ВЫЕЗЖАЕТ (его правда пока не поставили, но скоро будет).

4. Дальше накидываю все остальные экраны. Что-то подчистую копирую из референсов, что-то придумываю сам, что-то беру из уже собранных ранее блоков. Бывает, что просто комментарием поясняю, что должно быть, если не хватает навыков, чтобы сделать блок самому.

Над текстом я особо не думаю, он при таком формате работы как-то сам получается нормальным. Ну, и я как редактор не то что бы гуру, не умею подбирать идеальные формулировки. Но вроде бы и так норм. Например, текст по тексту на ленде про удаленные редакции я даже не проходился после того, как его сделал.

5. Собираю информацию, которая понадобится для сборки ленда. Чаще всего это кейсы и отзывы: я подбираю подходящие, по необходимости адаптирую. Здесь очень сильно помогает то, что у нас на сайте уже есть много кейсов и отзывов. Если их надо было бы ходить собирать каждый раз, то ну я не знаю.

6. Показываю прототип Паше Молянову (главарь «Сделаем») или Роме Морицу (тоже главарь «Сделаем»). Если у них есть комментарии, то мы их обсуждаем и я допиливаю проект.

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

8. Ну и дальше классика: дизайн в Фигме, право4ки, верстка, адаптивы, еще немного право4ек. Обычно все проходит быстро, но бывает и нет. Например, когда я увидел лендинг удаленных редакций, я понял, что там очень не хватает визуала — вы можете это увидеть в Фигме, которую я прислал постом выше. Вообще же нет никаких изображений, где видно статью или пост или что-нибудь еще.

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