Создание страницы с описанием услуг
1
Страница с услугами
Итак, у нас есть настроенная главная страница сайта. Есть дизайн-система.
Теперь нам нужно закончить сайт, сделав недостающие страницы, используя стилистику, что мы задали. И начнём мы со страницы услуг.
У меня есть способ делать её просто. Для этого я просто беру и использую один блок карточки → MdzCr: Карточки с оглавлением
Теперь нам нужно закончить сайт, сделав недостающие страницы, используя стилистику, что мы задали. И начнём мы со страницы услуг.
У меня есть способ делать её просто. Для этого я просто беру и использую один блок карточки → MdzCr: Карточки с оглавлением
Это по сути блочный конструктор внутри конструктора. Ну, то есть есть разные типы карточек и вы можете из них собрать данный блок. Карточки с текстом, слайдером, списком, формой
И вот из такого рода карточек мы составим страницу с услугами. Несколько тезисов об этом:
1. Можете сделать много карточек или мало. Можете подглядывать на других сайтах, что пишут в услугах там.
2. Не обязательно писать только об услугах, можно показать рабочее место, ещё раз показать своё лицо (это даже более важно, чем расписать каждую услугу).
3. Попробуйте карточки разных типов.
4. Настройте дизайн в соответствии с выбранными цветами и прочими элементами дизайн-системы.
5. Не забудьте про смайлики 💎 для привлечения внимания к каким-то важным мыслям, выраженным текстом.
6. Делаем просто, но без ошибок. Лучше меньше, но чтобы поставить плюсик, что сделано, нежели недоделать.
7. Последняя карточка - форма, как призыв к действию.
8. Данные карточки - простой способ быстро делать страницы.
1. Можете сделать много карточек или мало. Можете подглядывать на других сайтах, что пишут в услугах там.
2. Не обязательно писать только об услугах, можно показать рабочее место, ещё раз показать своё лицо (это даже более важно, чем расписать каждую услугу).
3. Попробуйте карточки разных типов.
4. Настройте дизайн в соответствии с выбранными цветами и прочими элементами дизайн-системы.
5. Не забудьте про смайлики 💎 для привлечения внимания к каким-то важным мыслям, выраженным текстом.
6. Делаем просто, но без ошибок. Лучше меньше, но чтобы поставить плюсик, что сделано, нежели недоделать.
7. Последняя карточка - форма, как призыв к действию.
8. Данные карточки - простой способ быстро делать страницы.
2
Чего не делаем на странице с услугами
1. Не пишите цены. Давайте без них. Пусть будет пространство для переговоров.
2. Не пишите, что делаете что-то дёшево. Дёшево - это не то, что хочет получить клиент. У вас может быть дешевле за счёт чего-то (не снимаете офис, есть наработки с прошлых проектов и тп), но дёшево - это скорее синоним слова "плохо". Клиент обычно хочет что-то дорогое, но по сниженной цене. Это как ... вот представьте сумку на барахолке, которая продаётся дешево. Дешевая сумка. А теперь представьте дорогую сумку, которую вы получаете со скидкой 70%. Даже с учётом скидки в 70% она будет дороже той, что продаётся на барахолке. Но получить все хотят второе: что-то дорогое дешево. А не что-то дешевое.
3. Не залипайте на долго над текстами.
Вот, что получилось в итоге:
2. Не пишите, что делаете что-то дёшево. Дёшево - это не то, что хочет получить клиент. У вас может быть дешевле за счёт чего-то (не снимаете офис, есть наработки с прошлых проектов и тп), но дёшево - это скорее синоним слова "плохо". Клиент обычно хочет что-то дорогое, но по сниженной цене. Это как ... вот представьте сумку на барахолке, которая продаётся дешево. Дешевая сумка. А теперь представьте дорогую сумку, которую вы получаете со скидкой 70%. Даже с учётом скидки в 70% она будет дороже той, что продаётся на барахолке. Но получить все хотят второе: что-то дорогое дешево. А не что-то дешевое.
3. Не залипайте на долго над текстами.
Вот, что получилось в итоге:
3
Реализация: услуги, начало
У нас возможны 3 варианта при создании страниц с описанием услуг:
1. Одна услуга
2. Несколько услуг в рамках одной страницы
3. Страница с общим перечнем услуг со ссылками на детальное описание каждой услуги
1. Одна услуга
2. Несколько услуг в рамках одной страницы
3. Страница с общим перечнем услуг со ссылками на детальное описание каждой услуги
Основной конечной целью при разработке страницы услуг является обращение посетителя сайта в компанию:
1. Звонок
2. Заполненная форма заявки
3. Сообщение в мессенджере
4. Онлайн-запись
1. Звонок
2. Заполненная форма заявки
3. Сообщение в мессенджере
4. Онлайн-запись
4
Дополнительные цели
1. Отсечение лишних обращений (позиционирование услуги как дорогой/дешевой; публикация деталей об услуге, чтобы нецелевая аудитория не обращалась в компанию)
2. "Прогрев", то есть повышение готовности потенциального клиента к заказу услуги, при этом содержание страницы не является ключевым моментом к обращению за услугой
3. Подписка на рассылку
4. Переход в соцсети и подписка на них
Для достижения основной конечной цели, обращения, мы ведём посетителя от первого экрана, где мы раскрываем суть страницы, на которой находится посетитель, до итога — секции с призывом к действию:
2. "Прогрев", то есть повышение готовности потенциального клиента к заказу услуги, при этом содержание страницы не является ключевым моментом к обращению за услугой
3. Подписка на рассылку
4. Переход в соцсети и подписка на них
Для достижения основной конечной цели, обращения, мы ведём посетителя от первого экрана, где мы раскрываем суть страницы, на которой находится посетитель, до итога — секции с призывом к действию:
Если информации мало или она не нужна, то страница может быть "схлопнута" до главной идеи и призыва к действию.
5
Первый экран страницы услуг
Первый экран — это начало повествования об услуге. Это первое впечатление, которое производим на посетителя.
Абсолютно точно: быстрый взгляд на первый экран страницы с услугой должен давать ответ на вопрос, что это за услуга. Суть того, что предлагается, должна быть передана почти моментально.
Передача сути всегда происходит текстом. Текстовый заголовок — это базовый элемент первого экрана.
Абсолютно точно: быстрый взгляд на первый экран страницы с услугой должен давать ответ на вопрос, что это за услуга. Суть того, что предлагается, должна быть передана почти моментально.
Передача сути всегда происходит текстом. Текстовый заголовок — это базовый элемент первого экрана.
6
Заголовки
Поскольку заголовок имеет решающее значение в том, будет ли изучена информация далее, то возникает желание усилить его эффект.
И поскольку заголовок — это тот текст, который скорее всего прочитают, возникает желание заложить в него что-то большее, нежели просто название услуги.
Подробнее о том, как создавать заголовки, подстёгивающие к дальнейшему изучению страницы и обращению в компанию — здесь
И поскольку заголовок — это тот текст, который скорее всего прочитают, возникает желание заложить в него что-то большее, нежели просто название услуги.
Подробнее о том, как создавать заголовки, подстёгивающие к дальнейшему изучению страницы и обращению в компанию — здесь
7
Что еще помимо заголовка?
1. Подзаголовок. Можно даже добавить вводный текст.
2. Изображение или видео.
3. Кнопка, слайдер. Попробуйте, действительно интересный формат, когда ключевая идея передаётся двумя способами: с помощью текста и с помощью текста и изображения. Данный блок находится на Базиуме в категории Слайдеры (Sld08: Слайдер с текстом и кнопкой).
4. Часто первыми экранами выступают обложки (в списке блоков на Базиуме они так и называются "Обложки"). Это блоки, которые занимают 100% экрана вне зависимости от того, это экран смартфона или компьютера.
Обложка может быть сразу с формой. Если посетители готовы к запросу информации сразу при заходе на страницу с услугой (например, они уже знакомы с вами в соцсетях или изучили другие страницы сайта), то это вполне себе допустимый вариант для первого экрана.
Если обобщать, то первый экран — это чёткая передача ключевой идеи. Задача минимум: сделать так, чтобы посетитель захотел изучить информацию далее. Задача максимум: сообщить информацию так, чтобы посетителю захотелось обратиться за услугой.
Первый экран — это как начало общения в реальной жизни. Вот мы представились, а затем спросили: "О чем вам рассказать в первую очередь?"
2. Изображение или видео.
3. Кнопка, слайдер. Попробуйте, действительно интересный формат, когда ключевая идея передаётся двумя способами: с помощью текста и с помощью текста и изображения. Данный блок находится на Базиуме в категории Слайдеры (Sld08: Слайдер с текстом и кнопкой).
4. Часто первыми экранами выступают обложки (в списке блоков на Базиуме они так и называются "Обложки"). Это блоки, которые занимают 100% экрана вне зависимости от того, это экран смартфона или компьютера.
Обложка может быть сразу с формой. Если посетители готовы к запросу информации сразу при заходе на страницу с услугой (например, они уже знакомы с вами в соцсетях или изучили другие страницы сайта), то это вполне себе допустимый вариант для первого экрана.
Если обобщать, то первый экран — это чёткая передача ключевой идеи. Задача минимум: сделать так, чтобы посетитель захотел изучить информацию далее. Задача максимум: сообщить информацию так, чтобы посетителю захотелось обратиться за услугой.
Первый экран — это как начало общения в реальной жизни. Вот мы представились, а затем спросили: "О чем вам рассказать в первую очередь?"
