Верстка сайта (5 страниц + модалки + responsive/adaptive + фильтр)
Требуется верстка небольшого сайта (порядка 5 основных страниц плюс всплывающие формы редиректов и/или opt-in).
Основная страница - со списком компаний и фильтром. Фильтр - главная часть. По сути, все страницы, кроме страницы фильтров - статика со всеми вытекающими.
По технологиям:
- Responsive - да (валидность по http://www.responsinator.com/ подразумевается)
- Кроссбраузерность - разумеется (IE 11+, Chrome (38+), FF (30+), Safari)
- Язык - HTML, скрипты - JavaScript (jQuery, etc.)
- Фреймворки - любой CSS фреймворк + использование jQuery библиотек и компонентов. Всякие бутстрапы, метеоры и ангулары - НЕ нужны. Более того, их не должно быть. Однако, обговариваемо.
- верстка должна быть под 3 основных устройства: Desktop, Tablet, Mobile (валидность по http://www.responsinator.com/ подразумевается)
- Используемые картинки должны быть оптимизированы
- Валидация верстки:
- https://www.google.com/webmasters/tools/mobile-friendly/
- https://developers.google.com/speed/pagespeed/ (только те пункты теста, которые касаются верстки)
- Все блоки с тектом должны быть сверстаны гибко и верстка не должна ломаться при увеличении уменьшении количества текста в отдельных блоках
- Верхняя менюшка может иметь как больше элементов так и меньше и размер одного элемента не должен быть жестко задан
- На экране картинки должны прогружаться постепенно (lazy load)
- Все инпуты должны иметь placeholder'ы и валидацию ошибок
- Класс для подсветки инпута с ошибкой должен вешаться на контейнер содержащий импут а не на сам инпут, поле для текста ошибки должно быть внутри контейнера сразу за инпутом
- "Спидометр" и "круг объема данных" - динамичные. При загрузке страницы они начинаются с нуля и заполняются до текущего знаения. (Если непонятно - покажу на живом примере)
- Количество плашек лучший оффер как на главной так и на страницах подбора может меняться и должно добавляться применением отдельного класса к контейнеру
- Обязательно использование цветовой палитры (приложено)
- хороший, грамотный код
- комментарии в коде
- документация при необходимости
- полный дизайн сайта в PSD
- дизайн сделан по бустраповскому гриду (12-col)
- отдельно отрисован мобильный вид для наглядности (вида под таблетки нет, предполагается, что он будет очевиден для верстальщика с учетом грида и отрисованных десктопа и мобильного)
- практически все отрисованные use-кэйсы (каждая форма или модалка для наглядности вынесена в отдельный jpg в описании проекта)
- цветовая палитра
- при необходимости - связь с дизайнером и программистом
- вопросы по дизайну и всему с ним связанным
- примеры своих готовых работ
- планируемый срок выполнения
Пожалуйста, если у вашего хомячка намечается насморк и вы должны будете с ним сидеть неотрывно, если завтра, послезавтра или через два дня будут религиозные праздники в Гренландии, которые запрещают вам работать или прилетают инопланетяне и вы рветесь в первых рядах на оборону Земли - НЕ ВЫЗЫВАЙТЕСЬ делать работу. Иными словами, не уверены, что у вас есть время/желание/возможность, то не надо браться. Из-за четырех (!!!) таких верстальщиков я уже потерял впустую больше месяца.
PS Подобных проектов планируется примерно несколько штук в месяц, при хорошей работе возможно последующее сотрудничество как на проектной, так и на постоянной основе.
PPPS Если вызываетесь выполнять заказ - прочитайте секцию "От вас" - иначе автоотказ. Спасибо.