Новий адаптивний HTML/CSS-шаблон для великого сайту з legacy-кодом

Бюджет: 2000 UAH Термін: 1 день

Вітаю.

Я NodeJS розробник. Можу зверстати для вас сайт. Пишіть, обговоримо.

Бюджет: 9500 UAH Термін: 12 днів

Готовий почати одразу. У перший робочий день підготую карту CSS-шарів і структуру шапки та навігації з переліком можливих legacy-конфліктів. Зберу підтримувану оболонку на custom properties і семантичній HTML-верстці, окремо передам patch для старих стилів, демо та інструкцію інтеграції. Адаптив і стани компонентів перевірю на всіх заданих ширинах. Завершу перший етап за 12 днів. Чи є в макетах окремі стани мобільної навігації?

Бюджет: 48000 UAH Термін: 14 днів

За перший етап - 48000 грн, 14 робочих днів після отримання макетів, поточних CSS, HTML-фрагментів і графіки. Доступ до сервера не потрібен - підготуємо автономну демосторінку, CSS або SCSS, зібраний CSS, HTML-фрагменти загальних частин, окремий patch або diff змін legacy CSS, інструкцію інтеграції та скриншоти на контрольних ширинах.

По підходу - без важкого фреймворку, якщо він справді не потрібен. Зібрав би шар нових стилів через дизайн-токени, компоненти шапки, меню, сітки, типографіки, форм і футера, окремо описав би селектори, які конфліктують з legacy CSS. Після вашої тестової інтеграції закладаю ітерацію на планшетну і мобільну версії та виправлення реальних конфліктів. Тут нюанс - треба не просто підігнати під макет, а знизити ризик поломки старих сторінок =)

> Чи є у макетах окремі стани меню, форм, hover, focus, active, disabled
> Скільки типових сторінок дасте для перевірки сумісності зі старим дизайном

Схожий досвід
> https://business.ingello.com/platforma - корпоративна платформа з довгим життєвим циклом і вимогами до підтримки
> https://business.ingello.com/iks - система з ролями, складною структурою інтерфейсів і потребою в акуратній архітектурі
> https://business.ingello.com/eva - великий проєкт у ритейлі, де важливі стабільність, продуктивність і поетапні зміни

Основний профіль Ingello для біржі - https://systems-fl.ingello.com/ua Розгорнути

Бюджет: 28000 UAH Термін: 12 днів

Євгене, для такого проєкту я б не «перемальовував усе CSS-ом», а спочатку відділив нову оболонку від legacy-сторінок: базові tokens/custom properties, компоненти шапки/навігації/футера, окремий compatibility layer і короткий diff для правил, які справді заважають.

У першому етапі передам автономну HTML-демо-сторінку, SCSS/CSS, фрагменти header/menu/footer, список класів/селекторів, інструкцію інтеграції та screenshots на контрольних ширинах 1440/1200/1024/768/390/360/320. Окремо позначу, де потрібна зміна DOM, а де достатньо стилів, щоб не ламати старі сторінки.

Оцінка для першого етапу: 28 000 грн і до 12 робочих днів після отримання макетів та 2–3 типових HTML-фрагментів. Уточнення: у макетах уже є стани hover/focus/mobile menu, чи їх потрібно допроєктувати в межах першого етапу?

Перший крок — швидкий аудит наданих HTML/CSS, карта ризиків специфічності та погодження структури нових CSS-файлів перед версткою.

Бюджет: 30000 UAH Термін: 20 днів

Привіт!
Я професійний веб-розробник з більш ніж 10-річним практичним досвідом. Спеціалізуюсь на WordPress, PHP, JavaScript, HTML, CSS та адаптивній верстці.
Розробляю сайти будь-якої складності, створюю кастомні теми та плагіни, інтегрую API, оптимізую швидкість завантаження, виправляю помилки та доопрацьовую існуючі проекти.
Працюю уважно, дотримуюсь термінів і завжди орієнтуюсь на якісний результат.
Вивчив опис вашого проекту і готовий розпочати його реалізацію.

