Бюджет: 3000 UAH Термін: 2 дні
Вітаю.
Я NodeJS розробник. Можу зверстати для вас макет по дизайну з фігми. Пишіть, обговоримо.
- Проєкти -
- Оцінка -
- Рейтинг 702
Бюджет: 6000 UAH Термін: 4 дні
Добрый день.
Ознайомився з макетами стрічки для десктопу та мобільної версії (320px). Стильний, контрастний дизайн у стилістиці імміграційних та кар'єрних послуг (візи O-1, USA). Повністю підтримую вашу вимогу щодо чистого коду без роздутих сторонніх фреймворків: такий кастомний дизайн має працювати максимально швидко.
Технічне рішення:
Стек та збірка: Зверстаю сторінку на базі семантичного HTML5 та сучасного CSS (використовую Flexbox/Grid для складних сіток та картинок-карток у верхній частині). Для збірки та мініфікації коду налаштую легкий Vite або Gulp — на виході ви отримаєте кришталево чисті та стиснуті файли CSS/JS без жодного зайвого кілобайту.
Скрипти та інтерактив: Весь необхідний інтерактив (слайдер відгуків/кейсів, розгортання списків у блоці FAQ, анімація появи елементів та відкриття модального вікна форми зворотного зв'язку) напишу на чистому JavaScript (Vanilla JS). Ніяких важких jQuery чи громіздких плагінів: код буде створено винятково під функціонал цих макетів.
Адаптивність та графіка: Особливу увагу приділю складним лініям-розділювачам (ефекті рваного паперу та кривим лініям біля контактної форми). Їх інтегрую через оптимізовані SVG-вектори, щоб вони ідеально масштабувалися на будь-яких екранах. Адаптивність під мобільні пристрої (включаючи нестандартні вузькі екрани 320px) реалізую через гнучкі медіа-запити.
Для фінального зняття точних відступів, розмірів шрифтів та експорту графіки очікую на посилання на Figma-макет в особистих повідомленнях.
Бюджет: 15000 UAH Термін: 7 днів
Вітаю.Є великий досвід в розробці сайтів.Готовий реалізувати якісно верстку.
Бюджет: 2000 UAH Термін: 7 днів
Привіт, я працював над версткою лендінгу для фітнес-клубу — адаптив мобайл/десктоп, 98/100 PageSpeed, нуль зайвих бібліотек, чистий JS під функціонал (~200 рядків).
Дмитре, скажи — на лендінгу є анімації або інтерактивні елементи, які потребують JS, чи переважно статична верстка?
Пропоную зв'язатися, я безкоштовно проконсультую вас з технічної сторони та складемо план розробки + розповім про мою команду!
Бюджет: 999 UAH Термін: 1 день
Дмитре, зроблю чисту, адаптивну верстку лендінга з Figma для мобільної та десктопної версій без зайвих бібліотек і важкого JS. Працюю з продуманою структурою, кросбраузерністю та акуратною реалізацією лише потрібного функціоналу. Маю досвід у MODX, Laravel і Vue, тож можу одразу врахувати й подальшу інтеграцію. Готовий оцінити задачу точніше після перегляду макету й узгодити терміни.
Бюджет: 2000 UAH Термін: 3 дні
Добрий.
15+ років комерційного досвіду в розробці.
Зверстаю, використовуючи збірку gulp, мінімум коду, стилі та скрипти тільки там, де потрібно. Семантична верстка, корисно для SEO.
2000 грн, 3 дні термін.
Бюджет: 4000 UAH Термін: 4 дні
Вітаю, Дмитре.
Готовий виконати верстку без зайвих бібліотек, чистий, валідний код, чистий JS
Досвід - більше 5 років, також працюю з CMS WordPress, якщо потрібно зробити адмінку для редагування контенту. Роблю швидко і якісно.
Бюджет: 12000 UAH Термін: 7 днів
Вітаю!
Буду радий співпраці. Завжди на зв'язку. Звертайтесь.
Приклади робіт https://web.khorol.com.ua
Бюджет: 4000 UAH Термін: 3 дні
Вітаю!
Виконаю верстку. Кросбраузерність, адаптивність гарантую, pagespeed - зелена зона. 0 бібліотек.
Досвід 6+ років. Буду радий допомогти.
Бюджет: 5000 UAH Термін: 4 дні
Потрібен чистий лендінг з фігми — адаптивний, без баласту з бібліотек і зайвого JS.
Верстатиму на семантичному HTML5 + CSS (Flexbox/Grid, кастомні властивості), без Bootstrap і jQuery. Адаптив через media queries під ключові брейкпоінти з макету. JS пишу виключно під конкретний функціонал сторінки — якщо є слайдер чи модалка, то мінімальний власний скрипт, не плагін на 2000 рядків. Кросбраузерність перевіряю в Chrome, Firefox, Safari, Edge.
Скільки секцій у макеті і є там анімації або нестандартний функціонал (форма, слайдер, відео)?
Бюджет: 5000 UAH Термін: 3 дні
Доброго дня!
Я ознайомився з задачею по верстці лендінгу і готовий приступити до якісного виконання. Займаюсь веб-розробкою більше 5 років. Верска буде адаптивною, кроссбраузерною, за методологією БЭМ, SEO-friendly , код буде чистим та валідним!
Ось моє портфоліо: https://dmytrokushnir.top/portfolio/
Бюджет: 4000 UAH Термін: 4 дні
Вітаю, Дмитро.
Зверстаю адаптивно, кросбраузерно, чисто, ніяких зайвих бібліотек.
Якщо потрібно - додам невеликих анімашок.
Досвід 10+ років, вартість - 4 000грн., термін - 4 дні
Приклади лендінгів:
https://dev-is.top/portfolio/hrCafe/
https://dev-is.top/portfolio/pageSpeed/
https://dev-is.top/portfolio/komarovskiy/
Бюджет: 2000 UAH Термін: 2 дні
👋 Вітаю!
Мене звати Олександр, я веб-розробник із понад 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
Буду радий допомогти у реалізації вашого проєкту 🚀
Бюджет: 5000 UAH Термін: 5 днів
Чиста верстка без зайвих залежностей — це якраз мій підхід, не виняток під запит. Пишу семантичний HTML, CSS без фреймворків там, де вони не потрібні, і JS виключно під конкретний функціонал сторінки — без jQuery, без бібліотек заради бібліотек.
Платформа в запиті не вказана, тож уточню: результат потрібен як статичний HTML/CSS/JS файл, чи верстка має інтегруватися в якусь CMS — WordPress, Tilda, щось інше? Від цього залежить підхід до структури файлів і спосіб здачі.
З верстки по Figma є приклад: prokachayfinansy.com/marafon — лендінг, зверстаний pixel perfect з макету, з повним адаптивом.
Термін — 3–5 днів після отримання доступу до Figma.
- Проєкти -
- Оцінка -
- Рейтинг 350
Бюджет: 4000 UAH Термін: 3 дні
Вітаю!
Ознайомився з задачею та готовий виконати за вашим ТЗ.
Є досвід роботи в студії та на продукті компанії, тому розумію ціну дедлайнів, приклад продакшен: https://misteram.com.ua
Один з прикладів роботи з API це телеграм бот: @reelix_movie_bot
прикріплю лінк на ознайомлення з кодом: https://github.com/alexalexdevio/reeelix
В середньому така робота займе 3 днів.
Дякую, буду радий до співробітництва та гарного дня.
Бюджет: 7200 UAH Термін: 5 днів
Привіт! Великий досвід у чистій адаптивній верстці за Figma без зайвих бібліотек і важкого JS. Верстаю кросбраузерно, з mobile-first підходом, оптимізацією під PageSpeed і акуратною структурою коду, щоб проект було легко підтримувати і розвивати далі.
Денис Иванченко
Переможець- Проєкти 8
- Оцінка 5.0
- Рейтинг 805
Бюджет: 3500 UAH Термін: 3 дні
Добрий день! Переглянув скріни - ICEUNION, лендінг VISA O-1. Темний стиль, рваний паперовий ефект, рукописні елементи, слайдер, FAQ-акордеон, форма. Нестандартний дизайн, але структура зрозуміла.
Повністю погоджуюсь з підходом: чистий HTML/CSS/JS, скрипти тільки під конкретний функціонал - слайдер, акордеон, плавний скрол. Без jQuery, без зайвих бібліотек.
Зроблю так:
Семантична HTML5 верстка по Figma - десктоп + мобайл 320px
CSS з кастомними властивостями, без Bootstrap
Vanilla JS: слайдер (~30 рядків), FAQ-акордеон (~20 рядків), плавний скрол - і нічого більше
Рваний паперовий ефект - через CSS clip-path або SVG маску без зайвих зображень
Кросбраузерність Chrome/Firefox/Safari/Edge
З портфоліо: лендінг AI-сервісу - чиста верстка з Figma, PageSpeed 90+; Amalfitana Tours- нестандартний дизайн, анімації, адаптив. Посилання надішлю.
Вартість: від 3 500 грн / Термін: 3–5 днів після отримання доступу до Figma.
Надішліть Figma - стартуємо.
—
Денис Іванченко · Front-end верстка
Бюджет: 4000 UAH Термін: 2 дні
Вітаю!
Готовий виконати верстку. БЕМ-компонентний підхід, семантика, pagespeed 95+
Можу надати приклади в приватних повідомленнях. Звертайтесь.
Бюджет: 2500 UAH Термін: 3 дні
Дмитро, бачу, що вам потрібна чиста верстка лендінга з фокусом на швидкість та легкість коду без зайвих бібліотек. Мій підхід передбачає використання семантичної структури HTML та модульних CSS-стилів для забезпечення коректного відображення на мобільних пристроях та десктопі. Замість надмірної кількості скриптів, реалізую лише необхідний мінімум для функціонала сторінки, що гарантує високу продуктивність. У який термін ви плануєте отримати готовий результат для тестування, та чи є в макеті складні анімаційні елементи, що потребують окремої уваги?
Ставки поки відсутні
Актуальні фриланс-проєкти в категорії HTML та CSS верстання
Шукаємо верстальника на весь проект, що включає окремо десктопну версію та додаток. Верстка повинна бути ідентична макету. Для початку, скільки часу знадобиться і скільки буде коштувати сверстати такий лендинг?
Завдання-верстка сайту. Є готовий розроблений макет, зверстаний на конструкторі, який треба переверстати у WP. Це невеликий (на 4-5 сторінок) двомовний інформаційний сайт з можливістю підключення WooCommerce. Сайт має бути оптимізованим для SEO.
Створити та зверстати адаптивний майстер-шаблон для email-розсилок у Stripo (для експорту в SendPulse).⚙️ Що потрібно зробити:Розробити візуальну концепцію та дизайн блоків (хедер, банери, картки товарів, футер).Зверстати адаптивний HTML-шаблон уStripoз можливістю подальшого експорту вSendPulse.Протестувати відображення у Gmail, Apple Mail, Outlook та Dark Mode. Вимоги:Впевнений рівень Figma та практичний досвід верстки у Stripo.Розуміння технічних обмежень email-маркетингу.Портфоліо з реалізованими е-mail розсилками (e-commerce/fashion).
Опис завдання Потрібен досвідчений frontend-розробник або верстальник для поетапного оновлення великого чинного сайту. Сайт працює багато років, містить значну кількість сторінок, різні типи контенту, форми, таблиці та інтерактивні блоки. Використовується власна серверна система, наявні legacy HTML/CSS. Повна заміна технологій або системи керування сайтом не планується. На першому етапі необхідно розробити новий адаптивний загальний шаблон сайту. Після успішного завершення першого етапу планується послідовне оновлення внутрішніх сторінок. Назва сайту, URL, дизайн-макети та поточні вихідні файли будуть надані обмеженій кількості кандидатів після попереднього відбору за портфоліо та досвідом.Що входить до першого етапу Необхідно реалізувати загальну візуальну оболонку: шапку для desktop- і mobile-версій; основну та мобільну навігацію; службові елементи шапки; загальний контейнер і сітку сторінки; навігаційний ланцюжок («хлібні крихти»); базові елементи інтерфейсу: кнопки, посилання, поля введення; загальні стилі типографіки з можливістю їх поетапного підключення; футер; адаптивну поведінку шаблону; сумісність нової оболонки зі сторінками, які тимчасово залишатимуться у старому дизайні. Унікальні внутрішні блоки окремих сторінок на першому етапі повністю переробляти не потрібно.Особливості проєкту Великий чинний сайт із багатьма типами сторінок. Наявний legacy CSS і місцями застаріла HTML-розмітка. Новий дизайн упроваджуватиметься поступово. Одночасна повна заміна всіх сторінок неможлива. Виконавець не отримує доступу до сервера, CMS і робочого проєкту. Замовник самостійно інтегрує підготовлену верстку. Виконавцю будуть надані поточні CSS-файли, макети, графічні матеріали, HTML-фрагменти та приклади сторінок у межах, необхідних для виконання роботи. Передбачається декілька ітерацій після тестової інтеграції в реальний проєкт.Технічний підхід Передбачається підключення нового CSS поверх наявних стилів із подальшою поступовою міграцією та видаленням застарілих правил. Дозволяється: створювати нові CSS/SCSS-файли; пропонувати зміни HTML загальних частин шаблону; виправляти наявні CSS-правила, які заважають реалізації; пропонувати покращення структури DOM; створювати нові повторно використовувані компоненти. Зміни наявного CSS необхідно передавати окремо у вигляді: patch/diff-файлу; окремого файлу сумісності; або документованого переліку змінених правил і селекторів. Необхідно уникати: неконтрольованого використання !important; глибоко вкладених і крихких CSS-селекторів; прив’язки стилів до тексту або порядкового номера елемента; дублювання всієї розмітки окремо для desktop- і mobile-версій; підключення важких фреймворків без попереднього погодження; глобальних правил, які можуть порушити відображення ще не оновлених сторінок.Вимоги до якості Проєкт розрахований на подальший багаторічний розвиток. Потрібне не разове «підганяння під скриншот», а чиста, професійна та зручна для підтримки верстка. Очікується: зрозуміла компонентна структура; повторно використовувані CSS-класи; CSS custom properties для кольорів, розмірів, відступів та інших дизайн-токенів; розумна специфічність селекторів; семантична HTML5-розмітка; коректна ієрархія заголовків; відсутність зайвих DOM-обгорток; відсутність дублювання контенту, що індексується; коректне використання header, nav, main, section, footer; використання кнопок і посилань відповідно до їхнього призначення; доступність інтерфейсу з клавіатури; стани hover, focus, active і disabled; відсутність горизонтального прокручування сторінки; коректна робота з динамічним контентом різної довжини; зрозумілий і професійно організований код.SEO та продуктивність Оновлення шаблону не повинно погіршувати технічні SEO-показники сайту. Необхідно: зберегти семантику основного контенту; не створювати окремі дублікати DOM для мобільної та desktop-версій без обґрунтованої потреби; не приховувати важливий для індексації контент за допомогою JavaScript; не порушувати ієрархію заголовків; не видаляти наявні SEO-, аналітичні та структурні атрибути з наданих HTML-фрагментів; мінімізувати додатковий JavaScript; не використовувати важкі бібліотеки без погодження; передбачити розміри зображень і відсутність помітних зсувів макета під час завантаження; не допускати помітного погіршення показників Lighthouse і Core Web Vitals після інтеграції. Виконавець має розуміти, що якісний CSS сам собою не виправляє структуру DOM. Якщо для професійного результату необхідно змінити розмітку, потрібно підготувати та передати замовнику відповідні HTML-фрагменти.Адаптивність Перевірка верстки має виконуватися щонайменше на таких ширинах: 1440 px; 1200 px; 1024 px; 768 px; 390 px; 360 px; 320 px. Між контрольними розмірами інтерфейс також повинен залишатися коректним і функціональним. Горизонтальне прокручування всієї сторінки не допускається. Винятки для окремих компонентів, наприклад великих таблиць, необхідно попередньо погодити.Результат першого етапу Виконавець передає: Новий CSS або SCSS разом із готовим зібраним CSS. Автономну демонстраційну HTML-сторінку. HTML-фрагменти шапки, меню та футера, якщо розмітка змінювалася. Окремий patch/diff змін legacy CSS. Нові SVG, зображення, іконки та шрифти. Інструкцію з підключення та інтеграції. Опис структури CSS і компонентів. Перелік нових і змінених класів та селекторів. Скриншоти результату на контрольних розмірах. Перелік відомих обмежень і розбіжностей із макетами. Рекомендації щодо подальшої міграції внутрішніх сторінок.Ітерації До вартості першого етапу мають входити: Узгодження загальної структури та desktop-версії. Адаптивне доопрацювання tablet- і mobile-версій. Виправлення виявлених замовником проблем після першої тестової інтеграції. Додаткові роботи поза межами погодженого першого етапу оцінюються окремо.Що потрібно вказати у заявці Просимо зазначити: досвід роботи з великими чинними сайтами та legacy CSS; приклади складної адаптивної верстки; приклади коду або посилання на репозиторії, якщо вони доступні; підхід до організації архітектури CSS; досвід поступової міграції дизайну без повної зупинки сайту;
Нам потрібно зробити дизайн у фігмі з html файлів (все розміщу в документі до задачі) Щоб ми потім могли наверстати ці всі сторінки в конструктор сайтів Максимальний акцент на мобільному дизайні та адаптивності, весь трафік звідти Це буде основна сторінка сайту + чек-аут сторінка + 2 сторінки з допродажами (1 товар - 1 сторінка) Взагалі задача, щоб вони були підготовлені до верстки і з адаптацією під мобільні пристрої На диску буде головна + чек-аут + 1 сторінка допродажу + наш логотип (ставимо всюди), взагалі адаптуємо в усіх сенсах під наш бренд Останній дизайн знаходиться ось за цим посиланням https://3plus3.heroman.com.ua/upsells/t-shirt/ Футер внизу на всіх сторінках ставиться всюди, як на головній сторінці (the Rich) Логіка воронки продажів Головна сторінка чек-аут допродаж 1 допродаж 2 Сторінка дякую (вона є у нас) ССИЛКА НА АРХІВ З СТОРІНКАМИ https://drive.google.com/drive/folders/1IKh0sTVd6WCIUm0QSBFctRlaD6iEasez?usp=sharing