Крутому лендингу крутая графика, или несколько примеров того, как можно сделать это идеально!

Леднинг с рисованной графикой

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

Как сочетать лендинг и «ручную работу»?

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

Хенд-мейдовские мелочи придают любому проекту своеобразную изюминку, подчеркивают незаурядность мышления разработчиков и нестандартность запущенной кампании. Пусть даже эта графика нестройная и немного кривая, покосившиеся иконки, типографика – как будто создана ребенком детсадовского возраста, фоны из акварельной краски. Соединенные в одном макете, все эти живописные детали создают творческую и веселую атмосферу – восприятие лендинга моментально повышается в разы!

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

  • курсов дизайна;
  • художественных школ;
  • портфолио маститых представителей различных творческих направлений: модельеров, фотографов, художников, визажистов.

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

  • сделать себе неплохую рекламную кампанию в сети;
  • показать воочию свои творения.

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

Образец №1 – Свадебный лендинг

Свадебный рисованный

Приглашение, выполненное на бумаге? Вчерашний день. Новые технологии позволяют создавать целые landing page-приглашения на свадебное торжество. Все чаще можно видеть такие ресурсы, дополненные различными элементами, нарисованными вручную. Правильная и дозированная комбинация разнообразных акварельных рисунков, набросанных небрежной рукой, и пастельная цветовая палитра производят положительное впечатление. Стоит отметить, что на лендинг пейдж нет ни одного элемента, который бы напрямую указывал на свадебное мероприятие, но все внимание зрителя мастерски привлечено на прекрасное место проведения торжества! Праздник, который будет проходить в таком живописном месте, никто не захочет пропустить. Просто листая по странице, можно ознакомиться с различными подробностями мероприятия: программой, меню, конкурсами, нюансами размещения.

Образец №2- Дизайнерский лендинг

Где как не в дизайнерской стезе применять наиболее креативный подход для создания нестандартной посадочной страницы? Для дизайнеров качественно созданный landing page – не просто способ раскрутки, это также и реклама своей деятельности, и портфолио, и «лицо» проекта. Можно выделить несколько наиболее ярких страниц, наиболее полновесно передающих особенности дизайнерской сферы:

  1. Использован формат основной страницы, сам лендинговый экран малых размеров, есть скроллинг вправо. При желании общая картина может быть заменена на вертикально размещенный лендинг. Сразу видно, что над созданием подобного рода картинки немало попотели дизайнеры и умелые иллюстраторы. Разработчики получили отличный результат, равномерно смешав и скомпоновав скетчи, наглядное иллюстрирование своей направленности, грамотно текстурированные уникальные фоны и обилие разномастных шрифтов. На данном образце легко увидетькак смиксовать элементы, которые на первый взгляд не совсем не сочетаются между собой: ретрокартинки, пейзажные снимки, многообразные иконки и разнообразие шрифтов. Такая целевая страница представляет собой образец шикарного безумства, где все ключевые позиции грамотно перемешаны. Студия дизайна скролинг
  1. Компания, занимающаяся SMM. Основной элементиспользование разнообразных дудлпузырей, которые мило улыбаются друг друга и не забывают ставить лайки. Невзирая на то, что на этой целевой странице обнаружен и зафиксирован единственный слайд с прорисованным элементом, он создает благоприятное впечатление. Ручные картинки расположены в том месте, где они наиболее оптимальны, то есть на основном экране. Такие иллюстрации оказывают благотворное действие на пользователя, вызывают улыбку и провоцируют любопытство: пользователь сразу же хочет знать больше.

SMM агентство

  1. Еще один пример от сербской дизайн-студии. На основном экране пользователь видит лендинг, на котором изображен черно-белый рисунок. По мере действий посетителя, посадочная страница начинает видоизменять свой цвет и окрашиваться. Иллюстрация представляет собой нарисованный коллектив агентства, который нетерпеливо ждет встречи с потенциальным заказчиком. Всего немного времени, и картинка начинает оживать. Отдаленно такой лендинг пейдж напоминает карикатуры из газет и различных печатных изданий. Стоит отметить, что данный жанр опасно использовать массово, поскольку он рассчитан на «своего» индивидуального покупателя. Если вместо рисунка, дизайнеры поставят настоящее фото, ощущение ручной работы исчезает, и клиент уже оказывается под прицелом пытливых глаз – а это не всем может понравиться.

Сербская дизайн-студия

Образец № 3 – Лендинг веб-дизайна

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

Веб-студия вектор

Образец №4 – Лендинг и мобильный провайдер

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

Сим-карты анимация

Образец № 5 – Интерьерный лендинг

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

Скрытный сайт дизайнерской группы

Образец № 6 – Игровой лендинг

Где еще применить разрисованный вручную лендинг как не в игровой сфере? На общем фоне выделяется яркая кнопка с призывом «Убить всех хипстеров», что вызывает улыбку и желание пройти по ней!

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

Убить хипстеров, игры

Образец № 7 – Лендинг и крепкие напитки

Алкоголь также можно успешно продвигать при помощи удачно продуманной целевой страницы:

  • Первый пример – бутылку алкогольного напитка рекламируют на фоне этикетки, которая в свою очередь наклеена на сосуде. Кто-то посчитает такое сочетание цветов не слишком удачным, однако специалисты не согласны с таким мнением. Доказано, что именно таким образом пользователь лучше запоминает этикетку и именно этот напиток впоследствии приобретет в торговой сети.

Пиво с желтой этикеткой

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

Виноделы, скролинг вверх, рисованный

Итоги

Подводя итого, можно сказать, что:

  1. Разрисованный вручную лендинг как-будто хочет сообщить целевой аудитории, что в современном холодном оцифрованном мире есть что-то нежное, уютное и домашнее. Подобные посадочные страницы вызывают дружелюбные чувства и не похожи на сделанные наспех.
  2. Тщательно прорисованные детали показывают потенциальным заказчикам, что на лендингом старательно поработали, учли все нюансы, вложили душу и немало сил.
  3. Качественная иллюстрационная атрибутика и сегодня является неотъемлемой деталью различных творческих лендинг пейдж, связанных с искусством, фотографией, художеством, сферой моды и дизайна.
  4. Используя дозировано ручные элементы, можно ненавязчиво привлечь внимание к важным моментам, подчеркнуть нестандартный подход в работе и уникальность воплощенного проекта.

P. S. — заказывайте качественный landing page с рисованной графикой и не прогадаете!

Антон Виноградов

Добавить комментарий

Войти с помощью: 

Ваш e-mail не будет опубликован. Обязательные поля помечены *