Требуется сверстать лендинг. Макет в PSD с сеткой bootstrap, сложного ничего, есть пару всплывающих окон. Верстку делаем с помощью html+css+js, самое сложное – это требуется сделать отправку форм на телеграм бот, т.е. имя и телефон, можно юзать любой плагин. Так же будет анимационный прелоадер, она есть в JSON файле, экспортированный из афтер эффекта, вам только нужно будет встроить его. Верстка сайта не должна отличаться от макетов при масштабировании сайта или смене разрешения. Адаптивная версия сайта будет к концу недели, но сильной разницы не будет. Код должен быть понятным и хорошо структурированным. Все возможные элементы типа кнопок должны быть кодом, все иконки в svg. Есть полный Ui-Kit и прорисованы все всплывающие окна. Будет детальная проверка верстки на ошибки, кроссбраузерность, скорость загрузки.
Относительно блоков:
Первый экран(хедер):
- Меню – нормал и хавер есть в юи-ките, плавная анимация вылета из левой стороны
- Лого svg, икноки тоже, текст неактивный кроме номера и звонка, они есть в юи-ките с заметками
- «Листай дальше» и конка – исчезает при начале скролла
- Кнопки – при хавере просто добавляем немного внешнего свечения, при клике делаем ее процентов на 15 меньше, пример в юи-ките. В этом случае ссыляется на форму 1
- Кнопка видео – ссыляется на видео всплывающим окном, без рамок, с крестом который в юи-ките по логике форм, бг цветом: 255 245 230 с непрозрачностью в 80%, далее это используем для всех всплывающих окон.
- Кнопки «Соц. Сети» при хавере делаем процентов 60х60 пикселей пример в юи-ките
Второй экран(Почему мы?)
- Все делаем +- как отрисовано, кнопка на форму 1
Третий экран(бесплатной посещение)
- При отправке формы всплывает окно с подтверждением
- Кружки делаем так же по расположению, текст делаем произвольный
Четвертый экран(результаты)
- При движении бегунка смена картинки до и после за ним
Пятый экран(Цены)
- Смена позиций при выборе разных зон, без изменения высоты блока, при уменьшении позиций, там будет 7-5-6…
- При наведении курсора на «дополнительные услуги» всплывает окно, нормал состоянии иконки – серое, есть в слоях того же блока
- Кнопка «Получи подарок» ведет на еще не готовый поп-ап
Шестой экран(Акции)
- Слайдер двигается при нажатии кнопок или при задержании и перемещении курсора
- Окна и хавер есть в монтажной области «информационное окно»
Седьмой экран(Отзывы)
- Смена айфона с скрином вместе с скроллом с плавной анимацией
- Облако можно подредачить если будет мешать кнопкам
Чаво и консультацию делаем по анологии.
Карту – обычную гугл, с кастомной меткой.
Я являюсь дизайнером данного проекта, и вы сможете взаимодействовать напрямую со мной. Оплата после полной проверки кода и правок всех ньюансов, через сейф или поэтапно. Так же, если сработаемся, возможны заказы на периодичной основе.
В ответе жду стоимость и сроки (В данный момент нет мобильной версии и будет еще однин небольшой поп-ап с акцией, который должен всплывать через н-время на сайте, их учтите в стоимость).