Есть выполненная верстка одной страницы по макету, вот она: https://cutt.ly/B55FWBE
Кратко задание: нужно данную страницу переверстать более качественно и сверстать еще одну страницу с тем же хедером и футером.

Сверстано все визуально совершенно правильно, так что можно ориентироваться на этот результат.
Там одна страница, три основных размера: мобайл, планшет и десктоп (375, 768, 1200+). Есть несколько небольших попапов на странице.
Используется scss, сборка через gulp. Код лежит в репозитории github, с ним же и надо будет работать.

Задачи:
1. Нужно переверстать страницу под Bootstrap для стандартизации. Вся графика нарезана, тексты готовы для копирования, скрипты написаны, видны все правила для всех разрешений, так что это намного проще, чем с нуля
2. Внешний вид страницы не должен меняться с помощью javascript -- он только для интерактива (проверка будет с выключенным)
3. Нужен Pixel Perfect, т.е. внешний вид новой страницы должен полностью соответствовать тому, что сверстано (или макету, как вам проще, они соответствуют)
4. Скрипты страницы тоже нужно немного отрефакторить, разделить красиво по классам / файлам. Можно использовать jQuery или натив
5. Нужна полностью зеленая зона в Google PageSpeed Insights с учетом всех рекомендаций (насколько это возможно)
6. Там есть контрол выбора города -- нужно вместо декорации поставить плагин вроде jQuery chosen, чтобы брал данные из статического json файла
7. Кроссбраузерность, адаптивность и валидность верстки -- это есть сейчас и в итоговом результате также ожидается

После этого, нужно:
8. Сверстать вторую страницу (страницу категории) по макету, также Pixel Perfect по стандартам, заданным первой страницей: https://www.dropbox.com/scl/fi/mv30kpvopsx1cptaakvlt/category.png?dl=0&rlkey=makmz93nf49rd6ic9s78q19lg
На странице те же шапка и футер, есть панель с фильтрами, эффекты наведения, в остальном интерактива нет, довольно стандартная страница категории интернет-магазина. Остальные требования по адаптивности, зеленой зоне итд, как в первой странице;
9. Предусмотреть систему верстки, при которой страницы будут добавляться в последствии (возможно, добавлять их будете вы)

Все качественные и подробные макеты всех страниц и элементов во всех разрешениях есть в Adobe XD, это аналог Figma (можно работать в триал-версии), выглядит это так: https://www.dropbox.com/s/yi9v7uo9ejedozb/xd.png?dl=0.
Кто не знает, Adobe XD аналогичен Figma, доступен онлайн, можно смотреть все параметры элементов, направляющие, CSS, итд все что нужно для точной верстки. Можно поставить десктопную триал версию.

Нужен человек, который:
1. Имеет опыт работы с bootstrap, scss, git, ему не нужно рассказывать что это и как пользоваться;
2. Имеет опыт верстки под зеленую зону Google PageSpeed Insights;
3. Умеет и хочет сверстать максимально красиво и правильно, а не просто "лишь бы работало";
4. Спокойно и уверенно владеет JavaScript, умеет отличить хороший код от плохого;
5. Понимает, что такое Pixel Perfect и согласен придерживаться этого правила, не верстать ничего на глаз, а только по данным инспектора и линейки.

Пришлите пример из вашего портфолио (где видно макет и видно сверстанный результат). Если он при этом будет в зеленой зоне Google -- вообще идеально.

Всем заинтересованным кандидатам я предоставлю доступ к макетам и к репозиторию с исходниками для ознакомления.

Нужно будет время на проверку работы, вероятно, 1-2 рабочих дня, просьба соглашаться только тем, кому это подходит. Напишите, когда сможете начать.
Сейф оплачиваю.

Ставки 7 Обсуждения 1

Vitalii M.

0 0

Проекты -
Оценка -
Рейтинг 284

Бюджет: 2500 UAH Срок: 10 дней

Добрый день, Ян.
1. Верстаю на bootstrap, scss, пользуюсь git, gulp;
2. Устраняю факторы, отдаляющие от зеленой зоны Google PageSpeed Insights;
3. Могу верстать максимально красиво и правильно, но мне нужно достаточно времени;
4. JavaScript +, стараюсь использовать новые паттерны;
5. Pixel Perfect +, MobileFirst + .

проект https://vitaliimoskalyk.github.io/SKY_CLOUD/index.html ,
макет https://www.figma.com/file/Xqo9fjmqquSkXdfc8erynX/SKY-Cloud-(orig)-(Copy)?type=design&node-id=0%3A1&mode=dev

Паша Стрельников

Победившая ставка

21 0

Проекты 22
Оценка -
Рейтинг 1 545

Бюджет: 3000 UAH Срок: 3 дня

Добрий день.
Могу взяться
Цена 3000грн
Срок 3 дня

Мои работи:
https://strelnikovpavlo.github.io/dist/
https://strelnikovpavlo.github.io/fitake/
https://strelnikovpavlo.github.io/repair/
https://strelnikovpavel.github.io/ekta/
https://strelnikovpavel.github.io/travel/
https://strelnikovpavel.github.io/protection/
https://strelnikovpavel.github.io/spe/

Иван И.

6 0

Проекты 6
Оценка -
Рейтинг 315

Бюджет: 3000 UAH Срок: 2 дня

Добрый день.
Готов сверстать макет в кратчайшие сроки и качественно.
Стек инструментов : HTML/CSS/JS/SCSS/GUlP/git/pixel perfect
Пишите. Готов начать сегодня все сделать.

Похожий проект: Чистая верстка главной страницы сайта.

Павел Алексашкин

1 0

Проекты -
Оценка -
Рейтинг 303

Бюджет: 2500 UAH Срок: 1 день

Здравствуйте, имею опыт создания таких страниц, материалы есть в портфолио, буду рад выполнить вашу задачу!

Ян Ю.
Днепр, Украина

Проектов 44
Оценка 4.4
Рейтинг 937

Качественно сверстать две страницы в зеленой зоне (bootstrap, scss)

Отзыв заказчика о сотрудничестве с Пашей Стрельниковым

Качественно сверстать две страницы в зеленой зоне (bootstrap, scss)

5.0

Ян Ю.

Отзыв фрилансера о сотрудничестве с Яном Ю.

Качественно сверстать две страницы в зеленой зоне (bootstrap, scss)

5.0

Паша Стрельников

Vitalii M.

Паша Стрельников

Иван И.

Павел Алексашкин

Ставки скрыты

Ставки пока отсутствуют

Актуальные фриланс-проекты в категории HTML и CSS верстка

Разработка профессионального HTML email и подготовка его к рассылке.

Правки на сайте WP

Верстка проекта из Figma. Десктоп, мобильный. Светлая, темная тема.

Верстка+дизайн Суши-бару

Редизайн и перезапуск сайта стоматологической клиники Brovchak Family Dental Care