Бюджет: 27000 UAH Термін: 30 днів

Вітаю.
Ознайомився із завданням
Напишіть, обговоримо деталі проекту!
----------------------------------
Приватний розробник веб-сайтів. Досвід – 10 років.
Дизайн, верстка, розробка сайтів Wordpress.

Бюджет: 1200 UAH Термін: 2 дні

Вітаю, Євгенію! Ознайомився з вашим завданням щодо поетапного оновлення сайту і готовий якісно реалізувати перший етап — новий адаптивний загальний шаблон сайту.

Я Fullstack-розробник, впевнено працюю з HTML5, CSS3, SCSS та Tailwind CSS. Маю чудовий досвід роботи з чистим legacy-кодом та кастомними серверними системами, тому акуратно інтегрую нову верстку, не ламаючи поточну логіку сайту.

Чітко реалізую всі елементи першого етапу:
1. Адаптивну шапку для desktop та mobile версій.
2. Зручну основну та мобільну навігацію.
3. Службові елементи шапки та загальну сітку сторінки.

Ціну на перший етап поставив мінімальну, оскільки зараз напрацьовую перші відгуки на цьому профілі.

Бюджет: 2000 UAH Термін: 10 днів

Оновлю зверстаю, або доверстаю необхідне в макетах, є досвід, та відповідні роботи https://pprintdim.com

Бюджет: 9000 UAH Термін: 3 дні

Вітаю, готовий поетапно зробити новий адаптивний HTML/CSS-шаблон для великого сайту з legacy-кодом.
Маю релевантний досвід у frontend-розробці, верстці складних сторінок, формах, таблицях та інтерактивних блоках.
Спочатку проаналізую поточну структуру сайту і типові шаблони сторінок, потім підготую чисту адаптивну верстку, яку можна безпечно інтегрувати у вашу серверну систему.
Працюю акуратно з існуючим кодом, щоб оновлення можна було впроваджувати частинами без ризику для всього сайту.
Стек: HTML, CSS, JavaScript, за потреби React для окремих інтерактивних компонентів.
Гіт: github.com/onyx144

Бюджет: 20000 UAH Термін: 20 днів

Вітаю! Ознайомився з ТЗ — проєкт вимагає системного підходу до оновлення великого чинного сайту з legacy-кодом.

Нижче стисло про те, як я пропоную реалізувати Перший етап (загальну візуальну оболонку) з урахуванням ваших вимог та своїх стандартів розробки:

Безпечна робота з Legacy та структура CSS

Нову оболонку будую на компонентному SCSS із CSS Custom Properties. Уникаю !important, важких фреймворків та глибокої вкладеності. Усі зміни в наявних CSS-файлах передаю окремо — у вигляді patch/diff-файлу та файла сумісності, щоб не зламати ще не оновлені сторінки.

Компонентна (модульна) структура

Кожен елемент реалізую як окремий компонент в SCSS та HTML. Зміни вносяться в одному місці й автоматично оновлюються всюди, що спрощує підтримку та майбутню міграцію внутрішніх сторінок.

Семантичний HTML (SEO) та Доступність

Валідний код (HTML Validator) із коректною семантикою (header, nav, main, footer), без зайвих div. Повністю зберігаю SEO-атрибути, аналітику та заголовки. Контент для мобілок не дублюється в DOM. Враховую вимоги доступності: visually-hidden, data-/aria- атрибути та навігацію з клавіатури.

Адаптивна верстка та клікабельна зона

Сайт стабільно відображатиметься від 1440px до 320px. Загалом варто оцінити масштаб проєкту, адже велика кількість брейкпоінтів створює зайві запити на сервер. Зазвичай я використовують до 4 основних брейкпоінтів + 1 додатковий для горизонтальної орієнтації смартфона. Усі інтерактивні елементи матимуть тач-зону не менше 44×44 px.

Style Guide та стани елементів

Обов’язково реалізую стани hover, focus, active та disabled для передбачуваного зворотного зв'язку інтерфейсу.

