Верстка сайта (5 страниц + модалки + responsive/adaptive + фильтр)

Алексей18 років у сервісі
Дані замовника будуть вам доступні після подання заявки
03.02.2016

Требуется верстка небольшого сайта (порядка 5 основных страниц плюс всплывающие формы редиректов и/или opt-in).

Основная страница - со списком компаний и фильтром. Фильтр - главная часть. По сути, все страницы, кроме страницы фильтров - статика со всеми вытекающими.

По технологиям:

  • Responsive - да (валидность по http://www.responsinator.com/ подразумевается)
  • Кроссбраузерность - разумеется (IE 11+, Chrome (38+), FF (30+), Safari)
  • Язык - HTML, скрипты - JavaScript (jQuery, etc.)
  • Фреймворки - любой CSS фреймворк + использование jQuery библиотек и компонентов. Всякие бутстрапы, метеоры и ангулары - НЕ нужны. Более того, их не должно быть. Однако, обговариваемо.
По responsive:

  • верстка должна быть под 3 основных устройства: Desktop, Tablet, Mobile (валидность по http://www.responsinator.com/ подразумевается)
По содержимому:

  • Используемые картинки должны быть оптимизированы
  • Валидация верстки:
https://validator.w3.org/

https://www.google.com/webmasters/tools/mobile-friendly/

https://developers.google.com/speed/pagespeed/ (только те пункты теста, которые касаются верстки)

  • Все блоки с тектом должны быть сверстаны гибко и верстка не должна ломаться при увеличении уменьшении количества текста в отдельных блоках
  • Верхняя менюшка может иметь как больше элементов так и меньше и размер одного элемента не должен быть жестко задан
  • На экране картинки должны прогружаться постепенно (lazy load)
  • Все инпуты должны иметь placeholder'ы и валидацию ошибок
  • Класс для подсветки инпута с ошибкой должен вешаться на контейнер содержащий импут а не на сам инпут, поле для текста ошибки должно быть внутри контейнера сразу за инпутом
  • "Спидометр" и "круг объема данных" - динамичные. При загрузке страницы они начинаются с нуля и заполняются до текущего знаения. (Если непонятно - покажу на живом примере)
  • Количество плашек лучший оффер как на главной так и на страницах подбора может меняться и должно добавляться применением отдельного класса к контейнеру
  • Обязательно использование цветовой палитры (приложено)
По работе:

  • хороший, грамотный код
  • комментарии в коде
  • документация при необходимости
Что имеется:

  • полный дизайн сайта в PSD
  • дизайн сделан по бустраповскому гриду (12-col)
  • отдельно отрисован мобильный вид для наглядности (вида под таблетки нет, предполагается, что он будет очевиден для верстальщика с учетом грида и отрисованных десктопа и мобильного)
  • практически все отрисованные use-кэйсы  (каждая форма или модалка для наглядности вынесена в отдельный jpg в описании проекта)
  • цветовая палитра
  • при необходимости - связь с дизайнером и программистом
От вас:

  • вопросы по дизайну и всему с ним связанным
  • примеры своих готовых работ
  • планируемый срок выполнения
Работа ТОЛЬКО через Безопасную сделку. Спасибо, я уже заплатил хорошую предоплату одному товарищу, больше не горю желанием.

Пожалуйста, если у вашего хомячка намечается насморк и вы должны будете с ним сидеть неотрывно, если завтра, послезавтра или через два дня будут религиозные праздники в Гренландии, которые запрещают вам работать или прилетают инопланетяне и вы рветесь в первых рядах на оборону Земли - НЕ ВЫЗЫВАЙТЕСЬ делать работу. Иными словами, не уверены, что у вас есть время/желание/возможность, то не надо браться. Из-за четырех (!!!) таких верстальщиков я уже потерял впустую больше месяца.

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

PPPS Если вызываетесь выполнять заказ - прочитайте секцию "От вас" - иначе автоотказ. Спасибо.