Всем привет. Меня зовут Алексей и этим постом я начинаю рассказ о том как выделить ваш бизнес среди конкурентов только за счет качественного и продающего веб дизайна.
2020 год очень сильно изменил правила игры для многих бизнесменов. Из-за коронавируса им пришлось срочно выходить продавать свой товар в интернете и из офлайна выходить в онлайн рынок.
И в этой конкурентной онлайн борьбе будет выигрывать тот у кого качественный дизайн сайта. Если дизайн плохой, то у вас никто не будет заказывать услуги и не надо этому удивляться. Если у вас дизайн современный и качественный, поздравляю, вы как минимум будете зарабатывать больше своих конкурентов.
Каждый мой пост это будет разбор определённого сайта, и я буду на примерах показывать что нужно изменить в сайте для того чтобы он стал приносить больше прибыли. Либо наоборот показывать такие примеры где ничего менять не надо и эти примеры являются образцом для конкурентов.
Сегодня начнём с примера сайта где однозначно нужны изменения: https://www.zabor-v-spb.ru
Это реальный сайт и реальный пример. Для начала зайдите на него и просто посмотрите, как вам? заказали бы у них забор? Возможно.
На первый взгляд довольно всё интересно и можно рассчитывать на некое количество клиентов. Но что нужно здесь изменить чтобы количество клиентов выросло как минимум в 2-3 раза?
1) Главный экран + шапка:
Год назад зашел бы на этот сайт и сказал что вполне достойно. Сейчас же время быстро летит и тем более с коронавирусом больше клиентов уходят на удаленку и в интернет. Поэтому чтобы обогнать своих конкурентов нужно делать реально качественный дизайн сайта своего. В шапке текст слишком налеплен друг на друга и вызывает чувство дешевизны. Обратный звонок и получить смету не видно из за неправильного выбора цвета! Нет акцидентного цвета, всё зелёное и оно всё сливается. На главном экране нет предложения конкретного которое стало бы продающим, которое должно цеплять клиента. Установили более 7000 заборов и что дальше ? Ничего , это просто информация, никакой кнопки нет и клиент пошел искать дальше. По конкурентам, где ему сразу что то предложат на видном месте.
Решение: Облегчить шапку , сделать удобное меню, добавить акцидентный цвет и создать главный экран который находится сразу под шапкой с каким то интересным предложением. Человек должен зайти и захотеть что то купить, либо найти то что искал.
Например вот так:
В шапке мы чётко видим все элементы. И меню и обратный звонок и вызвать замерщика. На главном экране мы видим предложение о заборах под ключ и сразу же можем нажать кнопку рассчитать стоимость.
2) Форма заявки:
Почему то они её решили разместить на переходе между двумя экранами. Сама форма понятная и удобная. Единственный её минус не правильное расположение.
Решение: переделать форму и разместить её на главном экране аккуратно и удобно, либо выделить эту форму как отдельный блок.
Например:
Форма выполнена в отдельный блок и мимо него не пройдёшь. И форма выполнена не просто как сбор данных, а предложение со скидкой. То есть клиент более мотивирован заполнить эту форму. А также форма стала гораздо проще. Только нужно ввести номер телефона. Это ведь так легко!
3) Непонятный блок без названия:
Блок без названия и расположен вообще хаотично. Почти сразу под формой , а до следующего раздела очень далеко. То есть расстояния между блоками кривые, не выдержаны размерности, и человек такое увидит тоже подумает о криворукости дизайнера и о дешевизне сайта. Слишком заезженные и простые иконки.
Решение: дать блоку название преимущества или почему люди работают с вами. Выровнять его по правилам и стандартам типографики, чтобы человек четко видел где начало где конец блока. Заменить иконки но более современные или на фото, или убрать иконки совсем.
Например:
Нестандартное решение которое сразу выделяет ваш дизайн среди конкурентов, у которых на сайте висят иконки заезженные.
4) Наши цены:
Дальше пошел типа каталог. Провальный. Не понятно куда надо нажать. Все сливается в один зеленый цвет и все как то по детски, из за того что фотографии не реальные а 3д модели. Нет композиции. Цветовой хаос и детская несерьезность. А также размер блока очень огромный. Просто большая страница зелёного цвета. На которой абсолютно ничего не понять.
Решение: изменить цвета, чтобы было понятно где цена, где кнопка. Это сразу из детского несерьезного дизайна сделает современный и стильный дизайн. Поставить живые фотографии заборов. С травой, с домами или на складе как они стоят. Я вообще не понимаю что это за заборы и клиенты не поймут. Когда клиент видит как этот забор стоит вживую и смотрится вживую он более склонен к покупке. Потому что он может его сразу на своём участке представить.
5) Закажите дополнительно:
Блок купите дополнительно, тоже слишком зеленый. Других цветов то вообще нет ? А сам вроде бы более менее собран. Хотя бы читаемый.
6) За ним какой то баннер с формой. На баннере явно не хватает призыва к действию в виде небольшого текста. И опять проблема отступов. Между каталогом и закажите расстояние большое а между закажите и баннером с формой совсем маленькое. Это серьёзная ошибка
Этот мужик на баннере он у всех! Что фотографий других нет или вы не следите за конкурентами? Выглядит так как будто все сайты один человек держит. Тот самый который на фотографии)
Решение: Исправить проблему с отступами. Заменить мужика на что то уникальное. Добавить призыв к действию.
7) Примеры наших работ более менее блок. Но слишком большой. Его надо оформить в другой форме. Типа слайдера листающегося в одну строчку. А то не удобно листать эти фотки.
Например:
8) Отзывы. Это что за ужас то блин?
Решение: Оформить заного стильно согласно правилам типографики и веб дизайна.
Например сделать видео отзывы:
9) После отзывов идет такой же ужас. Где ничего не понятно. Огромная простыня текста которую читать никто не будет. Контакты и адреса на весь экран это убойно! На смерть убьете у клиента желание работать с вами. Фотографии текста уж не буду добавлять.
Общее решение: сайту нужен полный редизайн. Исправлять все ошибки с цветом, шрифтом и типографикой. Навести порядок и сделать сайт удобным для клиента.