Здравствуйте необходима адаптивная верстка сайта HTML (десктоп, ноут, планшет, моб)

Интересует (максимально) полная стоимость работы. Понимаю на 100% не просчитаешь, но приближенно. Озвучивайте все, что входит верстку, что нет. Задавайте уточняющиевопросы или звоните по номеру +38050 167 79 47 ( можнописать/звонить в WhatsApp)


-Сроки (за сколько сможете сделать) Безусловно, чем быстрее, тем лучше. Учитывайте пожалуйста внимательно все детали и нюансы, берите с запасом.

-Оплата по окончанию работы (в идеале) или поэтапно. Сделали этап – проверка –
оплата. Другие варианты не рассматриваются. Мы себя страхуем. Так как большинстве при получении предоплаты особенно в 50 % многие исчезают и довольно сложно их заставить что-то сделать.

-Не подходит ответ просто с ценой или сроками, а в процессе верстки начинается (это отдельная услуга, это платно , это не входит, это сложно сделать и 1001 отговорка или некачественное упрощение того, что в макете и т д) Просчитывайте наперед и берите время с запасом, все учитывайте и предупреждайте

Пишите пожалуйста сюда ответы. (ГОТОВ/ ИНТЕРЕСЕН ПРОЕКТ/ ПИШИТЕ МНЕ) и в таком роде НЕ рассматриваются.



Вот макеты в figma ( 3 версии десктоп, ноут, моб)

Адаптация будет под технику apple:

1.компьютерная версия

2.ноутбук

3.планшет (нужна ли эта версия если она никак не отличается от ноутбука, возможно у нее будет возможно растягиваться под экраны?)

4.телефон


https://www.figma.com/file/51Yi5XyNqxe2uYrRPyfgig/%D1%81%D0%B0%D0%B2%D0%B0-%D0%B0%D1%80%D1%85%D0%B8%D0%B2?node-id=227%3A27



https://www.figma.com/file/51Yi5XyNqxe2uYrRPyfgig/%D1%81%D0%B0%D0%B2%D0%B0-%D0%B0%D1%80%D1%85%D0%B8%D0%B2?node-id=0%3A1

https://www.figma.com/file/51Yi5XyNqxe2uYrRPyfgig/%D1%81%D0%B0%D0%B2%D0%B0-%D0%B0%D1%80%D1%85%D0%B8%D0%B2?node-id=227%3A923


Версия сайта русская ( в будущемпланируется англ (не автоматическим переводчиком) а полноценный переведенной сайт

ТЗ

ГЛАВНАЯ
1.Кликабельный лого (обновление сайта)
2. На главной странице ( касается всех экранов) текст Exclusive newlevel design - выплывает как на сайте https://codepen.io/ghepting/pen/xnezB


3. При выборе раздела из меню бирюзовая подсветка

4. При нажатии на номер выплывает форма заполнение ( мы вам перезвоним)

5. При выборе любого раздела из меню, должно перекидывать на соответствующий блок на
сайте или другой экран

О НАС – экран «Наща команда»

УСЛУГИ – экран «Что мы делаем»

РАБОТЫ – экран «Работы»

КОНТАКТЫ – в заздел подвал

6.Включает видео Активная ссылка «промо ролик» и кнопка плей

О НАС
1. В тексте последнее слово «portfolio» сделать ссылкой с переходом на отдельный экран - РАБОТЫ

ЧТО МЫ ДЕЛАЕМ
1.Вставить анимацию GIF 3д модель, которая будет вращаться на 360 градусов самостоятельно (анимация есть)
2. При нажатии на кнопку «связаться с нами» выплывает форма заполнения.

3. При нажатии на «Подробнее» Перебрасывает на экран «ЧТО МЫ ДЕЛАЕМ»



ПОРТФОЛИО

1. При наведении на альбом реакция на движение небольшое увеличение альбома
2. В портфолио выборный хештег подсвечивается бирюзовым

3. Все фото в галерее должны быть подогнаны под один размер
4. При нажатии на кнопку «заказать услугу» выплывает форма заполнения.

5. Все фото первоначально идут в разнобой и только при выборе раздела ( хештега) идет сортировка).

6 Прокрутка альбомов вниз (скрол)

7. При выборе альбома из портфолио - переход на новый экран (РАБОТЫ)

8 На отдельной странице РАБОТЫ при открытии фотографии (затемняется полностью весь экран, появляется слайдер с изображением)

9 Переключение между работами стрелками вправо-влево, прокрутка одной работы с описанием -скролом вниз

10 Просмотр фото – стрелка при нажатии становиться бирюзовая.




ПАРТНЕРЫ
1. Логотипы партнеров крутятся как «карусель»

2. При клике на лого – переход на сайт/соц.сеть


КОНТАКТЫ

1.Кнопка возврата. UP внизу сайта ( делать кодом, а не картинкой)
2. . При нажатии на кнопку «связаться с нами» выплывает форма заполнения (отправка данных уходит на почту)
3. При нажатии на номер так же выплывает форма заполнения.

4. Активная ссылка инстаграм

НАША КОМАНДА

1. Кто работает над проектом ( анимация) : слова сталкиваются друг с другом меняют цвет и расходятся



ЧТО МЫ ДЕЛАЕМ

1. При нажатии на «читать больше»появляется слайдер с продление текста



РАБОТЫ

1 при выборе хештега он подсвечивается бирюзовым , работы сортированы по темам

2 При открытии работы затемнение экрана, белый слайдер с фото

Стрелкой вправо-влево можно меня работу, при прокручивании скролом вниз читать описание.


ОБЩИЕ
1.Чёткий, фиксированный дедлайн
2. Каждый блок/экран /иконки /текст вплывают как на сайте https://ajax.systems/ru/
3. При клике на номер/кнопки «связаться/ заказать» выплывает форма заполнения.
4. Закрытие альбомов, формы , либо чего - кликом на любую соседнюю область

6. ВАЖНО!!! Все размеры блоков/фигур, Элементов брать с макета.
7. ВАЖНО! Строгая Выдержка расстояния между блоками, текстом, иконками (всеми элементами)
8. ВАЖНО!!! Выдержанный Межстрочный интервал
9 Как вам удобно прислать в папке(отдельно иконки, лого, фото, шрифты , и т д) или вам проще самостоятельно с макета выгружать?

10. Анимация: все заголовки серые ЧТО МЫ ДЕЛАЕМ / О НАС /РАБОТЫ/ и др вылетают догоняют и резко останавливаься ( позже дам пример)



ВОПРОСЫ

1 . Версия сайта русская ( в будущемпланируется англ (не автоматическим переводчиком) а полноценный переведенной сайт

( как это влияет на стоимость?

Как их соединить?

Когда второй сайт лучше делать

Каким сделать один адрес илиподдомен?

Как на них переключааться? )

2. Имеется существующий сайт на движке с адресом в зоне com. Можно ли их обьединить?

3. Какие должны быть Размеры фото для разных версий ?





МОБИЛЬНАЯ ВЕРСИЯ

1.При нажатии на меню оно должно опуститься шторкой смахиваться в вверх как в айфон

2.Свйп в право закрытие меню в моб версии

3.Лого – обновление сайта