Юрий Курдюмов

Необходимо написать простой калькулятор расчета стоимости отопления загородного дома.
Калькулятор будет располагаться на сайте строительной компании
Формула, по которой работает калькулятор находится в файле XLSX
Дизайн-макет калькулятора находится в файле PSD

В итоге мы должны получить html код калькулятора и css файл к нему.
Сам калькулятор и форма связи с инфоблоком должны быть адаптированы под мобильные телефоны и планшеты

Логика калькулятора:
Пользователю предлагается ввести площадь дома (изначально указана 100 м2)
Под калькулятором находится кнопка "рассчитать", при нажатии которых идет перерасчет данных (изначально данные рассчитаны на дом 100 м2)
После нажатия "рассчитать" под калькулятором "выезжает" блок в котором содержится

1) Сообщение "Уважаемый пользователь! Данный расчет имеет ознакомительный характер.
Компания Гранд Лес может бесплатно произвести детальный расчет стоимости отопления с учетом параметров Вашего проекта.
Оставьте свои контактные данные и мы свяжемся с Вами для расчета

2) Форма обратной связи: Имя, телефон*, e-mail
*обязательные поля. В случае, если полльзователь не ввел телефон, выскакивает предупреждение о том, что поле обязательное.

На сайте grandles.pro есть десяток форм обратной связи.

Задача: доработать все формы связи таким образом, чтоб вместе с заполненной клиентом информацией форма отсылала UTM метки, по которым пользователь пришел на сайт.

Вот пример такой ссылки, размеченной UTM
grandles pro discount/?utm_source=google&utm_medium=cpc&utm_content=discount&u tm_campaign=remarket

!! Важно предусмотреть такой сценарий:
1) пользователь перешел по рекламной ссылке с UTM
2) пользователь пошел дальше изучать сайт, тем самым стерев UTM с адресной строки
3) пользователь заполнил форму связи

На третьем шаге UTM метки, по которым пользователь зашел на сайт должны отправиться вместе с введенными им данными.

Вводная:
Необходимо сверстать и внедрить адаптивный шаблон для сайта grandles.pro
Необходимо внедрить сортировку проектов в каталоге

Сайт создан на платформе 1с битрикс
Шаблон десктопной версии есть в виде нескольких .psd файлов, где все элементы структурированы. С .psd файлом будет легко работать
Шаблон должен быть адаптивным и корректно показываться на всех типовых разрешениях экранов

Компания занимается строительством загородных деревянных домов, проектированием и производством клееного бруса.
Территориально находимся в Санкт-Петербурге

Задачи, кратко:
- создать на нашем хостинге копию сайта на адресе dev.grandles.ru
- на dev версии сверстать новый адаптивный шаблон, который будет корректно отображаться как на десктоп так и на мобильных устройствах
- сохранить все utm метки и триггеры на формах связи
- сохранить скорость работы сайта

С нашей стороны:
PSD + jpg макеты страниц
- главная
- страница каталога
- карточка проекта
- Типовая страница с контентом
- Контакты
- Верхнее меню
Все текстовые и графические материалы
Доступы на ftp, админку
Любое количество времени на пояснения и совместную работу.
Я работаю в штате компании и готов в реальном времени оказывать вам любое содействие.
При успешном выполнении, подробный отзыв, как на фриланс, так и на бумаге с печатью



Более подробное ТЗ по ссылке
В каждой отдельной папке есть ТЗ на отдельную страницу сайта
Всего 6 типов страниц, одна из которых типовая