Підтримка Retina та оптимізація
Вектор переводжу в SVG, а растр — у формати AVIF/WebP із фолбеками та Retina-версіями. Зображенням закладаються фізичні розміри для запобігання зсувам макета (CLS).

Готовий ознайомитися з наданими вихідними CSS-файлами та макетами для точної оцінки термінів та початку роботи! Розгорнути

Бюджет: 1000 UAH Термін: 1 день

https://globus-auto.eu/
https://flow-reader.org/
http://lightstream.ws:4173/

Вітаю.

Я дуже радий можливості взяти участь у цьому довгостроковому проєкті.

Додаю виконану мною роботу.

Вся робота виконується шляхом об'єднання Tailwind CSS з CSS.

Однак, якщо ви не погоджуєтесь на використання Tailwind CSS, я виконую необхідні частини, використовуючи лише CSS. Розгорнути

Бюджет: 2000 UAH Термін: 3 дні

Доброго дня! Ваш проект виглядає дуже перспективно. Готовий розпочати роботу і виконати його на високому рівні.

Бюджет: 10000 UAH Термін: 15 днів

Вітаю, Евгене! Готовий обговорити та перейти відразу до роботи.

https://smate1.github.io/ink.design/
https://smate1.github.io/PanterEx/
https://smate1.github.io/stay_safe/
https://smate1.github.io/avg/

Бюджет: 15000 UAH Термін: 7 днів

Бачу, ви шукаєте розробника для поетапного оновлення великого сайту з legacy-кодом. Саме такі задачі мені найцікавіші — будую адаптивні шаблони, які не ламаються, і код, який легко підтримувати. Маю досвід із чистою версткою, React та роботою в команді.

Чи могли б ми обговорити деталі проєкту та ваші очікування від першого етапу? Ось ссилка на мій репозиторій GitHub для оцінки чистоти та підримки кода моїх проектів: https://github.com/taraslicoev-ui?tab=repositories.

Бюджет: 10000 UAH Термін: 5 днів

Доброго дня!

Маю досвід роботи з великими сайтами та legacy CSS, де новий дизайн впроваджувався поетапно без зупинки роботи проєкту.

Працюю з чистою, підтримуваною версткою: компонентний CSS/SCSS, семантична HTML5-розмітка, адаптивність, увага до SEO та продуктивності. За потреби підготую HTML-фрагменти, окремий patch/diff для наявних стилів і документацію для інтеграції.

Готовий ознайомитися з макетами та поточним кодом, після чого зможу оцінити перший етап за термінами та вартістю.

Схожа задача https://freelancehunt.com/project/dorabotka-sayta-soglasno-dizaynu-dorabotka/1600137.html

Бюджет: 5000 UAH Термін: 1 день

Вітаю. Можу сьогодні розпочати виконання проекту. Вартість/строки вказано приблизні, точніше після ознайомлення з повним ТЗ.

Якісна чиста адаптивна верстка за допомогою sass+gulp, з валідацією, кросбраузерністю, налаштуванням форм.

Можливе програмування верстки на Wordpress, на чистому шаблоні(на основі верстки). Редагування всього контенту за допомогою додаткових полів (плагін ACF PRO).

https://wow-wedding.com/
https://premier-development.com.ua/
https://halfee.ua/
https://hokkaido-club.ua/
https://asterio.design/
https://providnyk.surf/
https://www.pekuno.com/
https://bobo.ua/
https://sambir.ua/
https://psg-ua.com/

Роботи в портфоліо профілю. За потребою надам більш повне портфоліо.

Звертайтесь Розгорнути

Бюджет: 27000 UAH Термін: 12 днів

