10 актуальных трендов в веб дизайне 2023

Что нас будет ждать в веб – дизайне 2023?

Основной тренд предыдущих лет — веб-дизайн, ориентированный на человека, сохранится и в 2023 году.

Поэтому фокус на четыре основных момента:  

  • Сайт должен быть простым и понятным  в навигации и максимально удобно структурирован для пользователя
  • Все детали дизайна должна работать без проблем как на декстопе, так и на всех мобильных устройствах – этого требует тотальная «мобилизация» интернета
  • Рост прямого взаимодействия с посетителями сайтов – пользователю нужна не только полезная или продающая информация, фокус смещается в сторону игры, увлекательности, релакса и других приятных моментов 🙂
  • Увеличение мультимедийного привлекательного  контента  с SEO — оптимизацией

Что мы видим у топовых веб дизайнеров и можем применять на практике уже сейчас:

1. Много пустого пространства

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

2. Параллаксная прокрутка

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

Пример такой рабты https://the-goonies.webflow.io/ — на первом экране можно увидеть максимум информации. Такой динамический параллакс отлично справляется с задачей «первого экрана».  С этой проблемой  сталкиваются все маркетологи: 90 процентов пользователей не проходят дальше второго экрана и в первые два приходится размещать максимум информации.   Такая прокрутка может сильно в этом помочь.

Еще один пример — https://ne-moloko.ru/

3. Уникальные изображения, разработанные специально для вашего сайта

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

Креативная графика,  соответствующая стилю вашего бизнеса, не только делает ваш бренд отличительным, но и сильно повышает узнаваемость бренда.

Иллюстрации выходят за рамки 2D-дизайна.  Сейчас в тренде  3D-иллюзии, градиентное затенение, другие не сложные, но запоминающиеся эффекты.

Как пример, забавные человечке на сайте https://discord.com/nitro —  такое сложно забыть:)

4. Использование полностраничных заголовков на каждой странице

Веб-сайты все чаще используют одну картинку в качестве всего заголовка. Заголовок с полным изображением не только делает заявление, но и мгновенно привлекает пользователей.

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

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

5. Анимированные курсоры.

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

Лично меня погоня за курсорами немного бесит.  Даже когда это сделано с таким вкусом и юмором как на сайте http://paolofornasier.com/

6. Ассиметричный стиль

Возможности CSS Grid Layout широко используются ведущими дизайнерами. Верстка сайтов перестает быть примитивной, можно создавать сложные адаптивные дизайны с помощью сеток.  Асимметричная планировка сайтаривлекает внимание и позволяет лучше расставить нужные акценты.

7. Сайты- истории

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

http://everylastdrop.co.uk/  

8. Цвет 2023

Каждый год в Интернете появляется новая цветовая тенденция.

Согласно пресс-релизу, WGSN и Coloro выбрали AI Aqua, технический оттенок синего, своим цветом 2023 года. Это тренд, я думаю.

И снова градиенты.

9. Мемфисский дизайн

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

10. Ретро

Назад в 90-е. Снова в тренде Web 1.0 с яркими цветами фона, видимыми макетами таблиц и роботизированными шрифтами, такими как Courier, видимых границ и других элементов из прошлого.

Подизайничаем?

Правила выживания сезонного бизнеса

Как зарабатывать весь год?
Может ли холодный сезон стать горячим, а горячий – холодным?

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

 

❗Чтобы понять, какую стратегию применить, нам пришлось глубоко погрузиться в бизнес Заказчика:

 

⃣ Выяснилось, что бурение зимой возможно, но при определенных условиях.

⃣ Есть проблемы и у горячего сезона, когда бригады перегружены и не справляются с летними объемами.

⃣ Зато явно недогружен отдел обслуживания. А для него вопрос сезонности не стоит так остро.

 

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

В социальных сетях сфокусировались на формировании максимально лояльной аудитории. Старгетировались на узкой географии и стали фактически онлайн консультантом по всем вопросам водоснабжения в частном доме.

 

🔥 В результате продажи в январе были выше чем в летние месяцы!
🔥 Позиции организации в Интернете, по оценке Яндекса, выросли почти на процент, что для Московской области совсем немало.

 

Если перед вами стоит вопрос сезонности достаточно остро, то может быть вам помогут наши рекомендации:

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

 

2. Устраивайте предзаказы, чтобы разгрузить и упорядочить заказы горячего сезона.

 

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

 

4. Отложите на время высокочастотные ключи. Ищите сезонные запросы и продвигайтесь по ним.

 

5. Вызывайте нас для консультации, если хотите сэкономить время и деньги.

Яндекс.Директ или соцсети? Что лучше работает в 2022?

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

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


А соцсети и реклама в партнерке Яндекса работают на разогреве, подготавливая аудиторию, усиливая присутствие бренда на рынке, формируя потребность.

 

🧐 Единственно ли это верный путь?

 

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

На нашем опыте это происходит:

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

 

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

 

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

 

 

    А как вы используете соцсети? Когда еще они могут быть каналом продаж №1? Делитесь, обсудим.

Компания по бурению скважин на воду в Московской области БИИКС

Начало работы: август 2021 года. Конец сезона, пандемия.
На начало работы услуги компании занимали 3,4% процента рынка.
Средний чек по услуге 150 000 руб.

 

