Нужно сверстать портал-агрегатор.
Всего 21 страница. Из низ (8 однотипных – продукты банков, 6 простейших (страница регистрации, вход, контакты, обратная связь, список банков, о сайте).
Дизайн ПК+Моб yadi.sk/i/V9wV8nVR3aUhrZ
yadi.sk/i/9Cydsh9S3aUhvG
yadi.sk/i/24LLtxcO3aUhzN
yadi.sk/i/9wNSniVk3aUi7B
yadi.sk/i/9wNSniVk3aUi7B
Есть Ui kit.
Дизайн залит в Zeplin.
Есть полное ТЗ на 12 страницах.
Требования по вёрстке.
ТЕХНИЧЕСКИЕ ТРЕБОВАНИЯ К ВЕРСТКЕ
1.1. Кроссбраузерность.
1.2. Адаптивность.
1.3. Html5 + Css3, с минимальным кол-вом ошибок и предупреждений при проверке валидатором. (Если есть альтернативные варианты лучше – обсудить).
1.4. Кодировка – UTF-8.
1.5. Особое внимание на мобильную версию! Она в итоге должна выдавать максимум баллов по гугловским системам типа PageSpeed и Mobile Friendly. Зеленая зона – обязательно.
1.6. Мобильная версия должна максимально повторять по контенту десктопную (не в ущерб скорости загрузки!)
1.7. Максимально легкий код – вынос стилей и скриптов в подключаемые файлы.
1.8. Не использовать javascript в навигационных элементах (меню).
1.9. Не использовать javascript для вывода текстового контента.
1.10. При отключенном (в браузере) javascript сайт должен полностью сохранять внешний вид и максимум функционала.
1.11. Элементы, которые в коде должны быть максимально высоко:
<title>
meta description
заголовок <h1>
текстовый контент
При этом, визуально на странице расположение не играет роли, важно именно расположение в коде.
1.12. Не использовать форматирование h1, h2, h3 и т.п. в шаблоне сайта, для сквозных (повторяющихся на нескольких страницах) и скрытых (всплывающих) элементов.
1.13. Заголовок H1 должен быть только один на странице.
1.14. В списках, подборках, каталогах и т.п. внутренние ссылки должны быть с названия/заголовка, а не с далее, подробнее, еще и т.п.
1.15. На всех страницах должен быть rel canonical
1.16. На всех страницах должна быть микроразметка schema.org и open graph
1.17. Внутренние ссылки должны открываться в том же окне, исходящие ссылки – в новом окне.
1.18. Недопустимы ссылки без анкоров (текста или изображения), наподобие <a href=/page.html></a>
1.19 Точность верстки 3-4px без визуальных багов.
+Бекенд.
P.S. Преимуществом будет, если вы знаете Yii. Можно обсудить доработку функционала помимо вёрстки.
P.P.S. Возможно, не все страницы учли, пару страниц может прибавиться дополнительно, оговорим отдельно, если такое произойдёт.