Верстка 8 страниц сайта
О проекте
корпоративный сайт консалтинговой компании. Дизайн полностью готов в Figma (темно-синяя палитра, десктоп + мобильные версии). Нужна качественная адаптивная верстка строго по макетам. Анимаций нет.
Объем работ
Дизайнер предоставил десктопные и мобильные макеты для каждой страницы.
Контентные страницы (десктоп + мобильная версия каждой):
- Главная
- Коммерческая и промышленная недвижимость
- Земельные участки
- Инвестиционные проекты
- Покупка и продажа бизнеса
- О компании
- Контакты
Текстовые страницы — отдельный минимальный шаблон (шапка + футер + текстовый блок по центру). Один шаблон на две страницы, отличается лишь контентом: 8. Политика конфиденциальности 9. Договор оферты
➡️ Всего: 9 страниц (7 контентных шаблонов + 1 текстовый шаблон на 2 страницы).
Форма обратной связи — одинаковая на всех страницах, верстается один раз и переиспользуется. В Figma предоставлены все ее состояния (обычное / заполнение / ошибка валидации / успешная отправка) — их нужно реализовать.
Технические требования
- Семантическая валидная HTML5-верстка.
- Адаптивность строго по макетам: десктоп + мобильная версии предоставлены. Брейкпоинты: 1440/1920 (десктоп), 768 (планшет — логическая адаптация между десктопом и мобильной версией, согласуется с нами, отдельного макета планшета нет), 375 (мобильная версия).
- Pixel perfect по макетам: шрифты, отступы, цвета, размеры — по дизайну.
- Анимаций нет (кроме базовых hover-состояний элементов по макету).
- Кроссбраузерность: актуальные Chrome, Safari, Firefox, Edge (десктоп + мобильная версия).
- Ретина-готовность графики (2x), оптимизация изображений (webp где уместно), lazy load.
- Форма обратной связи: клиентская валидация полей + отправка
[куда: e-mail / Telegram-бот / CRM], состояния ошибки и успеха — по макету. - Скорость: цель PageSpeed (mobile) 80+, без лишних библиотек.
- SEO-готовность разметки: корректная иерархия заголовков (один h1 на страницу), alt у изображений, места под meta title/description. Тексты и SEO-контент предоставляет наш специалист.
Технологии
- HTML5 + CSS (SCSS, методология BEM) + JS (vanilla; jQuery допускается).
- Без тяжелых фреймворков/CMS, если не согласовано отдельно. Интеграция в CMS — вне этого ТЗ.
- Чистый, структурированный, читаемый код.
Что предоставляем
- Доступ к Figma (все макеты, десктоп + мобильная версия, состояния формы).
- Шрифты, графику, иконки (экспорт из Figma).
- Готовые тексты.
Результат и сдача
- Исходные файлы проекта (HTML/CSS/JS, собранная структура).
- Передача через
[Git / архив]. - Демо на тестовом хостинге для проверки
[по договоренности]. - Без ошибок в консоли; проверка адаптивности на реальных устройствах.
Сроки и бюджет
- Желательный срок:
[____]. - Бюджет: обсуждается.
- В отзыве укажите, пожалуйста, ориентировочный срок и стоимость (можно с разбивкой по страницам).
Требования к исполнителю
- Портфолио адаптивной верстки (желательно корпоративные сайты / лендинги).
- Опыт верстки с Figma.
- Связь на украинском / русском, на связи в рабочее время.
Как откликаться
В отзыве: примеры работ + ориентировочный срок и стоимость. Полный доступ к Figma предоставим выбранным кандидатам в приватном чате.







