Главное Авторские колонки Вакансии Образование
457 2 В избр. Сохранено
Авторизуйтесь
Вход с паролем

Как мы прогнозируем, какие сайты будут популярны

Мы команда Ucraft, и создание лендингов и сайтов — наша работа. Наш успех зависит от того, будут ли пользоваться нашими шаблонами или нет, удастся ли нам предугадать тенденции и потребности как среди тех, кто создает сайты, так и среди их аудитории. Как это нам удается? Сейчас расскажем поподробнее.
Мнение автора может не совпадать с мнением редакции

Шаг 1: Cледим за реакцией пользователей

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

Простота

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

Поэтому сегодня мы придерживаемся правила “чем проще, тем лучше”.

bKqjUa1BJv31grLS7xqxThwaQJ13v9WS0cFWxa_R

https://www.ucraft.ru/demo/aro

Апогеем упрощения являются одностраничные лендинги. И, должны заметить, сейчас они набирают всю большую и большую популярность.

Живые фото

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

Источником таких фото для нас стал сайт Unsplash, благодаря коллаборации с которым, мы предлагаем клиентам тысячи фото.

KLwflHATmKHq8KwXsHBi2ev8az5IgdR7gI9Q7x_O

Инфографика

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

Пример ниже по ссылке

v5-wrQAaZK0jhKeZKjiaeHC49L0HmiZ0CJp4Ud4p

https://www.ucraft.ru/demo/weexplainit

Интенсивность

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

DHBqv75qzrUTmfP0Drnwoa1n-qhZna-yPnFoVFOG

https://www.ucraft.ru/demo/t-flag

А детали сайта пусть создают индивидуальность. Для этого мы используем:

А) Оригинальные формы заполнения

Доступность и интерактивность располагают к себе.

Б) Нестандартные шрифты, но легко читаемые шрифты

А кому нравится приевшийся Times New Roman?

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

NwT-hvetbWFhoN9CF3CBbWu47sSRRxPSEvPHYMbB

https://www.ucraft.ru/demo/shoonig

Шаг 2: Предугадываем потребности при создании лендингов

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

Бизнес

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

n7MeCMYmDcRHEntuEd4KQvL5jWUjIDgM5jgt-wS7

https://www.ucraft.ru/demo/mabel-lee

А вот сайт группы Jungle работает иначе: целевая аудитория — люди, так или иначе знакомые с ее творчеством — тогда зачем нам информация о группе? Смело ее отбрасываем, тут другая цель — рассказать о предстоящих турах и получить подписку и/или заказ билета. Вот даты мы и добавляем. И картинку опять же соответствующую: джунгли для Jungle.

vITctb3ORJbcRVlT3i3m_5TlbvD7MxX3VECNQXBq

https://www.ucraft.ru/demo/jungleband

Персональные

И опять парочка на контрасте: Ambient Yoga и Mon имиджмейкера. Первый — заигрывает с вами, создает доверительную атмосферу, благодаря ярким изображениям погружает в специфику деятельности. Ведь нужно расположить и заинтересовать клиента!

nk36TfKg2sS9q62enJjcOe0MS8fiSbw75S7QUHyD

https://www.ucraft.ru/demo/ambient-yoga

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

tLCLQEA3I1UL4mDLrYvOp5fLhyeN6387229bSIC4

https://www.ucraft.ru/demo/mon

Рестораны

Сайт ресторана должен пробуждать аппетит. Именно поэтому для шаблона Patar мы использовали яркие сочные краски. Мгновенно погружая в радостную атмосферу итальянской кухни.

9J6rC6hXULHC7WVuvCAEkawDmlTu5ZDU6LZTT1hQ

https://www.ucraft.ru/demo/patar

Лендинг второго начинаем в лоб: позвольте себе заказать столик. Такая уверенность может сработать, если подчеркивается картинкой. Ниже — call-to action, фото шеф-повара и, конечно, меню.

n37qPvpREsQ29n6AE0N-0AaCRnblk14DPgKK4VBK

https://www.ucraft.ru/demo/to-thryliko

Шаг 3: Предугадываем путь клиента на сайте

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

И проще всего, если мы будем задавать себе вопросы и отвечать на них же каждым экраном:

  • Где это я?
  • Мне это надо?
  • Так, а что именно тут предлагают \ делают?
  • Мне нужно вот это ____. Они такое умеют?
  • И им можно доверять?
  • Точно можно?
  • Ну ладно, как тут с ними связаться и узнать поподробнее

Это краткий путь размышлений клиента этого лендинга:

ZmxesiN3zBQ5yMfz6voVSe49_VHmRVviykkOVEey

https://www.ucraft.ru/demo/digart

Ну и давайте подарим нашему потенциальному посетителю комфортный юзер-экспириенс. Это не так сложно, как кажется. Хотя бы соблюдайте эти три момента:

  • Поддержка мобильных устройств

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

Мобильный трафик и так растет, и по прогнозам CISCO к 2021 году ожидается 5-кратный рост всего мобильного трафика. А уже сегодня мобильной связью пользуется более 85% населения.

  • Скрытые меню

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

  • Все каналы связи

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

xtewGKvwQg6mtq3jns-Dn5UgK48rsnB8zQUuk8RThttps://www.ucraft.ru/demo/clair-de-lune

Да, как видите, создание шаблонов - дело непростое, необходимо учитывать множество деталей: постоянно меняющиеся вкусы общества, динамичность интернета, влияние цвета, предпочтения в шрифтах и прочее. Оказалось, сложно, но приятно, похоже на влюбленность: только и думаешь о том, что ему (клиенту) может понравиться и ловишь его взгляды. Так что пробуйте, влюбляйтесь, и на вашей улице будут высокие конверсии. Успехов!

0
В избр. Сохранено
Авторизуйтесь
Вход с паролем
Комментарии
Бидюков Денис
Дочитал до "одностраничные лендинги". Langing page - это страница, она не может быть многостраничной, а одностраничный сайт - это не лендинг, это сайт, пусть и из одной страницы. Предчувствую я что минусов сейчас огребу от всего коллектива юкрафт... Но тем не менее, учите матчасть и не вводите в заблуждение неискушенную публику.
Ответить
Ucraft.ru
Современный и удобный drag-and-drop конструктор сайтов.
Elena Rabkina
О да, там описка "одноэкранные лендинги".
Ответить
Выбрать файл
Блог проекта
Расскажите историю о создании или развитии проекта, поиске команды, проблемах и решениях
Написать
Личный блог
Продвигайте свои услуги или личный бренд через интересные кейсы и статьи
Написать

Spark использует cookie-файлы. С их помощью мы улучшаем работу нашего сайта и ваше взаимодействие с ним.