Вёрстка HTML макета корпоративного сайта

Отклик на задачу со сроками и бюджетном оставлять в форме Битрикс24 crm.ext.team/bgo-html

Необходимо сверстать макет корпоративного сайта с личным кабинетом и каталогом из figma, макеты есть только для desktop версии, требования к адаптивной вёрстке описаны, при необходимости могут быть отрисованы некоторые блоки мобильной версии, ниже по ссылке в figma представлены изображения страниц, сгруппированные по этапам работ, оригинальный макет будет предоставлен исполнителю.

При вёрстке необходимо максимально придерживаться компонентного подхода, при успешном сотрудничестве исполнителю будет предоставлен в работу макет интернет-магазина, использующий блоки из текущего макета.

Ссылка на макет в Figma

Крайние сроки:

К 16 апреля исполнителю необходимо предоставить готовые html-макеты всех страниц, после чего в течении 1-2 дней исполнителю будут отправлен результат проверки, при наличии правок, их необходимо будет поправить в течении 2-3 дней. При более раннем завершении исполнителем всех работ будет предоставлен бонус в размере 15% от согласованной стоимости работ.

Оплата:

Бюджет от 25 000 руб.

Оплата происходит по этапам или постоплатой на выбор исполнителя, предоплата возможна только за этап и не более 30% его стоимости.

Описание процесса работы:

Вёрстка будет проходить в 5 этапов:

Этап 1: Вёрстка основных элементов макета и главной страницы

Этап 2: Вёрстка каталога

Этап 3: Вёрстка личного кабинета

Этап 4: Вёрстка новостей (список, детальная), страницы скидки и бонусы, страница поиска

Этап 5: Вёрстка страницы о компании, контакты, оплата и доставка, вопросы и ответы

Требования:

1. Адаптивная вёрстка, блоки должны корректно отображаться на разрешении от 320px, при рессайзе вёрстка не должна рушиться, слайдеры и прочие интерактивные элементы должны работать корректно.

2. Корректное отображении вёрстки в браузерах последних версий, вне зависимости от платформы macOS/Windows, iOS/Android

• Internet Explorer 11+

• Microsoft Edge – последняя актуальная версия

• Google Chrome – последняя актуальная версия

• Yandex browser – последняя актуальная версия

• Opera – последняя актуальная версия

• Mozilla Firefox – последняя актуальная версия

• Safari – версия 9.1 и выше

3. При разработке необходимо использовать сборщик и препроцессоры

4. Разработка происходит в gitlab репозитории заказчика, минимум каждый этап должен быть внесён в репозиторий заказчика.

5. Вёрстка должна проходить проверку в валидаторе https://validator.w3.org/

6. Вёрстка должна набирать в Google Pagespeed 80+ баллов

7. При работе с svg необходимо использовать спрайты