Freelance projects › Cверстать сайт, по дизайну (figma) согласно требованиям Cверстать сайт, по дизайну (figma) согласно требованиям
Описание задачи:
Первый этап:
Дано:
макет фигма (урл в ЛС)
Задача:
посмотреть макет
прочитать требования к верстке (фронтенду)
сверстать блочно страницы сайта, в соответствии с требованиями, приведенными выше
Отдельные блоки (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 (будет предоставлена инструкция)
Client's feedback on cooperation with Виталием Я.
Cверстать сайт, по дизайну (figma) согласно требованиямИсполнитель успешно выполнил проект. Почти всегда на связи. Учел все правки моей команды. Доволен сотрудинчеством.
Freelancer's feedback on cooperation with Антоном Клименко
Cверстать сайт, по дизайну (figma) согласно требованиямВсё супер!
Рекомендую данного заказчика и жду следующие проекты)!
-
727 5 0 1 Здравствуйте, Антон!
Готова помочь в создании уникального и функционального сайта по макетам из фигмы.
Укажите тематику и тип сайта, а также покажите собственно макеты.
Выполню адаптивно и кроссбраузерно, а также добавлю на сайт все нужные возможности.
Могу не только сверстать, но и реализовать на движке WordPress с удобной панелью управления.
… Буду рада сотрудничеству!
-
2181 36 3 1 Добрый день, заинтересован в выполнении Вашего проекта. С требованиями ознакомился. Опыт верстки более 3-х лет. Портфолио в профиле.
Могу посмотреть на макет?
-
291 1 0 Добрый день, Антон! Интересно посмотреть на ваш проект. Жду макет фигмы в л.с.
-
proposal concealed by freelancer
-
641 13 0 Добрый день, Антон. Готов взяться после уточнения деталей. В верстке не первый год и с Фигмой хорошо знаком.
-
2930 34 0 Здравствуйте!
Верстаю качественно и быстро, опыт есть. Обращайтесь!
В весртке использую сборку gulp + sass, методологию БЭМ.
Покажите макет в лс.
-
freelancer isn't working in the service any longer
-
631 12 0 Здравствуйте! С удовольствием вам помогу. С версткой - на ты. Давайте обсудим детали в лс.
-
proposal concealed by freelancer
-
Здравствуйте.Есть большой опыт в верстке сайтов.Можно макеты и ТЗ увидеть?
-
176 Добрый день, для точной оценки хотелось бы посмотреть макет. В работе использую gulp и webpack, sass, BEM методологию, nunjucks/pug, если html нужен не компонентный, могу не использовать шаблонизаторы.
Мои последние работы, которые уже запущены в продакшен:
http://luxury-granite.com.ua
https://optigrill.com.ua/elite
http://comfort.neoclima.ua
-
651 24 0 Здравствуйте, готов с Вами сотрудничать
Вот примеры моих работ http://alexi1569.epizy.com/
Для точной оценки нужно посмотреть макеты, обращайтесь
-
proposal concealed by freelancer
-
3731 98 1 Здравствуйте. Специализируюсь на адаптивной верстке.
Создаю чистый, валидный, компактный и кроссбраузерный код
(scss+gulp, flexbox, оптимизация по google page speed, валидация, настройка форм, анимации и тд).
Работы в портфолио профиля. Буду рад сотрудничеству.
-
560 10 1 Здравствуйте!
Требования понятны, готова создать лендинг с их соблюдением. Хотелось бы увидеть макет, с которым предстоит работать
Обращайтесь, я на связи
-
406 9 0 Добрый день, Антон.
Достаточно хорошо владею данным стеком технологий, опыт с twig так же присутствует. Готов приступить к разработке сегодня же.
Срок: 4-6 дней.
Надеюсь на сотрудничество с вами.
-
proposal concealed by freelancer
-
proposal concealed by freelancer
-
192 1 Доброго времени суток! вместо gulp/webpack использую возможности vs code. Можно увидеть макет и тз?
Портфолио: websart.org
-
proposal concealed by freelancer
-
1976 36 1 1 -
309 1 0 Добрый день!
Имею опыт создания больших масштабируемых проектов.
Примеры работ с использованием прецессоров scss, pug построенных по БЭМ методологии
https://carsexpert.com.ua/
https://www.imtickets.co.il/
Для разработки предпочитаю использовать svg графику или иконочные шрифты (если дизайнер не поленился прикрепить исходники). На выходе отдаю исходники проекта с описанием для возможности его дальнейшей поддержки, сборка будет реализована через GULP и WEBPACK(для es6 модулей). Картинки будут оптимизированы под современные форматы webp и ретина устройства с левой загрузкой(lazy load).
Готов построить одну страницу без оплаты в качестве теста, если понравится обсудим детали по проекту.
Напишите если предложение заинтересовало.
-
324 1 0 Добрый день. Ознакомился с ТЗ. Готов выполнить качественную, адаптивную верстку. Буду использовать современные инструменты для верстки и сборки(SASS/SCSS+Gulp). Сделаю без использования сторонних библиотек (чтобы не замедлять работу сайта), только HTML+CSS+JS.
Всегда на связи и быстро отвечаю.
Рад буду сотрудничеству, обращайтесь в ЛС!
-
Ask your question to the client