Перед нами были поставлены 2 задачи:
Продажа услуг компании  — средняя стоимость 150 000р. в секторе b2c
Развитие и раскрутка бренда «Труба КСУ» — разработки компании БИИКС  для заключения сделок b2b

 


Решение задачи по продвижению услуг бурения:

 

 

 

ЭТАП АНАЛИЗА

Проанализированы

 

  • целевая аудитория и ее «боли»
  • поисковые запросы
  • конкуренты
  • существующие ресурсы

 

РАЗРАБОТКА СТРАТЕГИИ ПРОДВИЖЕНИЯ

 

  1. Работа с основным ресурсом (сайтом) и выстраивание рекламных стратегий контекстной рекламы в поисковых системах.

Основываясь на том, что 70 процентов аудитории приходило с мобильных устройств, а сайт компании не полностью мобильно адаптирован, было принято решение по запуску пилотного сайта,  максимально простого и удобного для мобильной аудитории. Кроме того, анализ поисковых запросов, приводящих на сайт показал, что это на 90 процентов были запросы связанные с брендом БИИКС, а конкурентые запросы – Бурение скважин , Пробурить скважину и подобные не работали.

 

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

 

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

 

  1. Продвижение в социальных сетях

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

ВЫПОЛНЕНИЕ ЗАДАЧ

 

  1. Проведен редизайн логотипа, разработан фирменный стиль , разработан и запущен пилот –через 1 месяц после начала работы

 

 

 

 

 

 

 



логотип БИП
Пилотный сайт БИИКС

 

Посмотреть сайт

 

 

 

 

 

 

 

2. Настроены рекламные кампании в Яндекс и Гугл, закрывающие брендовые и конкурентные запросы.

3. Были написаны новые «продающие» статьи и разработана страница для статей, которая одновременно является «посадкой» для привлечения клиентов.

3. В итоге, совместный трафик на 2 сайта в холодный сезон в среднем достиг 3000-4000 новых посетителей в неделю. Количество входящих лидов с запросом на выезд мастера или на консультацию около 90 в месяц , количество нажатий на кнопку телефона около 400 в месяц

4. Разработан контент-план с триггерными рубриками, настроена реклама в соцсетях. Подключен отдел продаж непосредственно к мессенджеру, через Битрикс24. В итоге, появилась очень разогретая аудитория подписчиков около 1000 человек. Через группу в отдел продаж с начала работы до закрытия сети Инстаграмм* приведено около 600 теплых лидов.

5. Разработан новый объединенный сайт . Он создан как гибрид рподающего сайта, состоящего из посадок, закрывающий отдельные услуги (бурение, водоснабжение , канализация и пр.) и статейника для сео продвижения.

6. После событий этой весны для нас встали новые задачи –как сохранить трафик в новых условиях .

Гугл как рекламный инструмент был для нас потерян, Яндекс работал неадекватно, поскольку в него влились полным объемом все игроки рынка контекстной рекламы.

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

 

 

 

 

 

 

 

 

 

Из-за закрытия определенных соцсетей мы потеряли 99% трафика в соцсетях.
Но за 2 недели:
✔️ перенесли аудиторию на доступные ресурсы – Telegram и Вконтакте
✔️ оптимизировали рекламу и добились низкой цены за переход
(ВК на группу — 9р
ВК на сайт — 15р.)
✔️ восстановили лидогенерацию

К апрелю 2022 БИИКС занял 4% рынка против 3,4% в августе 2021.

 

 

Решение задачи по брендированию «Трубы КСУ»:

 

 

Эта задача была поставлена в декабре 2021.

 

Было принято решение продвигать трубу в основном с помощью видеоконтента, продвигая его в социальных сетях и на видеохостинге YouTube.

 

При этом на создание профессиональных роликов бюджета не было.

 

Решения задачи после анализа поисковых запросов, конкурентов и ЦА было выделено несколько тем для роликов.

 

Прописаны сценарии, по которым специалисты БИИКС сделали любительскую съемку.

 

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

 

Было снято несколько роликов.

 

Разработана рекламная стратегия.

 

В итоге, не смотря на узкую тему, мы добились хорошей цены за просмотр 0,23р и нарастающих подписок на аккаунты.

 

Результатом нашей работы стал контракт на поставку труб КСУ буровой компании в г.Санкт-Петербург

 

с адаптацией

С адаптацией

  • Концентрация на главном
  • Текст легко читается
  • Удобные большие кнопки
  • Мобильное меню
  • 100% одобрение от систем Яндекс и Гугл
  • Усиление позиций вашего сайта на 20-80%

без адаптации

Без адаптации

  • Мелкий, нечитаемый текст
  • Маленькие кнопки,в которые нельзя попасть
  • Большое количество трудно различимой информации
  • Штрафы Яндекса и Google
  • Потеря мобильной аудитории

первый ряд адаптации подвал

Гугл и Яндекс понижают сайты, не прошедшие проверку на мобильное соответствие, не только при поиске на мобильных устройствах, но и в поиске на десктопах!

Заходя на сайт без мобильной адаптации с телефона, по статистике пользователь не задерживается на нем дольше 10 секунд.

первый ряд адаптации

От 20% до 90% пользователей (в зависимости от сферы бизнеса) ищут товары и услуги с помощью своих мобильных устройств

Готов ли ваш сайт к этому?

Бесплатная проверка вашего сайта на мобильное соотвeтствие