Галерея «до и после» на сайте работает сильнее любого текста «мы делаем качественно». Человек сам видит разницу. Но эта же галерея легко превращается в минус: если «до» снято тёмным и снизу, а «после» ярким и с лучшего угла, клиент чувствует подвох и не верит ни одной паре.
Каким нишам нужна галерея
| Ниша | Что показывать | Формат |
|---|---|---|
| Ремонт и стройка | комнаты, кухни, санузлы | слайдер |
| Клининг, химчистка | пятна, ковры, диваны, кухни | слайдер или пары |
| Детейлинг, автомойка | салон, кузов, фары | слайдер |
| Косметология | зоны лица и тела | пары, с согласием |
| Стоматология | улыбка, работы | пары, с согласием |
| Маникюр, барбершоп | результат | сетка |
| Ландшафт, озеленение | участки по сезонам | пары |
Правила честной съёмки
- Одна точка. Отметьте место, где стоите, и высоту телефона. Можно скотчем на полу.
- Один свет. Не включайте дополнительный свет только для «после».
- Одно расстояние и зум.
- Без ретуши результата. Яркость и цвет, если меняете, то одинаково на обоих фото.
- Горизонтальная или вертикальная ориентация одинаковая.
- Дата. Хотя бы для себя: когда снято «до» и «после».
Если пара снята по этим правилам, разница выглядит убедительно даже на простом телефоне.
Форматы и когда что выбрать
Слайдер с ползунком. Одно фото поверх другого, человек двигает границу пальцем. Эффектно для больших изменений. На телефоне ползунок должен быть крупным и не мешать прокрутке страницы.
Пары рядом. Два фото слева и справа или сверху и снизу на телефоне. Подходит для деталей, где нужно всмотреться.
Сетка. 6-12 миниатюр, по нажатию открывается пара крупно. Хорошо для обзора работ разных типов.
Карусель кейсов. Пара плюс короткая история: задача, что сделали, сколько времени. Подходит, когда работа большая, например ремонт квартиры.
Подписи: что писать под фото
Подпись делает галерею полезной для человека и поиска. Под каждой парой:
- что это: «Диван, пятна от кофе и следы животных»;
- что сделали: «Химчистка ткани на дому»;
- сколько времени заняло: «2,5 часа»;
- от какой цены такая работа.
Без подписи пара фото - это просто картинка. С подписью - аргумент и текст, который видит поиск.
Скорость и картинки
Фото с современного телефона весят по 3-8 МБ. Двадцать таких пар делают страницу неподъёмной на мобильном интернете. Что нужно:
- уменьшить фото до размера, в котором они показываются;
- сохранить в формате WebP или AVIF;
- грузить фото только тогда, когда человек до них долистал;
- первая пара может грузиться сразу, остальные позже.
Почему медленная страница теряет заявки, разобрано в статье скорость сайта и заявки.
Согласие и этика
- На фото человек или его дом: нужно согласие. Сообщение «можно использовать фото на сайте?» и ответ «да» в мессенджере уже лучше, чем ничего.
- Для косметологии и медицины будьте особенно аккуратны: не обещайте одинаковый результат всем и подписывайте, что результат индивидуален.
- Не используйте фото конкурентов и стоки. Поиск по картинке находит их за секунды.
Как выстроить сайт косметолога вокруг таких работ, смотрите в статье лендинг для косметолога, а для ремонта в статье калькулятор ремонта на сайте, где галерея идёт рядом с расчётом цены.
Где разместить галерею
- Блок на главной с 3-4 лучшими парами и кнопкой «Все работы».
- Страница работ с фильтром по типу.
- На страницах услуг только пары по этой услуге. Это самое сильное место: человек читает про химчистку дивана и сразу видит диваны.
- Рядом с формой заявки.
Чек-лист перед публикацией
- Все пары сняты с одной точки и при одном свете.
- У каждой пары подпись с фактами.
- Есть согласие клиентов, где нужно.
- Фото сжаты, страница открывается быстро с телефона.
- Ползунок удобно двигать пальцем.
- Рядом с галереей есть кнопка заявки.
Как организовать съёмку в работе
Хорошая галерея не появляется за один день, её собирают постепенно. Чтобы это не превращалось в отдельную задачу:
- договоритесь с мастерами, что «до» снимается всегда, даже если вы не уверены, что заказ пойдёт в галерею;
- заведите общую папку или чат, куда падают пары с подписью: дата, услуга, имя клиента для себя;
- раз в месяц отбирайте 2-3 лучшие пары и спрашивайте согласие клиента;
- раз в квартал обновляйте галерею на сайте и убирайте слабые пары.
Через полгода у вас будет подборка, которой нет у конкурентов.
Галерея и SEO
Поиск по картинкам приводит людей, которые ищут конкретный результат: «химчистка дивана до и после», «ремонт ванной до и после». Чтобы фото там показывались:
- называйте файлы по смыслу, а не IMG_1234;
- пишите описание (alt) к каждому фото;
- размещайте пары на странице услуги, рядом с текстом про неё.
Как это делаем мы
В сайтах Kinto галерея «до и после» собирается под нишу: слайдер, пары или сетка, с подписями, сжатием фото и ленивой загрузкой. Лендинг стоит от $700 за 6 дней, сайт с разделами от $1 800 за 12 дней. Пришлите в Telegram @kinto_am несколько пар своих фото, и мы подскажем, какой формат им подойдёт.