Шаг
Создание "тела" сайта
→ Сайт состоит из шапки (Header) тела (Body) и "подвала" (footer).
Если у клиента нет контента, фото, текста создаем его сами. 
Тексты смотрим у конкурентов, немного меняем, фото берем с интернета)
Он потом сможет заменить то что ему нужно на свое. 
Запишите ему видео, как это сделать, он будет вам благодарен и оставит хороший отзыв. 
И в дальнейшем будет к вам обращаться.
1. Оффер УТП
→ Добавить секцию → раздел медиа → наши работы → удаляем ненужное (заголовок, подзаголовок)
→ Выбираем картинку, если нет подходящей идём картинку в Яндекс картинки
→ Загружаем картинку
→ Отключить сжатие , скругление углов
→ Редактируем отступы (в следующих уроках будет раздел отступы)
→ Редактируем цветаВнимание! В этом разделе должно быть уникальное торговое предложение (информация о скидках и акциях) , но заказчик в ходе телефонного разговора от него отказался , поэтому как предложение мы будем использовать информацию о новейшем томографе который используется в этом кабинете (в следующем уроке) , как просил заказчик.
В этом разделе добавляем соответствующую картинку , для того чтобы пользователь сразу понял что за услуги оказываются

2. Карточки с преимуществами -
→ Добавить секцию → контент → выбираем карточки
→ редактируем отступы → удаляем ненужное (заголовок)
→ Меняем цвета (копируем с наших секций которые выше, меняем яркость на 30%)
→ Делаем обводку карточек, включает тень
→ Редактируем цвет текста
→ Ищем информацию о томографе в интернете (заказчик написал какая модель томографа нужна)
→ Копируем с сайта несколько предложений для наших карточек
(Выбирайте предложения так - какое описание вызывает у меня доверие к томографу? Чтобы я как клиент хотел чтобы было в данном томографе? Этот томограф более безопасный? Он новее чем другие и тд)
→ 2 -3 предложений в каждой карточке достаточно
3. Цены на услуги
→ Добавить секцию → таблицы → «Велоакссесуары»
→ Меняем заголовок на услуги КТ
→ Берём названия услуг и цены с сайта примера который нам скинул заказчик, 
(если заказчик не скинул , смотрим у конкурента, потом меняем цены на те, что скажет заказчик)
→ Копируем услуги и цены, вставляем на наш сайт

4. Кнопки призыва к записи
→ Меняем цвета
→  Выбираем структуру таблицы
→  Меняем цвет столбцов
→  Меняем цвет разделителей
(Для того чтобы таблица была более читабельной , не нужно делать все (столбцы, разделители, текст, фон) одним цветом
5. О компании
→ Добавить секцию → медиа → наши работы
→  Удаляем ненужное (подзаголовок)
→ Выбираем количество изображений в ряд → одно изображение
→ Отключаем режим слайдера
→ Ищем в интернете картинку кабинета для обложки видео (в дальнейшем заказчик может поменять на фото своего кабинета)
→ Загружаем видео если скинул заказчик , если нет оставляем пустым заказчик добавит
→ Загружаем обложку видео
(Этот блок не обязателен, этот блок на сайт примере нашего заказчика) информацию о компании можно написать в текстовом формате , как на других сайтах
→ Меняем цвета
→ Меняем заголовок
→ Меняем размер шрифта заголовка

6. Кнопки призыва к записи
→ Меняем цвета
→  Выбираем структуру таблицы
→  Меняем цвет столбцов
→  Меняем цвет разделителей
(Для того чтобы таблица была более читабельной , не нужно делать все (столбцы, разделители, текст, фон) одним цветом
7. Важная информация
→ Меняем текст заголовка, размер текста и цвет
→ Пишем преимущества (смотрим у конкурентов и немного перефразируем, или меняем несколько слов на синонимы)
→ Добавляем подзаголовок ,меняем размер, цвет
→ Удаляем ненужный текст с карточек
→ Меняем иконки
Как подобрать иконку? Ищем по смыслу предложения
→ Делаем одинаковый размер иконок
→ Одинаковые отступы
→ Меняем цвет текста

8. Частые вопросы
→ Меняем цвет фона, меняем цвет иконок,
→  Пишем преимущества компании (смотрим у конкурентов, немного перефразируем)
→ Удаляем ненужный текст
→ Меняем цвет текста
→ Добавить секцию → контент → частые вопросы
→  Меняем фон
→ Меняем размер заголовка и подзаголовка
→ Нажимаем на таблице в правом углу на кнопку «структура элементов» → выбираем «сворачивать пункт при открытии другого» для удобства пользователей
→ Пишем актуальные вопросы (берём у конкурентов) перефразируем , 5-7 вопросов достаточно
→ Пишем ответы на вопросы
На видео - я захожу на сайт к разным конкурентам и выбираю у них пару вопросов с каждого сайта, не беру все вопросы с одного сайта чтобы у нас не получилась полная копия.
Копирую у них вопрос - вставляю на свой сайт - копирую ответ - вставляю на свой сайт.
Для удобства просмотра моменты где я копирую удалены.

Вставляю на сайт клавишами ctrl + v
9. Форма заявки
→ Добавить секцию → заявки → форма заявки
→ Меняем фон
→ Меняем заголовок
→ Пишем в подзаголовке информацию, зачем пользователь отправляет заявку 
(мы перезвоним вам, подберем время и запишем Вас на консультацию в течении 15 минут»
→ Меняем цвет текста
→ Редактируем форму заявки → пишем заголовок → меняем цвет
→ Нажимаем на шестерёнку на форме заявки → Меняем текст кнопки
→Редактируем кнопку  → меняем цвет заливки
→ Меняем цвет фона формы заявки (убавляем яркость до 30%)

Внимание - мы используем 2 цвета на нашем сайте, и просто уменьшаем и увеличиваем яркость цвета
Пройти тест и перейти на следующий урок →