Дизайн — статьи о сайтах
Для салона красоты фотографии — главный аргумент на сайте. Человек выбирает не абстрактную «стрижку», а результат, мастера и обстановку. Если снимки свалены в одну галерею «Наши работы» без подписей, смотреть их можно, но выбрать по ним услугу трудно. Ниже — как организовать фотографии так, чтобы каждая решала свою задачу.
Какие фотографии нужны салону и какую задачу решает каждая
Удобно разделить снимки на четыре группы:
- Работы (стрижки, окрашивание, маникюр, макияж) показывают результат и помогают понять, что можно заказать.
- Мастера отвечают на вопрос «к кому я пойду». Нужен ясный портрет и пара строк о специализации.
- Интерьер и рабочие места показывают, где всё происходит. Достаточно нескольких кадров: зал, кресло, зона ожидания, вход.
- Процесс и материалы нужны не всем, но уместны, если вы хотите показать, например, этапы окрашивания.
Прежде чем загружать файлы, решите, к какой группе относится каждый кадр. Это определит, на какой странице он окажется.
Раскладываем работы по услугам, а не по датам
Хронологическая лента удобна администратору, но не клиенту. Тот, кто хочет мелирование, не станет листать сто снимков, чтобы найти нужные. Поэтому работы лучше привязывать к страницам услуг: на странице «Окрашивание» — окрашивание, на странице «Маникюр» — маникюр. Общую галерею можно оставить как дополнение, но с фильтром по категориям: «Стрижки», «Окрашивание», «Свадебные причёски».
Ещё один приём — привязать работу к мастеру. Тогда на странице мастера видно его собственные работы, а клиент оценивает стиль конкретного человека.
Пример: фрагмент страницы «Окрашивание волос»
Это условная схема, а не описание реального проекта. Порядок блоков сверху вниз:
- Заголовок и два-три предложения: какие виды окрашивания есть и от чего зависит время визита.
- Ряд из 4–6 квадратных превью с подписями под ними: «Омбре, длинные волосы», «Тонирование, каре», «Окрашивание корней».
- Клик по превью открывает увеличенное фото. Под ним — название техники, имя мастера и ссылка «Записаться на это окрашивание».
- Ниже — список услуг с продолжительностью, а справа или под ним — кнопка записи.
Подпись «Омбре, длинные волосы» работает лучше, чем «Фото 14»: она объясняет, что видно на снимке, и даёт повод нажать на запись именно на эту услугу. Если формат «до и после» уместен, держите оба кадра рядом, в одном ракурсе и при одинаковом освещении, иначе сравнение теряет смысл.
Как подготовить файлы: размер, вес и названия
Фото с камеры или телефона нельзя загружать как есть: файл на несколько мегабайт будет долго открываться, особенно с мобильного интернета. Что стоит сделать:
- Уменьшить снимок до рабочего размера, например около 1000–1200 пикселей по длинной стороне для увеличенного просмотра, и отдельно сделать небольшое превью.
- Сохранять в JPEG с умеренным сжатием. Ориентир — сотни килобайт на кадр, а не мегабайты. Проверьте глазами, что кожа и волосы не покрылись «квадратиками».
- Делать превью одной пропорции, чтобы сетка выглядела ровно.
- Давать файлам понятные имена латиницей, например ombre-dlinnye-volosy.jpg, и заполнять атрибут alt коротким описанием того, что на фото. Это помогает тем, кто не видит изображения, и вам самим при поддержке сайта.
Важно и содержание кадра: ровный свет, нейтральный фон, лицо или причёска в центре. Если на фото есть клиенты, заранее согласуйте с ними публикацию.
Чего лучше избегать в галерее
Автоматически листающиеся слайдеры на главной выглядят нарядно, но посетитель не успевает рассмотреть кадр и не может вернуться к нужному. Если слайдер нужен, оставьте ручную прокрутку и видимые стрелки. Не используйте Flash-галереи: они не открываются на многих планшетах и телефонах. Не размещайте текст с ценами и контактами только на картинке — его нельзя выделить, скопировать или увеличить. Снимки с чужих сайтов и из каталогов вместо собственных работ быстро обнаружатся при просмотре страницы вашего салона.
Проверочный список перед публикацией
- Каждый кадр относится к конкретной группе: работа, мастер, интерьер.
- Работы размещены на страницах услуг и/или мастеров, а не только в общей ленте.
- У каждого снимка есть подпись с названием услуги или техники.
- Файлы уменьшены, превью одинаковой пропорции, вес разумный.
- Заполнены alt и понятные имена файлов.
- Увеличенное фото открывается на телефоне и закрывается без труда.
- Рядом с галереей есть кнопка или телефон для записи.
- Снимки с клиентами согласованы с ними.
Выделите час, откройте сайт на телефоне и пройдите путь клиента: найти услугу, посмотреть работы, записаться. Места, где вы замешкались, и есть первые кандидаты на доработку.
