Вы заказали сайт. Дизайнер присылает макет, и там всё как положено: красивые фотографии, изысканные шрифты, плавная анимация, много свободного пространства. Вы открываете Figma, любуетесь, отправляете ссылку друзьям.
Друзья говорят: «Ого, солидно!»
Дизайнер доволен. Вы довольны. Осталось только запустить рекламу и ждать клиентов.
Проходит месяц. Посетители есть, а заказов почему-то маловато. Зато знакомые продолжают хвалить дизайн.
Начинаете подозревать, что покупатели просто не разбираются в прекрасном.
Но у них вообще-то другая задача. Они пришли не оценивать работу дизайнера. Им нужно купить товар, заказать услугу или хотя бы понять, стоит ли связываться с этой компанией.
И вот здесь дорогой на вид сайт иногда начинает работать против бизнеса.
Разберём, почему так происходит и что с этим делать.
Красивый сайт и сайт, которому доверяют — это разные вещи
Для начала уточним: дорогой дизайн сам по себе никого не отпугивает.
Если человек выбирает ювелирные украшения, дизайнерскую мебель или недвижимость премиум-класса, соответствующее оформление вполне ожидаемо.
Проблема появляется, когда визуальная подача расходится с тем, что компания действительно продаёт.
Допустим, у Вас магазин автозапчастей с разборки. Основные покупатели ищут детали для автомобилей 2005–2015 годов. Им важно узнать, есть ли нужная запчасть, в каком она состоянии, подойдёт ли к конкретной машине и сколько будет стоить доставка.
А на главной странице стоит новенький Mercedes последнего поколения, студийное освещение, отражения на кузове и огромный слоган про автомобильное совершенство.
Красиво? Да, но покупатель искал б/у генератор на старую Toyota. Теперь он думает, что попал в салон дорогих автомобилей, и не уверен, стоит ли вообще здесь что-то искать.
Или другой пример. Компания занимается недорогим ремонтом квартир, но сайт выглядит как портфолио архитектурного бюро, которое проектирует особняки за несколько миллионов долларов. Посетитель может решить, что услуги ему не по карману, даже не дойдя до прайса.
Внешний вид сайта формирует ожидания о цене, ассортименте и уровне обслуживания. Если ожидания не совпадают с реальностью, появляются сомнения.
1. Фотографии красивые, но непонятно, что продаётся
Начнём с самого заметного: изображений. Дизайнеру хочется подобрать красивую фотографию. Желательно такую, чтобы она занимала половину экрана, хорошо сочеталась с цветами бренда и не портила композицию. Покупателю хочется увидеть товар. Иногда эти желания конфликтуют.
Когда глянец мешает
Представьте интернет-магазин подержанной техники. На сайте стоят фотографии ноутбуков из официальных рекламных кампаний производителей: идеальные корпуса, красивые отражения, ни одной царапины. А продаются устройства, которые уже несколько лет были в эксплуатации. Возникает вопрос: это фотография конкретного ноутбука или просто картинка из интернета?
Даже если магазин работает честно, отсутствие реальных фотографий заставляет покупателя дополнительно уточнять состояние товара.
Для подержанных вещей особенно важны:
- фотографии именно продаваемого экземпляра;
- состояние корпуса и видимые дефекты;
- комплектация;
- характеристики и совместимость;
- условия проверки, возврата или гарантии, если она предусмотрена.
При этом не нужно специально делать фотографии некрасивыми. Хороший свет, чистый фон и аккуратная обработка только помогут. Главное — не превращать товар в его вымышленную идеальную версию.
Когда нужны красивые рекламные фотографии
Для одежды, косметики, мебели или предметов интерьера имиджевые изображения вполне уместны. Но рядом с ними должны быть фотографии, по которым можно оценить покупку.
Например, покупатель дивана захочет увидеть не только красивую гостиную, но и ткань крупным планом, механизм раскладывания и реальные габариты.
В исследованиях Baymard Institute участники нередко начинали изучение карточки товара именно с изображений. Это объясняет, почему фотография должна отвечать на вопросы о товаре, а не только украшать страницу.
2. Сайт выглядит дороже, чем сам продукт
Иногда дизайн настолько премиальный, что начинает формировать неправильное представление о ценах. Большие пустые пространства, минималистичные подписи, тёмные фоны, дорогая предметная съёмка и строгая типографика могут создавать ассоциации с люксовыми брендами.
Если Вы действительно продаёте дорогой продукт — прекрасно. Но если Ваше преимущество заключается в доступных ценах, широком ассортименте или практичности, такой визуал может мешать донести это до покупателя.
Представьте два магазина автозапчастей:
Первый показывает реальные автомобили, категории деталей, наличие на складе и возможность поиска по OEM-номеру.
Второй встречает Вас полноэкранной фотографией спортивного Porsche и надписью «Совершенство в каждой детали».
Какой из них скорее поможет человеку найти стартер для Volkswagen 2010 года?
Разумеется, многое зависит от ассортимента и удобства каталога. Но первый сайт хотя бы сразу показывает, что понимает задачу посетителя.
Что делать: перед утверждением дизайна проверить, какие ожидания он создаёт. Не только «красиво ли получилось», но и «какую компанию человек представит, увидев эту страницу?».
3. На сайте слишком много обещаний и слишком мало фактов
«Высочайшее качество». «Индивидуальный подход». «Команда профессионалов».
Прекрасно. А можно теперь что-нибудь, что мы способны проверить?
Такие формулировки встречаются настолько часто, что посетитель может просто перестать их замечать. Допустим, компания обещает доставку по всему Казахстану.
Покупателю полезнее узнать, отправляют ли заказы в его город, какой транспортной компанией, сколько это занимает и как рассчитывается стоимость.
Вместо «Работаем быстро» можно написать: «Предварительный расчёт отправляем в течение рабочего дня» — если компания действительно соблюдает этот срок.
Вместо «Большой опыт» — показать выполненные проекты, фотографии процесса и реальные отзывы.
Не нужно превращать каждую страницу в юридический документ. Но основные обещания должны иметь подтверждение.
4. Покупатель не может понять, сколько всё стоит
Вот Вы нашли нужную услугу. Прочитали описание, посмотрели фотографии, открыли примеры работ.
Цена: «По запросу».тЛадно, бывает.
Нажимаете кнопку «Узнать стоимость».
Открывается форма на восемь полей, где нужно указать имя, телефон, компанию, бюджет и подробное описание задачи.
А Вы просто хотели понять, стоит ли это 50 тысяч тенге или 500 тысяч.
Конечно, не каждый продукт можно оценить по фиксированному прайсу. Например, разработка сайта зависит от структуры, функций, интеграций и объёма работы.
Но это не мешает указывать стартовую стоимость, диапазон цен или примеры расчётов.
Для магазина товаров ситуация ещё проще: если стоимость известна, посетителю обычно незачем выяснять её в личной переписке. Скрытая цена не обязательно означает обман, но она создаёт дополнительный барьер, особенно если покупатель впервые знакомится с компанией.
5. О компании почти ничего неизвестно
У сайта может быть великолепный дизайн, но если в разделе «Контакты» находится только кнопка WhatsApp, у нового покупателя вполне могут возникнуть вопросы.
Кому он собирается отправить деньги? Где находится продавец? Куда обращаться, если возникнет проблема? Особенно это касается магазинов, которые принимают предоплату.
Проверьте, есть ли на сайте:
- понятное название компании и сведения о продавце;
- актуальные способы связи;
- информация об оплате и доставке;
- условия возврата и обмена;
- адрес, если у компании есть офис, магазин или пункт выдачи;
- реальные отзывы или примеры выполненных заказов.
Для бизнеса в Казахстане полезно также указывать юридические реквизиты там, где они необходимы и уместны.
Необязательно выводить БИН огромными буквами на первый экран. Достаточно сделать информацию доступной, чтобы покупатель мог её найти.
6. Дизайнер спрятал всё полезное ради минимализма
Есть особый вид минимализма, при котором с сайта постепенно исчезает вообще всё.
Сначала убрали подписи, так как они портили композицию. Потом сократили описание услуги, потому что слишком много текста. Следом спрятали категории в меню, убрали фильтры, а кнопку заказа сделали маленькой и почти незаметной.
Получилось красиво. Осталось понять, как этим пользоваться.
Минимализм хорошо работает, когда убирает ненужное. Но характеристики товара, условия покупки и понятная навигация нужны посетителю независимо от дизайнерской концепции. Особенно это заметно в каталогах с большим ассортиментом.
Если магазин продаёт несколько тысяч автозапчастей, ему важнее удобный поиск по марке, модели, году выпуска или OEM-номеру, чем впечатляющая анимация при наведении на карточку. И да, красивые карточки товаров тоже нужны. Просто они должны помогать выбирать, а не заставлять угадывать.
7. Карточка товара не отвечает на вопросы покупателя
В интернет-магазине решение о покупке часто принимается на странице конкретного товара. Покупатель может прийти туда сразу из Google, вообще не увидев Вашу прекрасную главную страницу.
И если карточка содержит только фотографию, название и кнопку «Купить», этого может оказаться недостаточно. Для одежды нужны размеры, состав, фотографии посадки и условия возврата. Для электроники: характеристики, комплектация, гарантийные условия и совместимость.
Исследователи Baymard Institute регулярно обнаруживают проблемы с содержанием и удобством товарных страниц даже у крупных интернет-магазинов.
Поэтому перед тем, как добавлять на сайт очередной эффектный блок, стоит открыть несколько карточек и проверить, сможет ли незнакомый человек принять решение о покупке без звонка менеджеру.
8. На компьютере всё красиво, а на телефоне начинается цирк
Ещё одна распространённая история: макет презентуют на большом мониторе, где идеально видны изображения, заголовки и анимация.
А покупатель открывает ссылку с телефона.
И внезапно выясняется, что:
- заголовок занимает почти весь экран;
- меню неудобно открывать одной рукой;
- карточки товаров слишком мелкие;
- фотографии обрезаны;
- кнопка заказа перекрывается всплывающим окном;
- фильтры невозможно нормально использовать.
В такой ситуации человеку может быть совершенно безразлично, сколько часов дизайнер подбирал оттенок фона. Откройте сайт на обычном смартфоне и попробуйте пройти путь покупателя: найти товар, изучить характеристики, добавить его в корзину и оформить заказ. Желательно сделать это не только на быстром Wi-Fi.
9. Всё слишком идеально, чтобы выглядеть настоящим
Здесь особенно легко переборщить с нейросетями. ИИ-изображения могут отлично работать в рекламных баннерах, иллюстрациях и концептуальных разделах сайта.
Но когда компания продаёт реальные товары, изображения должны достоверно их представлять. Если еда на фотографии существует только в генераторе изображений, покупатель не сможет понять, как выглядит реальное блюдо.
А если фотографии сотрудников выглядят как персонажи из одной нейросети, это вряд ли поможет убедить посетителя, что перед ним настоящая команда.
10. Сайт обещает одно, а общение с компанией другое
Допустим, сайт выглядит как дорогой бутик. Всё аккуратно, сдержанно, красиво. На каждом экране написано о внимательном обслуживании.
Покупатель оставляет заявку. Через два дня ему приходит сообщение: «Что хотели»
И вся работа над премиальным образом компании немного теряет смысл. Конечно, это утрированный пример. Но ситуация знакомая: сайт обещает высокий уровень сервиса, а менеджеры не знают ассортимент, долго отвечают или не могут объяснить условия покупки. Иногда причина недоверия находится вообще за пределами сайта.
Поэтому при оценке результата нужно проверять весь путь: от первого посещения до ответа менеджера, оплаты и получения заказа.
Как понять, что именно мешает покупателям доверять сайту
Не обязательно сразу заказывать полный редизайн. Для начала попробуйте пройти несколько сценариев от лица нового клиента.
| Что проверяем | Какой вопрос задаём |
|---|---|
| Первый экран | Понятно ли, что продаёт компания и кому? |
| Фотографии | Показывают ли они реальные товары и проекты? |
| Цены | Можно ли оценить стоимость до обращения? |
| Каталог | Легко ли найти нужную позицию? |
| Карточка товара | Хватает ли данных для принятия решения? |
| Доверие | Есть ли информация о продавце, оплате и возврате? |
| Мобильная версия | Можно ли оформить заказ с телефона? |
| Обработка заявок | Получает ли клиент своевременный и понятный ответ? |
Если есть возможность, попросите нескольких людей, не знакомых с компанией, выполнить простую задачу на сайте. Например: «Найдите нужную запчасть и выясните, как её заказать с доставкой в другой город». Не объясняйте, куда нажимать. Просто наблюдайте.
Если человек не замечает кнопку, не понимает название категории или начинает искать информацию о компании в Google, Вы получите гораздо больше полезных наблюдений, чем от очередного обсуждения цвета кнопки.
Когда стоит менять дизайн
Иногда достаточно заменить фотографии, добавить информацию о товарах, пересмотреть первый экран или сделать удобнее каталог.
Полный редизайн имеет смысл рассматривать, когда проблема затрагивает всю структуру сайта: навигация запутана, страницы плохо работают на мобильных устройствах, визуальный стиль не соответствует позиционированию компании, а необходимые изменения трудно внедрить без переделки интерфейса. Но сначала желательно понять, какие именно задачи не решает текущий сайт. Иначе есть риск потратить деньги на ещё один красивый дизайн, который понравится всем, кроме покупателей.
Итог
Покупатель не знает, сколько стоил Ваш сайт. Он не видел десятки вариантов главного экрана, не участвовал в согласовании шрифтов и не оценит сложность анимации.
Он видит товар, цену, условия покупки и компанию, которой собирается доверить деньги.
Поэтому при разработке сайта мы советуем смотреть на дизайн глазами конкретной аудитории. Для одного бизнеса уместны дорогие визуальные решения и минималистичная подача. Для другого гораздо важнее показать реальный ассортимент, понятные цены и удобный поиск.
В Code & Design мы учитываем это при проектировании сайтов: изучаем задачи бизнеса, продумываем структуру и подбираем оформление под продукт и покупателей.
Если Ваш сайт выглядит хорошо, но вызывает вопросы у клиентов, можно начать с разбора существующих страниц. Иногда нескольких доработок достаточно, чтобы покупателям стало проще разобраться в предложении.
