Общее:
Цель лендинга - агрессивные продажи массажного бальзама, сжигающего жир и подтягивающего кожу тела. Ориентирован на женскую аудиторию. Покупатели - массажисты. Дизайн должен мотивировать к покупке. На лендинг будет вестись холодный трафик, поэтому он должен быть понятным и вызывающим доверия у неподготовленной аудитории.
Для этого необходимо:
- согласно шаблону нарезать и сверстать макет в Tilda
- настроить необходимый функционал (описан ниже)
Функционал:
- форма в шапке страницы должна принимать контактные данные клиентов и записывать их в google spreadsheet файл.
- данные о посещении сайта должны отправляться в сервисы google analytics и яндекс.метрика
- в блоках "Где еще можно купить Ингибитор?" и "СМИ об Ингибиторе H.Q.B.M." картинки. при наведении должны окрашиваться в цвета, а в пассивном состоянии быть черно белыми
- меню вверху страницы должно быть кликабельным и перемещать на конкретные блоки на данной странице
- видео в блок с роликом пришлю лично.
- контент для отзывов брать с сайта
- фото сертификатов при клике должны загружаться в увеличенном видео.
Требования к странице:
- страница должна адаптироваться под размер экраном мобильных устройств
- полная загрузка контента должна быть не более 3 секунд
- результат будет проверяться через - https://developers.google.com/speed/pagespeed/insights/
Пример посадочной страницы - https://drive.google.com/file/d/1DM4VwDa7omyCpQDOshx7B3Bl1KlgoNrY/view?usp=sharing .
Все необходимые фото будут либо высланы, либо даны ссылки на них в сети.
Дополнительная информация
* Поставить на страницы Google Analytics или GTM (MEASUREMENT ID
G-0DJ4ZWYBYN)
* Про фото для состава взять по ссылке.
* Сертификаты для страницы
* Ссылки для подвала
https://hqbm.ru/
Кнопка "Написать в WhatsApp" - http://wa.me/79855424906
Других ссылок пока не будет
Кнопка на соц.сети - только Instagram - https://www.instagram.com/explore/tags/hqbm/
* Фото ДО и ПОСЛЕ можно взять тут.
* Контент для отзывов брать тут (фото, имя, текст отзыва, профессия, ссылка на соц.сети).
Результат:
На выходе должно получиться 2 страницы на тильде, которые должны быть переданы в аккаунт tilda Заказчика (номера согласно шаблону):
1) после ввода данных в поля и клика по кнопке, данные заносятся в Google таблицу, а пользователь переводится на спасибо за заказ, мы с вами свяжемся
2) без полей для ввода текста, после клика по ссылке, пользователь переводится на страницу http://hqbm.ru/try
Приветствую всех!Есть дизайн сайта из фотошопа, макеты в psd, графика вектор. 5 основных стр и 15 внутренних (ссылку на макеты прикрепляю) Вёрстка нужна адаптивная. кроссбраузерная (зелёная зона в Google Page speed). В дальнейшем будет натяжка на Битрикс. ...
Добрый день, нужно на основе текущих страниц сайта, сделать amp верстку для них Материал - в приложении, три страницы: Главная, Гитара, Контакты, остальные одинаковые
Необходимо вырезать svg и js анимации с первого экрана этого сайта [url=https://indicius.com]https://indicius.com[/url] (скриншот [url=https://c2n.me/4bJajdM.png]https://c2n.me/4bJajdM.png[/url] ), чтобы впоследствии ее можно было вставить единым html-блоком в другую страницу. [b]Поскольку сайт indicius.com написан на фреймворке gatsby (react.js), нужен ...
На данный момент есть: 1. десктопный сайт (далее - D) 2. мобильная версия (далее - M) сайта на поддомене m (настроен редирект с D на M в зависимости от устройства пользователя) Что нужно сделать: 1. Добавить необходимые для адаптива ...
Приветствую, есть макет, нужно сверстать. Называйте свои первоначальные сроки и цены, ТЗ скину исполнителю. Интересует портфолио
Исправить ошибку "Background and foreground colors do not have a sufficient contrast ratio" по данным [url=https://web.dev/measure/]https://web.dev/measure/[/url] для главной страницы сайта (см. приложение), чтобы вместо 95 баллов стало 100. Здесь инструкция: https://web.dev/color-contrast/
Есть магазин на тильда. Он выводит максимальное количество карточек в ряд - 4 штуки при выводе. Нужно сделать через css-файл вывод товаров в ряд по 16 карточек для десктопа и по 4 в мобильной (по умолчанию ...
Задача: min перенести 1в1 или очень близко дизайн(шрифты и цвет) и верстку страниц с референса https://newradio.ru/ на платформу bitrix24 max используя предоставленный контент сверстать страницы в соответствии с рефернсом
Необходимо сверстать адаптивный сайт по макету в figma, макет есть только десктопной версии. Макет из 7 секций, 2-х слайдеров и несложной анимации. Макет вышлю выбранному исполнителю. Жду от вас примерную цену и сроки.