За legacy CSS з великим сайтом потрібен не просто новий шаблон, а архітектура, яка дозволить поступово мігрувати без поломки поточних сторінок. Основний ризик — конфлікти нових стилів зі старими, тому перш за все визначу селектори, які потребують ізоляції. 2. 3. 4. Ітерація після тестової інтеграції — адаптив під 320-1440px, виправлення реальних конфліктів. Приклад подібної роботи — pixel-perfect лендінг з чистою версткою та адаптивом: https://freelancehunt.com/showcase/work/rhl-pixel-perfect-korporativnyiy-lending/2038491.html. Скільки типових сторінок плануєте надати для перевірки сумісності?

Ціна: 27000 UAH
Термін: 12 днів

Бюджет: 15000 UAH Термін: 10 днів

Добрий день! Команда SDEV має великий досвід роботи з legacy-системами та адаптивною версткою. Ми розуміємо специфіку інтеграції сучасного HTML/CSS у діючі проекти без втрати функціональності. Гарантуємо чистий код та коректне відображення на всіх пристроях. Готові розпочати роботу над поетапним оновленням вашого сайту вже зараз.

Бюджет: 25000 UAH Термін: 5 днів

Доброго дня! Маю досвід 4 роки адаптивної верстки, роботи з великими проєктами та legacy CSS. Будую підтримувану CSS-архітектуру з використанням компонентного підходу, CSS Custom Properties, семантичної HTML5-розмітки та помірної специфічності селекторів. Розумію особливості поетапної міграції дизайну без зупинки роботи сайту та вмію забезпечити сумісність нового шаблону зі старими сторінками. Код пишу чистий, структурований і зручний для подальшої підтримки, приділяючи увагу адаптивності, доступності, SEO та продуктивності. Буду рада ознайомитися з макетами та обговорити деталі першого етапу.

Бюджет: 10000 UAH Термін: 14 днів

Вам потрібен новий адаптивний шаблон, який ляже поверх наявного legacy CSS і не зламає ще не оновлені сторінки. Візьмуся за це. Підключу новий CSS окремим шаром, побудую компонентну структуру на CSS custom properties для кольорів, відступів і розмірів, збережу семантику header, nav, main, footer та коректну ієрархію заголовків. Зверстаю шапку, навігацію, хлібні крихти, базові елементи інтерфейсу й футер зі станами hover, focus, active і disabled. Перевірю все на контрольних ширинах без горизонтального прокручування. Зміни legacy CSS передам окремим diff і документованим переліком селекторів. Разом із версткою надам демонстраційну сторінку, інструкцію з інтеграції та опис структури. Готовий узяти перший етап і рухатися ітераціями після тестової інтеграції. Напишіть мені, і почнемо з узгодження загальної структури та desktop-версії.

Бюджет: 14500 UAH Термін: 10 днів

Доброго дня. Буду радий допомогти з вашим проєктом.
Працюю у сфері веб-розробки та створення сайтів, тому можу взяти задачу комплексно: від дизайну та верстки до реалізації й фінального запуску.

Маю досвід із лендінгами, сайтами під ключ, адаптивною версткою, правками, інтеграціями та кастомною розробкою.
Завжди стараюсь зробити не просто “щоб працювало”, а щоб сайт виглядав сучасно, був зручним і давав хороший результат для замовника.
Пишіть, обговоримо деталі.

Бюджет: 3200 UAH Термін: 3 дні

Привіт! Проєкт цікавий саме тим, що це не робота з нуля, а акуратна надбудова над legacy: підключити новий CSS поверх наявного, не зламавши сторінки, які ще не оновлені.

Планую компонентну структуру на CSS custom properties: шапка, навігація, хлібні крихти, кнопки, поля, футер, з розумною специфічністю без !important. Зміни в legacy CSS оформлю окремим patch-файлом, а не втручанням у поточні стилі. Перевірю верстку на всіх заявлених ширинах, від 1440 до 320.

Готова здати демо-сторінку з desktop-версією орієнтовно за 3 дні. Чи є вже готові макети для мобільної навігації, чи їх треба продумати з нуля?

Бюджет: 12000 UAH Термін: 7 днів

Доброго дня, Євгене!

Готовий взятися за перший етап.