еще две страницы домалюем, там лишь шапка и футер, в центре лишь текст Политика конфиденциальности и Договор оферты. Предложения предоставляйте в проекте.
-
Здравствуйте. С радостью помогу оформить ваш проект. У меня есть опыт верстки как на коде, так и на WordPress.
-
508 2 0 Добрый день!
Готов качественно сверстать ваш дизайн в соответствии со всеми указанными требованиями. В работе использую связку HTML + SCSS + JavaScript со сборкой на Gulp. Верстка будет семантической, валидной и адаптивной.
Обратил внимание, что среди брейкпоинтов для адаптации отсутствует разрешение 320 px. Несмотря на то, что такие устройства встречаются все реже, рекомендую предусмотреть корректное отображение и для этого диапазона.
Также, если в дальнейшем планируется интеграция на WordPress, могу сразу подготовить проект с учетом последующей натяжки или разработать полностью уникальную тему WordPress. Специализируюсь на верстке и создании тем для WordPress.
Опыт коммерческой разработки — 15 лет.
…
Ориентировочные сроки: 7 дней.
Стоимость верстки: 7000 грн.
Буду рад обсудить детали проекта и ответить на вопросы.
Примеры работ -Freelancehunt
-
295 Привет! Детально изучил ТЗ. Готов реализовать проект качественно и строго по макетам (Pixel Perfect). Мой подход и стек: Технологии: HTML5, SCSS (архитектура BEM), Vanilla JS. Сборка через Vite для чистого и минифицированного кода. Адаптив: Точное перенесение дизайна на десктоп/мобайл + логичное настройка планшета (768px). Оптимизация (PageSpeed 90+): Настрою генерацию WebP, оптимизацию под Retina (2x) и lazy loading. Формы обратной связи: Надежная JS-валидация (все 4 состояния из макета) + интеграция отправки лидов в Telegram/Email. Ориентировочная оценка: Сроки: ~ 7-8 рабочих дней. Бюджет: ~ 5000грн. Пример моей работы (адаптив, BEM, зеленая зона скорости): https://arct-ten.vercel.app/
-
328 Привет, Евгений! Ознакомился с детальным описанием вашего проекта. Готов выполнить качественную, семантическую и валидную верстку для вашего корпоративного сайта консалтинговой компании. Имею сертификацию IT Specialist Core. Мой основной стек — HTML5/CSS3 и современный фреймворк Tailwind CSS, что гарантирует чистый код, быстрое загрузку и идеальное соответствие макетам (Pixel Perfect). Как я выполню вашу задачу: Создам семантическую HTML5-разметку (использование тегов header, footer, main, section, nav). Верстаю все 7 контентных страниц и текстовые шаблоны точно по брейкпоинтам: 1440/1920 для десктопа, 375 для мобильного и сделаю логическую адаптацию под 768 (планшет). Реализую форму обратной связи со всеми состояниями (обычное, заполнение, ошибка валидации, успешная отправка), а также базовые hover-эффекты для интерактивных элементов. Код будет чистым, без лишних библиотек, структура по принципам, близким к BEM. Работаю через Сейф. Готов посмотреть макет в Figma и обсудить сроки разработки. Буду рад сотрудничеству!
-
441 1 0 Здравствуйте! Ознакомился с вашим детальным техническим заданием и внимательно изучил предоставленные макеты страниц. Дизайн BPS Consulting выглядит очень солидно и структурировано. Полностью понятна логика повторяющихся секций (сквозные формы, блоки «Частые вопросы», сетки карточек с цифрами и иконками).
Готов реализовать для вас чистую, быструю и кроссбраузерную верстку строго по макетам.
🛠️ Технический подход к реализации вашего проекта:
1. Чистота кода и ручная работа: Верстаю на HTML5 (семантическая разметка) + CSS (архитектура SCSS по методологии BEM). Логику пишу на чистом Vanilla JS (без jQuery), что гарантирует отсутствие лишнего «мусора» в коде, быстрое загрузку сайта и максимальный балл PageSpeed (цель 80+ для мобильных устройств будет уверенно выполнена).
2. Адаптивность и Pixel Perfect: Четко переношу шрифты, цветовую палитру, размеры и отступы. Поскольку макет 768px (планшет) отсутствует, я самостоятельно настрою логичный и плавный резиновый адаптив (на Flexbox/CSS Grid) между десктопом (1440/1920) и мобильным (375), согласуя с вами промежуточные этапы.
3. Оптимизация графики: Все изображения и фоновые баннеры будут оптимизированы (формат WebP), для иконок будет использоваться векторный SVG. Настрою Retina-готовность ($2x$) и lazy-load для контента ниже первого экрана.
…
3. Форма обратной связи: Реализую клиентскую валидацию полей (проверка телефона, email, обязательных чекбоксов) и подготовлю JS-скрипт для интеграции отправки данных (на ваш e-mail, Telegram-бот или CRM с помощью AJAX). Все 4 состояния формы будут разложены точно по Figma.
4. SEO-готовность: Правильная вложенность заголовков (h1-h6), заполненные alt для изображений, подготовка чистых тегов под мета-данные.
📂 Условия сдачи и связь:
- В течение всего процесса буду демонстрировать промежуточные результаты на своем тестовом хостинге, чтобы вы могли видеть прогресс.
- Финальный результат передам в виде чистой сборки через Git (или архивом по вашему желанию). Гарантирую отсутствие ошибок в консоли браузера.
- Постоянно на связи в рабочее время, общаюсь на русском.
Буду рад сотрудничеству, готов получить доступ к Figma для экспорта шрифтов и графики и стартовать проект!
-
9034 32 0 Готов качественно сверстать ваш корпоративный сайт из Figma, обеспечив pixel-perfect адаптивность и кроссбраузерность с помощью HTML, CSS и JS. Реализую все состояния формы обратной связи и оптимизирую изображения для высокой скорости загрузки.
Напишите мне, обсудим все подробно, и я могу сразу приступить к выполнению.
Портфолио:Freelancehunt
Отзывы:Freelancehunt
-
294 Здравствуйте! Готов выполнить верстку вашего корпоративного сайта по макетам Figma. Реализую адаптивную верстку под разные устройства, Pixel Perfect соответствие дизайну и чистый структурированный код.
Пример моей работы из портфолио: https://freelancehunt.com/showcase/work/informatsiyniy-sayt-pro-prirodni-zoni-ukrayini/2050425.html
Буду рад сотрудничеству!
-
327 Добрый вечер, готов быстро и качественно сверстать 9 страниц. Специализируюсь на Pixel-Perfect по макетам из Figma. Мои работы можете посмотреть в портфолио в профиле.
Сделаю на чистом коде с полным адаптивом, правильной семантикой, кроссбраузерностью, SEO и т.д. по ТЗ.
Пишите, обсудим детали, буду рад сотрудничеству!
-
19980 294 4 2 Добрый день.
Без проблем реализую верстку для вашего проекта.
На выходе получите адаптивную, кроссбраузерную, pixel perfect верстку архивом.
Свои работы смогу скинуть в ПП.
Пишите, буду рад сотрудничеству.
-
673 1 0 Здравствуйте! Сразу скажу — у вас прекрасно и профессионально написано ТЗ. Понимаю всю специфику: никаких CMS или тяжелых фреймворков, нужна только чистая, семантическая верстка (HTML5, SCSS, BEM, Vanilla JS), которая будет летать (PageSpeed 80+) и соответствовать макетам Pixel Perfect.
Я специализируюсь на разработке современных веб-интерфейсов. Гарантирую корректное отображение на всех устройствах (включая аккуратную логическую адаптацию для планшетов 768px), оптимизацию графики (WebP, Retina) и безупречную работу формы обратной связи со всеми состояниями валидации. В своем коде я поддерживаю идеальную чистоту и порядок, поэтому дальнейшая интеграция на CMS пройдет для вас максимально легко.
Напишите мне в личные сообщения и пришлите ссылку на Figma. Я быстро просмотрю макеты, подтвержу финальную стоимость и отправлю ссылку на релевантные работы из моего портфолио!
-
95644 1272 1 10 Здравствуйте. У меня большой опыт в верстке сайтов. Готов к сотрудничеству. Обращайтесь.
-
3405 17 0 1 Здравствуйте!
Готов быстро и качественно сверстать страницы вашего сайта.
Обеспечу точное соответствие дизайну, адаптивность и быстрое загрузку страниц.
Могу начать сегодня — пожалуйста, отправьте макет для окончательной оценки стоимости работ!
Мой сайт-портфолио - https://berol.digital
…
С уважением,
Александр
-
2573 67 0 Привет!
Могу реализовать верстку с точным соответствием дизайну, адаптивно, кроссбраузерно.
Примеры работ:
https://dev-is.top/portfolio/hrCafe/
https://dev-is.top/portfolio/pageSpeed/
https://dev-is.top/portfolio/komarovskiy/
-
672 12 0 Добрый день, задачу понял, готов помочь с версткой (HTML5 + SCSS(BEM) + JS) и в дальнейшем с интеграцией на WP.
Некоторые работы можете посмотреть здесь: https://zedex-portfolio.vercel.app/ или здесьFreelancehunt
Пишите, буду рад помочь!
-
260 Добрый день, я ознакомилась с заданием и готова приступить к качественному выполнению. Имею опыт в создании адаптивной верстки Pixel Perfect - только чистый и понятный код. Работаю с html, css/scss, js. Примеры некоторых моих работ: https://mg-creativecode.github.io/PartyGirl/ https://mg-creativecode.github.io/Portfolio/ https://mg-creativecode.github.io/Funiro/
С удовольствием возьмусь за работу!
-
8103 38 0 1 Здравствуйте, сделаю быстро, всё равно ИИ верстает не очень по макетам в любом раскладе, спасибо
-
517 13 3 Здравствуйте. С радостью выполню данную верстку для Вас. Сверстаю адаптивную и кроссбраузерную верстку. Так же прилагаю примеры верстки ниже. Приступить могу уже сегодня.
• https://burger-navy-delta.vercel.app/
• https://vb12-khaki.vercel.app/
• https://iphone-eight-alpha.vercel.app/
• https://body-shape-alpha.vercel.app/
-
1662 32 1 1 👋 Привет!
Меня зовут Александр, я веб-разработчик с более чем 10-летним опытом работы. Специализируюсь на создании быстрых, адаптивных и удобных веб-сайтов с использованием HTML, CSS, JavaScript, WordPress.
Работаю как с небольшими лендингами, так и с масштабными e-commerce проектами. Главная цель — сделать сайт, который помогает бизнесу расти.
🔹 Мои работы:
u-force.in.ua
arma-agency.us
… glm.com.ua
setbox.com.ua
eurospace.com.ua
zavchasno.com.ua
windorama.com
fleetli.app
saglamurek.com
pazur.com.ua
sipmedia.net
ukrtara.com
unicompay.io
Буду рад помочь в реализации вашего проекта 🚀
-
435 6 0 Здравствуйте, готов выполнить ваш проект
Имею более 10 лет опыта работы с HTML, CSS, JavaScript.
Портфолио: http://eugene-stone.great-site.net
Среди последних выполненных выделю такие работы:
http://eugene-stone.great-site.net/_my_works/_mebel-sale-static
http://eugene-stone.great-site.net/_my_works/_raised-static
http://eugene-stone.great-site.net/_my_works/axit
-
559 2 0 Добрый день, готов сделать качественно, профессионально, сотни сверстанных сайтов за плечами. Могу также потом натянуть на Wordpress.
Примеры верстки:
1) https://cat-exchange.com/
2) https://vidi-corp.com/
3) https://peru.radian.si/
-
1783 25 0 1 Здравствуйте, Евгений!
Я ознакомился с заданием и готов начать качественное выполнение прямо сейчас! У меня большой опыт в верстке сайтов.
Сделаю чистую, валидную и семантическую верстку:
- Использую свою сборку Gulp (SASS/SCSS). На выходе - чистый оптимизированный HTML, CSS, JS и оптимизированные изображения в формате webp.
- Методология БЭМ.
- Соблюдение семантики.
- Кроссбраузерность.
- Адаптив под все устройства до 320px.
…
В будущем готов перенести верстку на WordPress и настроить все кастомные поля под сверстанный макет.
Буду рад сотрудничеству!
Стоимость выполнения: По договоренности (ориентировочную цену указал).
Срок выполнения: 4 рабочих дня.
Мои проекты, реализованные ранее:
https://uslugi-bti.github.io/pink/
https://uslugi-bti.github.io/limos/
https://zenvanamassageandskincare.com/
https://harmonyc.center/
https://uslugi-bti.github.io/stroy/
https://uslugi-bti.github.io/working/
https://uslugi-bti.github.io/prof/
https://andreychagin.com/
https://uslugi-bti.github.io/hotbrands/
https://github.com/uslugi-bti/date-organization/
https://bogoyavlenskaya.com/
https://github.com/uslugi-bti/web-dev/
https://github.com/uslugi-bti/rhea/
Почему нужно выбрать именно меня?
Со мной вы сэкономите время, деньги и, что самое главное, нервы, но при этом получите максимально качественную работу!
Гарантия:
Гарантия на работу пожизненная! Все исправления, входящие в рамки ТЗ, сделаю в любое время!
-
367 1 0 Привет! Буду рад поработать, у меня большой опыт.
Примеры работ:
https://wildryestg.wpenginepowered.com/
https://creekhaventx.com/
https://oleg1kravchenko.github.io/IKNET/
http://grandmag-2244.demosrv.dev/
https://oleg1kravchenko.github.io/Kirill-RIchter/
https://llv-1620.demosrv.review/
-
1460 18 1 https://nikdimon.com/
Добрый день. У меня большой опыт в разработке. Все сделаю под ключ.
Цена 30 тыс. грн.
Время - 15 дней.
-
417 Добрый день!
У меня есть коммерческий опыт адаптивной верстки сайтов по макетам Figma. Готова выполнить проект с соблюдением Pixel Perfect, семантической HTML5-разметки, SCSS (BEM) и чистого JavaScript. Обеспечу корректную адаптацию для всех указанных брейкпоинтов, кроссбраузерность и реализацию формы с валидацией.
Ориентировочный срок выполнения — 5-7 дней после ознакомления с макетами. Буду рада просмотреть Figma и обсудить детали сотрудничества.
-
1608 23 0 Добрый день. У меня большой опыт в создании сайтов, от лендингов до крупных интернет-магазинов. Я работаю в этой сфере более 7 лет и у меня более сотни завершенных проектов. Примеры некоторых есть в портфолио на сайте.
Готов также интегрировать верстку на CMS
Freelancehunt
https://3dplus.com.ua/
https://dentalux.uz.ua/
https://905.com.ua/
http://nbeshop.com.ua/
-
4700 84 1 Здравствуйте.
Могу помочь с реализацией.
Пишите, буду рад сотрудничеству.
-
415 3 0 Добрый день! Прочитал ТЗ полностью - задание понятное: pixel-perfect адаптивная верстка 9 страниц корпоративного сайта по Figma-макетам, HTML5 + SCSS + BEM + vanilla JS, без CMS. Обратил внимание на детали: форма с четырьмя состояниями (обычное / заполнение / ошибка / успех) — верстается один раз и переиспользуется; планшет 768px - логическая адаптация между двумя предоставленными макетами без отдельного дизайна. Все понятно, согласуем брейкпоинты перед стартом.
Сделаю так: Pixel-perfect по макетам: шрифты, отступы, цвета - без отклонений Брейкпоинты 1440/1920 → 768 (логическая адаптация) → 375 - кроссбраузерность Chrome/Safari/Firefox/Edge SCSS + BEM, чистый читабельный код без лишних библиотек Форма: клиентская валидация + все 4 состояния по макету + отправка (email / Telegram - на ваш выбор) Ретина-графика 2x, WebP, lazy load, PageSpeed mobile 80+ Сдача через Git или архив + демо на тестовом хостинге
Есть похожие работы в портфолио: LARO - корпоративный сайт, адаптивная верстка; лендинг AI-сервиса - Figma → верстка, PageSpeed 90+.
Ориентировочная стоимость: 8 500 грн (7 контентных шаблонов + 1 текстовый + форма со всеми состояниями) / Срок: 12-14 дней после получения доступа к Figma.
Разбивка если нужна: 7 контентных страниц — 1 000 грн/шт Текстовый шаблон (×2 страницы) - 500 грн Форма с 4 состояниями + отправка - 1 000 грн
…
Отправьте доступ к Figma, подтвержу цену финально.
— Денис Иванченко · WordPress разработчик
-
475 2 0 Здравствуйте! Готов обсудить и выполнить Ваш заказ.
https://smate1.github.io/ink.design/
https://smate1.github.io/PanterEx/
https://smate1.github.io/stay_safe/
https://smate1.github.io/avg/
-
3397 44 0 Привет! У меня есть опыт в разработке сайтов. Приступлю сразу.\nСверстаю, при необходимости установлю на WordPress ACF Pro.\n\nСайт будет: в хорошей зоне по Google PageSpeed 🌱, валидный ✅, кроссбраузерный последних версий 🌍, адаптивный 📱, оптимизированный и сжатый ⚡\n\nПримеры последних работ\nhttps://tsyplinskadaria-lgtm.github.io/LogosSchool-English/\nhttps://www.zavod-modul.com.ua/\nhttps://zoodoc.si/en/\nhttps://new.sky-net.com.ua/
-
1988 22 0 Привет! Буду рад сотрудничеству. Всегда на связи. Обращайтесь. Примеры работ https://web.khorol.com.ua
-
2362 21 0 Добрый день, готов сделать, у меня большой опыт, не так давно верстал подобный сайт, при необходимости покажу, готов приступить сегодня
-
1844 10 1 Добрый день. Заинтересовало ваше заказ. Работаю в веб-разработке более 10 лет. Приблизительный срок указал. Для более детального уточнения по срокам и стоимости пишите в личные сообщения.
-
8088 97 0 Здравствуйте. Могу сверстать адаптивный сайт по шаблону в Фигме. Для верстки буду использовать html, css и js, а также методологию БЭМ. Портфолио:
Freelancehunt Сайт: https://portfolio.horiuk.site/ Начать работу могу уже сейчас. Пишите, буду рад сотрудничать с Вами.
-
1082 7 0 Готова качественно сверстать чистым html+css+js, адаптивно + посадить на вп для блочного редактирования прямо в гутенберге большой опыт
-
529 3 0 Добрый день! Я ознакомился с задачей по 8 страницам сайта и готов приступить к качественному выполнению. Занимаюсь веб-разработкой более 5 лет. Верстка будет адаптивной, кроссбраузерной, по методологии БЭМ, SEO-friendly, код будет чистым и валидным! После верстки также могу сделать натяжку на WordPress. Окончательную цену и сроки смогу указать после просмотра макета в Figma и обсуждения всех деталей.
Вот мое портфолио: https://dmytrokushnir.top/portfolio/
-
289 Здравствуйте, готова выполнить верстку всех страниц
Работы:
* elenis.com.ua
* kontur-sb.com.ua
* ald.com.ua
* diy-ceiling.com.ua
* newbornk.com
Стек:
… Дизайн сайтов: Figma / Photoshop
Верстка: HTML, CSS, PHP, C#, JavaScript, SQL, Sass/SCSS, LESS.
*
WordPress - Elementor - WooCommerce
OpenCart
Shopify
Webflow
WIX
*
Next.js • TypeScript • Tailwind CSS • Laravel • React Native JS • Vue
Подробно можем обсудить в личных сообщениях!
-
10038 117 0 Здравствуйте.
Я разработчик на NodeJS. Могу сверстать для вас страницы. Пишите, обсудим.
-
2044 23 0 Привет, все состояния формы обратной связи в Figma идентичны для каждой страницы?
Срок и бюджет точнее обсудим в личной переписке.
1. Я выполню pixel perfect верстку всех 9 страниц по десктопным и мобильным макетам.
2. Я реализую адаптивность с брейкпоинтами 1440/1920, 768 и 375 без лишних библиотек.
3. Я сделаю клиентскую валидацию формы, все ее состояния и интеграцию отправки данных.
Спасибо за рассмотрение моего предложения. Я с нетерпением жду возможности сотрудничества с вами!
-
Задайте ваш вопрос заказчику