Cверстать сайт, по дизайну (figma) согласно требованиям
8060 ₴Описание задачи:
Первый этап:
Дано:
макет фигма (урл в ЛС)
Задача:
посмотреть макет
прочитать требования к верстке (фронтенду)
сверстать блочно страницы сайта, в соответствии с требованиями, приведенными выше
Отдельные блоки (BEM) - обозначать в верстке комментариями
использовать sass
использовать gulp/webpack
Результат:
результатом должен быть архив с sass файлами (структура папки/названия файлов согласно БЕМ), js (в которой js файлы), img (в которой изображения), fonts (шрифты)
Требования к фронтенду:
Сайт должен корректно отображаться в следующих версиях браузеров: IE 11, Edge, Firefox 58+, Chrome 64+, Opera 50+, Safari 9+
Сайт должен корректно отображаться на следующих разрешения экранов:
Десктоп: 1920*1080, 1600*1200, 1440*900, 1366*768, 1280*800 и 1200*800
Планшет: 1366*1024, 1024*1366, 1024*768, 768*1024
Смартфон: 320*568, 375*667, 414*736, 360*640
Использовать BEM (https://en.bem.info/methodology/)
Учитывать семантику (теги h1-h6, a, strong, p, аттрибуты alt title у изображений)
Оптимизировать загрузку страницы, согласно рекомендациям Google Pagespeed (90+)
Разбить css на две части (1 - часть для предзагрузки (стили для первого экрана), 2 - стили касающиеся других компонентов)
Использовать vanillaJS (ES5/ES6)
Первый этап:
Предоставить верстку без AJAX обработки форм, с учетом требований представленных выше
Второй этап:
Прописать отправку/обработку на фронтенде форм - будет предоставлена документация по эндпойнтам в бэкенде
интегрировать верстку с шаблонизатором twig (будет предоставлена инструкция)
Відгук замовника про співпрацю з Виталием Я.
Cверстать сайт, по дизайну (figma) согласно требованиямИсполнитель успешно выполнил проект. Почти всегда на связи. Учел все правки моей команды. Доволен сотрудинчеством.
Відгук фрилансера про співпрацю з Антоном Клименко
Cверстать сайт, по дизайну (figma) согласно требованиямВсё супер!
Рекомендую данного заказчика и жду следующие проекты)!
-
1158 9 0 2 Здравствуйте, Антон!
Готова помочь в создании уникального и функционального сайта по макетам из фигмы.
Укажите тематику и тип сайта, а также покажите собственно макеты.
Выполню адаптивно и кроссбраузерно, а также добавлю на сайт все нужные возможности.
Могу не только сверстать, но и реализовать на движке WordPress с удобной панелью управления.
… Буду рада сотрудничеству!
-
2232 38 3 1 Добрый день, заинтересован в выполнении Вашего проекта. С требованиями ознакомился. Опыт верстки более 3-х лет. Портфолио в профиле.
Могу посмотреть на макет?
-
235 1 0 Добрый день, Антон! Интересно посмотреть на ваш проект. Жду макет фигмы в л.с.
-
ставка прихована фрилансером
-
482 13 0 Добрый день, Антон. Готов взяться после уточнения деталей. В верстке не первый год и с Фигмой хорошо знаком.
-
2685 37 0 Здравствуйте!
Верстаю качественно и быстро, опыт есть. Обращайтесь!
В весртке использую сборку gulp + sass, методологию БЭМ.
Покажите макет в лс.
-
фрилансер більше не працює на сервісі
-
488 12 0 Здравствуйте! С удовольствием вам помогу. С версткой - на ты. Давайте обсудим детали в лс.
-
ставка прихована фрилансером
-
16904 465 2 7 Здравствуйте.Есть большой опыт в верстке сайтов.Можно макеты и ТЗ увидеть?
-
256 Добрый день, для точной оценки хотелось бы посмотреть макет. В работе использую gulp и webpack, sass, BEM методологию, nunjucks/pug, если html нужен не компонентный, могу не использовать шаблонизаторы.
Мои последние работы, которые уже запущены в продакшен:
http://luxury-granite.com.ua
https://optigrill.com.ua/elite
http://comfort.neoclima.ua
-
549 24 0 Здравствуйте, готов с Вами сотрудничать
Вот примеры моих работ http://alexi1569.epizy.com/
Для точной оценки нужно посмотреть макеты, обращайтесь
-
ставка прихована фрилансером
-
3599 105 1 Здравствуйте. Специализируюсь на адаптивной верстке.
Создаю чистый, валидный, компактный и кроссбраузерный код
(scss+gulp, flexbox, оптимизация по google page speed, валидация, настройка форм, анимации и тд).
Работы в портфолио профиля. Буду рад сотрудничеству.
-
753 13 1 Здравствуйте!
Требования понятны, готова создать лендинг с их соблюдением. Хотелось бы увидеть макет, с которым предстоит работать
Обращайтесь, я на связи
-
735 15 1 Добрый день, Антон.
Достаточно хорошо владею данным стеком технологий, опыт с twig так же присутствует. Готов приступить к разработке сегодня же.
Срок: 4-6 дней.
Надеюсь на сотрудничество с вами.
-
ставка прихована фрилансером
-
ставка прихована фрилансером
-
192 1 Доброго времени суток! вместо gulp/webpack использую возможности vs code. Можно увидеть макет и тз?
Портфолио: websart.org
-
ставка прихована фрилансером
-
1716 36 1 1 Здравствуйте.
Сверстаю адаптивно и кроссбраузерно.
Можно ознакомиться с макетами?
Мои работыFreelancehunt
-
336 1 0 Добрый день!
Имею опыт создания больших масштабируемых проектов.
Примеры работ с использованием прецессоров scss, pug построенных по БЭМ методологии
https://carsexpert.com.ua/
https://www.imtickets.co.il/
Для разработки предпочитаю использовать svg графику или иконочные шрифты (если дизайнер не поленился прикрепить исходники). На выходе отдаю исходники проекта с описанием для возможности его дальнейшей поддержки, сборка будет реализована через GULP и WEBPACK(для es6 модулей). Картинки будут оптимизированы под современные форматы webp и ретина устройства с левой загрузкой(lazy load).
Готов построить одну страницу без оплаты в качестве теста, если понравится обсудим детали по проекту.
Напишите если предложение заинтересовало.
-
224 1 0 Добрый день. Ознакомился с ТЗ. Готов выполнить качественную, адаптивную верстку. Буду использовать современные инструменты для верстки и сборки(SASS/SCSS+Gulp). Сделаю без использования сторонних библиотек (чтобы не замедлять работу сайта), только HTML+CSS+JS.
Всегда на связи и быстро отвечаю.
Рад буду сотрудничеству, обращайтесь в ЛС!