Моя робота, яку можна відкрити прямо зараз: tokiwa.moe — багатосторінковий сайт, зроблений мною з нуля: каталог, сезони, топ-100, особисті списки з авторизацією, чотири мови інтерфейсу.

Два питання, від яких залежить оцінка:

У якому вигляді макети — Figma чи готові зображення? І чи є мобільна версія макета, чи адаптив залишається на мій розсуд?
У що саме натягується верстка — власна шаблонізація на боці сервера? Від цього залежить, чи віддаю я чисті HTML/CSS-файли, чи одразу правлю ваші шаблони.

Орієнтовно: 7–10 днів на загальний шаблон, 12 000 грн. Точну цифру назву після макетів і поточних вихідних — по легасі-CSS оцінювати наосліп нечесно.

Богдан Розгорнути

Бюджет: 15000 UAH Термін: 10 днів

Добрий день, мене звати Павло,
✅ Досвід роботи — 8 років,
✅ Є профіль на UpWork,
✅ Дуже зацікавив ваш проєкт. Для докладного обговорення всіх нюансів — зв'яжіться зі мною,
✅ Термін завжди беру з запасом,
✅ Виконаю все в строк і за вашими побажаннями,
✅ Працював у WayPoint (SEO Junior) — 6 місяців,
✅ Працював у MagicTraffic (SEO Junior) — 6 місяців,
✅ Працював у компанії Transparen (Canada),
✅https://transparen.com/
✅ ReactJS Developer,
✅ React Native (iOS) Developer,
✅ Також розробка сайтів під ключ: DLE, WordPress, Joomla, Bitrix24, WooCommerce,
✅ Добре розумію логіку, структуру і архітектуру проєктів,
✅ Швидко розбираюсь у чужому коді та чужих проектах,
✅ Постійно навчаюся та оновлюю знання відповідно до актуальних трендів,
✅ Знаю, як працює більшість технологій «під капотом», навіть якщо іноді не памʼятаю точний синтаксис — швидко надолужую,
✅ Можу консультувати щодо UX/UI, з урахуванням досвіду в мобільних додатках,
✅ Вмію працювати з API, Firebase, інтеграцією платіжних систем,
✅ Ніколи не «кидаю» проєкти та залишаюсь на зв'язку після завершення,
✅ Працюю самостійно, без потреби в постійному контролі,
✅ Відкритий до зворотного звʼязку та корекцій на будь-якому етапі,
✅ Працюю як із фіксованими задачами, так і з погодинною оплатою. Розгорнути

Бюджет: 3600 UAH Термін: 3 дні

У ТЗ підхід зрозумілий: новий CSS накладається поверх legacy без ламання ще не оновлених сторінок, повної заміни не потрібно.

Зробив би SCSS з custom properties під токени, перевикористовувані класи для шапки, навігації, футера, зміни в старих правилах окремим diff-файлом. Адаптив перевірив би на всіх заданих ширинах, від 1440 до 320.

Уточніть, чи є окремі макети для tablet/mobile, чи лише desktop. Готовий здати перший етап орієнтовно за 3 дні після отримання матеріалів.

Бюджет: 15000 UAH Термін: 14 днів

Задача — зробити новий адаптивний шаблон поверх legacy-коду так, щоб старі сторінки не зламались під час поступової міграції.

Підхід: новий SCSS-файл із власним namespace для шапки, навігації, футера і базових компонентів — без торкання наявних глобальних правил. Специфічність CSS тримаю через BEM-подібні класи, а не через !important. Усі зміни до наявного CSS оформлю окремим patch-файлом з коментарями по кожному правилу — щоб замовник точно розумів, що і чому змінюється. Адаптив через CSS custom properties і clamp() — легко масштабується на внутрішні сторінки.

Ключовий ризик тут: конфлікти специфічності між новим і старим CSS, коли стара розмітка тимчасово живе всередині нового шаблону. Вирішую це через scoped-обгортку для legacy-блоків на перехідний період.

Яка зараз ширина legacy CSS-бази приблизно — один великий файл чи вже розбито на модулі?