Здравствуйте, необходимо создать одностраничный сайт для фотографа под ключ.
ТЗ:
1) сделать дизайн, в нем должны быть:
- шапка (имя, названия всех блоков, 3 ссылки- иконки на социальные сети)
- первый экран с приветсвием и фотографий во весь блок, так же кнопка "узнать подробнее" которая делает скролл до следующего блока
- блок "обо мне" (потртет фотографа, имя, небольшой рассказ о себе, ссылки на социальные сети с иконками),
- блок "виды услуг", несколько карточек (4 и более)
- блок "портфолио" с фотографиями (от 6 до 15 фото), так же на фото можно нажать и оно приблизится, появятся кнопки для просмотра предыдущей и следующей фотографии (по типу ВК когда в посте более 1 фотографии)
- блок "мой Инстаграм", тут 4 фото и ссылка на профиль
- блок "контакты", здесь должна быть форма обратной связи (имя, номер телефона, сообщение (пометить что это поле является необязательным)) и снова дублируются ссылки как в блоке обо мне
- простейший футер
- модальные окна: успешная отправка формы, ошибка отправки формы, модальное окно услуги (появляется после клика на карточку в блоке "виды услуг", должны быть: пример фото, название, описание, цена за час, кнопки "посмотреть примеры" и "оставить заявку" которая ведёт к форме)
В целом дизайн должен быть простой, интуитивно понятный, минималистичный, не использовать больше двух шрифтов и более 3 начертаний в каждом)
2) вёрстка:
- аккуратная, современная, валидная, полностью адаптивная верстка, с учётом того, что после ее нужно будет адаптировать под WordPress.
- должны быть все вендерные префиксы
- не использовать никакие фреймворки, пишите css с нуля.
3) скрипты и анимации:
- При скроле более чем на один блок вниз должна появляться кнопка при нажатии на которую делается плавный скролл на самый верх страницы.
- ajax отправка формы (без перезагрузки страницы), после которой плавно появляется модальное окно о результате.
- в вёрстке модальных окна должно быть всего два - для формы, и для услуг, а все необходимые данные наполняются через js (можно записать в data- атрибуты и потом просто менять данные в модальном окне.
- при нажатии на элементы навигации в шапке делается плавный скролл до нужного блока
- ОБЯЗАТЕЛЬНО: не использовать никакие JavaScript плагины, библиотеки, фреймворки.
- Все писать по стандартам ES6 - ES8
(использовать let, const, стрелочные функции).
- просмотр портфолио так же должен быть плавным, с анимациями, и работать при любом количестве элементов.
4) серверная часть:
- работа с Instagram API, для того чтобы блок "мой Инстаграм" обновлялся сам сразу же после добавления новых фоток в профиль
- отправка данных из формы в ВК и в базу данных.
- натяжка на WordPress (редактирование навигации в шапке, добавление новых видов услуг, добавление новых фотографий в портфолио, добавление новых ссылок с иконками в блоки "обо мне" и "контакты").
Выбирать буду только из тех, кто внимательно прочел всё ТЗ, максимально точно поставит стоимость всей работы, и напишет стоимость каждого из 4 пунктов с небольшим аргументом.
Просьба не занижать стоимость только для того чтобы выбрали вас, писать сразу настоящую аргументированную цену.