Далее расскажу подробнее про этап разработки прототипа. Что это такое?
Прототип или как я его называю «скелет» – основа лендинга. В этой структуре показывается схематически что где будет находиться. Прототип нужно обязательно делать, потому что без него очень тяжело будет согласовать макет с клиентом. Прототип нужен для того, чтобы минимизировать риски того, что клиенту не понравится дизайн, и того что тебе придется переделывать всю работу.
Это как план при строительстве дома. Чтобы сделать качественно и продумано – нужно сделать план, чертежи т. д., вот так и прототип для лендинга.
Что обычно я показываю в прототипе? Я показываю где будет находиться логотип, телефон, фотография, заголовки, блоки с товарами, преимущества, схема работы, отзывы, контакты и т. д. В общем все, что будет на странице.
Для составления прототипов я использую сервис moqups.com. Очень удобный сервис, единственный минус – он англоязычный, но в целом там все интуитивно понятно, интерфейс очень простой. Просто перетаскиваешь мышкой элементы, квадратики, кружки, схемы, блоки и составляешь прототип.
Несколько примеров как выглядит прототип и готовый сайт по нему можно увидеть в ниже.
Когда я только начинал заниматься лендингами, то понятия не имел что такое прототип). Открывал фотошоп и сразу там на чистовую фигачил дизайн. Иногда я угадывал и клиенту всё идеально заходило с минимальными правками, а иногда приходилось полностью переделывать весь макет. И вот как раз после этого я узнал, что есть такая важная штука как прототип.
Когда есть прототип и ты его утвердил с клиентом, то дальше вся работа идет намного легче и с меньшим количеством правок.
Ещё в прототипе я часто ставлю заметки, в которых объясняю зачем этот блок сделан, какой он смысл несет.
Ниже Справа пример как выглядит прототип и готовый дизайн по нему.
Часть 24. Дизайн лендинга
После того, как согласован прототип, начинается этап дизайна. Это самая большая и самая сложная тема разработки лендинга и моя самая любимая.
Благодаря качественному дизайну лендинг заинтересует посетителя и заставит прочитать/рассмотреть услугу или товар. Какой бы не был красивы текст, без дизайна толку не будет. Потому что посетитель открывает сайт, тратит 1–2 секунды, если дизайн не зацепил, он его закрывает. Даже если там очень круто написан весь текст.
Есть много споров что важнее при разработке лендинга: дизайн, прототип, текст и т. д. Каждый кто специалист в своей сфере будет топить за неё. Многие фрилансеры любят писать «делаю ПРОДАЮЩИЙ дизайн» – это звучит так глупо, что просто по другому не назовешь.
Дизайн не продает, дизайн составляет визуальную привязку между посетителем и лендингом. Если глазу приятно – дальше читается оффер, текст и прочее. Если не приятно – до свидания.
Такое работает не только в лендингах, а в очень многих сферах нашей жизни. Недавно я на кассе супермаркета увидел леденцы, которые стоили примерно в 5 раз дороже, чем другие рядом стоящие. У них была реально красивая упаковка, винтажный шрифт, мне чем-то напомнило конфеты как помнишь в Гарри Поттере были. Открываю, думаю сейчас будет вкусно… Хуже леденцов в своей жизни я не пробовал, безвкусные не имеющее практически никакого вкуса.
Это я к тому, что можно завлечь визуально, но это не значит что за этой красивой упаковкой стоит что-то стоящее. Поэтому нет никакого ПРОДАЮЩЕГО дизайна. Есть качественный дизайн, который создает связь между посетителем и лендингом.
Каким должен быть дизайн? Дизайн лендинга зависит от тематики, если это что-то связано с продажей товаров, например наушники, часы, детская одежда, комбинезоны, букеты, в общем все, что может продаваться физически, то это должно быть ярко, красиво, привлекать внимание. Вообще я заметил, что очень часто мои лендинги по товарным нишам очень напоминают телемагазины, ты по-любому их видел в детстве. Когда стоит девушка и на протяжении полу часа рассказывает какой замечательный этот тренажер, купишь и избавишься от всех проблем в мире, а ещё если закажешь прямо сейчас, то и мясорубка в подарок.
Есть конечно проекты, в которых есть свой собственный фирменный стиль, и тогда я делаю просто по ТЗ клиента, ничего от себя не придумываю.
В целом дизайн настолько разный и интересный, что можно бесконечно придумывать что-то новое. В дизайне лендингов есть свои тренды, сейчас клиенты очень любят когда в дизайне объемные элементы, летающие объекты, облака, кусты, птицы и т. д. Но дизайнеры делятся на 2 лагеря: за минимализм и за объем. Те кто любят минимализм яро против объема и т. д., что типо это не современно… но, я делаю дизайн таким, каким его хотят видеть клиенты.