Вертикально центрируем её относительно нижней границы «кейса» и текст: «Ограниченное…».
Конец первого экрана.
Экран 2
Дублируем шапку (элемент «Киев + выбор региона/языка»). Дублируем логотип по центру, меню, Запись онлайн + соц. сети.
Далее, размещаем 4 фотографии с небольшими отступами между собой. Под каждым элементом продумываем стили для размещения:
– Названия фото
– Адрес
– Телефон
– График работы
– * опциональное поле (доп. Комментарий).
3й экран
В левый сайдбар (левая колонка) размещаем построчно текст:
«Мужская стрижка… цена
Женская… цена
И т.д….»
В области контента, который находится в свободной области от сайдбара (область, где находится основная информация этого блока) прописываем текст или пишем Пробный текст, и прорисовываем абзацы, отступы, цвета для ссылок, телефонов.
4й экран
Ставим логотип/изображение (указываем) по центру. Делаем выделяемую подложку под это изображение.
Вставляем изображение «глина для волос». Или заказываем дизайнеру это изображение, детально описав в ТЗ, что должно быть на изображении.
– разделитель экранов с изображением—
Размещаем текст (указываем текст, если он есть, или заполняем заглушкой на русском языке).
– снова разделитель с изображением –
Вводный текст над формой.
По центру – форма для отправки анкеты с полями (имя, телефон, почта, компания, город).
Обязательные поля для заполнения: почта, телефон.
Справа от формы вставляем <вот такой текст> про франшизу.
Кнопка отправить, выделенная черным цветом, с хорошо читаемым шрифтом.
– разделитель—
И рисуем в правом нижнем углу черную выноску с текстом: «Оставить отзыв».
Пример рабочего тз для программиста
Интегрируем верстку в движок (например, wordpress).
Реализуем возможность выбора города/языка и соответствующую смену контента всей страницы.
Вывод пунктов меню и задание ссылок к каждому из элементов меню реализуем через админку.
Кнопка «Записаться онлайн» ведёт на страницу <описываем какую>.
Первый экран, а именно Фон + содержимое текста «Ограничение….» и до окончания изображения кейса – делаем слайдером. Создаем возможность изменять контент слайдов, их кол-во, фон, текст через админку.
На втором экране – аналогично прописываем работу кнопок переключения языка и контента, исходя из города. Для каждого города абсолютно разное текстовое и графическое наполнение сайта [этот пункт нужно уточнить у заказчика. Если в разных городах всё остается прежним и
меняется только телефон и адрес, тогда пишем фрилансеру какие именно поля будут меняться].
