Бюджет: 4500 UAH Термін: 2 дні
Привіт. Готовий перенести стилі теми в scss. Звертайтеся. Буду радий співпраці
Зараз сайт сверстан методом mobile-first на стандартному css. Потрібно перевести стилі в scss формат, щоб верстка не поїхала. Розуміємо, що такі завдання бажано робити ще на моменті верстки сторінок, тому зараз розглядаємо всі можливі варіанти. Є технічний сервер і домен для роботи на ньому. Сайт https://propm.pro/
Бюджет: 4500 UAH Термін: 2 дні
Привіт. Готовий перенести стилі теми в scss. Звертайтеся. Буду радий співпраці
Бюджет: 900 UAH Термін: 1 день
Я готовий професійно та обережно перевести ваші CSS-стилі у SCSS-формат, гарантуючи, що верстка вашого сайту propm.pro залишиться ідеальною завдяки роботі на наданому технічному сервері.
Бюджет: 1800 UAH Термін: 2 дні
Вітаю, Микола! Готовий негайно приступити до виконання задачі. Маю комерційний досвід з верстки та full stack розробки біля 10 років. Pixel perfect гарантую. Якість та дотримання термінів гарантую також. Пишу w3c валідний, чистий код. Надаю посилання на деякі "живі" приклади моїх виконаних робот:
1. https://www.pedalo.de/ - (фреймворк Shopware 6 - PHP, HTML, JavaScript, MySQL - розробка функціоналу, верстка окремих сторінок та модулей)
2. http://liquidfruits.com.ua/ - (HTML / JavaScript / CSS - верстка вього сайту)
3. https://rumiana.com.ua/ - (CMS OpenCart - PHP, HTML, JavaScript, MySQL - розробка функціоналу, верстка окремих сторінок та модулей)
4. https://biggy.kiev.ua/ - (CMS WordPress - PHP, HTML, JavaScript, VueJS - функціонал, верстка окремих сторінок).
На виході Ви отримуєете: якісний, кросбраузерний, адаптивний (під різні гаджети - телефони, планшети) семантично валідний код. Дотримання термінів та якість гарантую. Пишіть, будь ласка, в особисті повідомлення для обговорення всіх аспектів і деталей.
Бюджет: 700 UAH Термін: 5 днів
Працюю з проектами, де потрібно акуратно перевести існуючу верстку в SCSS, зберігши піксельне співпадіння та структуру mobile-first.
Можу перенести твої поточні CSS-стилі в модульну SCSS-архітектуру, не ламаючи адаптив.
Що зроблю:
🔹 Конвертація всіх CSS-файлів в SCSS з збереженням структури
🔹 Розділення на partials: _variables, _mixins, _layout, _components
🔹 Оптимізація дублікатів, об'єднання медіа-запитів
🔹 Перевірка адаптиву після зборки (щоб верстка не «поїхала»)
🔹 Налаштування середовища на вашому техсервері для тестів
Схожі фронтенд-оптимізації робили в проектах:
👉 https://redhotteam.com/en/portfolio/262821b8-3fef-45c0-8941-0ab0f7198dfd
👉 https://redhotteam.com/en/portfolio/4dab900c-61b4-4c82-a0d8-75ba3b78b59e
Якщо даси доступ до поточного коду сайту https://propm.pro/
, зможу оцінити обсяг і запропонувати точні терміни/вартість.
Коли зручно обговорити деталі?
Бюджет: 1000 UAH Термін: 2 дні
Вітаю, мене дуже зацікавила ваша пропозиція, готовий виконати відповідно до тз за 1 - 2,
Бюджет: 1000 UAH Термін: 3 дні
Привіт. Можу зробити ваш проект. Досвід є. Пишіть, домовимось.
Бюджет: 700 UAH Термін: 1 день
Привіт, Миколо!
Допоможу вам зі стилями. Давайте обговоримо детальніше!
Портфоліо: Freelancehunt
Пишіть, буду радий вам допомогти!
Бюджет: 1200 UAH Термін: 2 дні
Довіртеся професіоналу зі стажем понад 10 років! Ставка та терміни актуальні!
Буду радий співпраці!
Досвід комерційної розробки інтернет-магазинів на CMS, бізнес-порталів та корпоративних сайтів - 11 років!
+CMS: WordPress(+Woocommerce)PrestaShop/Opencart/Joomla/Bitrix/MODX/DLE/Shopify
php/html/css/js/Mysql, PhotoShop/Figma
Приклади робіт (з нуля під ключ):
https://wildandorganic.com/
https://cryptosignals.org/
https://ecnbot.com
https://locs-ua.com/
https://www.grower.com.ua/
https://www.alternativemedicine.com.ua/
https://silkkiss.ua/
https://nordtrade.online/
https://v12coffee.com.ua/franchise/
https://smrtalgo.com/
https://sengero.no/
https://beautybysim.no/
https://sonatagalleri.com/
https://www.solmy-realestate.com/
https://www.emmanuel.com.ua/
https://www.onsitecomputersinc.com/
https://express-tehbud.com/
https://korostenporcelain.com.ua/
https://sladok.com.ua/
https://pricemds.com/
https://picupmedia.com/
https://www.serasar.com/
Бюджет: 1000 UAH Термін: 1 день
Доброго дня, підключу scss, переведу все в потрібний формат, зроблю так, щоб на виході компілювало в css, пишіть, обговоримо всі деталі
Бюджет: 800 UAH Термін: 2 дні
Вітаю!
Мене дуже цікавить ваша пропозиція.
Я front-end розробник з навичками html, css, scss, js. Тож буду радий вам допомогти у вашому завданні.
Невелика порада: я раджу вам нічого не перероблювати на scss томущо тоді це всеодно компілюється у css , звісно в майбутньому буде трохи легше обновлювати сайт ,але якщо ви не розраховуєте на довгочасне існування сайту у такому вигляді як він є краще нічого не чіпати.
Бюджет: 1000 UAH Термін: 1 день
Вітаю, зацікавив ваш проєкт, зараз вільний і зможу відразу приступити до роботи, звертайтеся!
Бюджет: 700 UAH Термін: 1 день
Привіт.
Готовий перекласти.
Пишіть в особисті повідомлення.
Обговоримо деталі
Бюджет: 1250 UAH Термін: 2 дні
Доброго дня, Микола
Легко переформатую існуючий css в scss і налаштую його підключення до сайту, можу також розбити його на окремі файли і підключити до потрібних сторінок, щоб зайві стилі не завантажувалися на певних сторінках - прискорить завантаження сайту
У мене є питання, я задав його в обговореннях до цього проекту
Чекаю на вашу відповідь і готовий сьогодні почати!
Бюджет: 1000 UAH Термін: 1 день
Доброго дня!
Мене дуже зацікавила ваша пропозиція. Я — FullStack Web-розробник із досвідом у таких стеках, як PERN, MERN, PEVN, MEVN. Працюю з сучасними технологіями: Node.js (NestJS), React.js (Next.js), PostgreSQL та іншими інструментами з екосистеми JavaScript.
Ось що я можу вам запропонувати:
- Чистий та підтримуваний код — використовую ESLint і Prettier, щоб код був структурований, читабельний та легко підтримувався;
- Зрозуміла архітектура — вся структура проєкту буде логічною, без хаосу й «заплутаних лісів»;
- Сучасні технології — використання актуальних рішень як на фронтенді, так і на бекенді;
- Якісна й своєчасна розробка — працюю відповідально, дотримуюсь дедлайнів;
- Адаптивний дизайн в pixel-perfect;
- Локалізація сайту;
- SEO — оптимізація для пошукових ботів;
- Чітке виконання вимог — усе буде реалізовано відповідно до поставленого ТЗ.
Якщо ви шукаєте якість, чисту архітектуру та відповідального виконавця — я на зв’язку!
Бюджет: 1000 UAH Термін: 1 день
Доброго дня! 👋
Займаюся full stack розробкою з фокусом на бекенд.
Працюю з Django + DRF, FastAPI та Flask, маю понад 3 роки комерційного досвіду з цими фреймворками.
Буду радий поспілкуватися та запропонувати свої послуги.
Готові кейси можете переглянути у портфоліо.
Бюджет: 700 UAH Термін: 1 день
Доброго дня! Готовий перетворити css файл в scss без жодних помилок в відображенні
Бюджет: 2000 UAH Термін: 1 день
Доброго дня, зроблю без проблем з використанням необхідних інструментів, не займе багато часу, для точної оцінки необхідно прикинути обсяг роботи
Бюджет: 1000 UAH Термін: 1 день
Доброго дня, є досвід з SCSS. Готовий перевести ваші стилі в SCSS
Бюджет: 1000 UAH Термін: 1 день
Вітаю,
Можна зробити, але не зовсім зрозуміло фінальний результат, бо scss це сам по собі препроцессор css з яким просто зручніше працювати, але на виході все одно це компілюється в css файл і потім вже підрубається на проект. Бо банально браузери не зрозуміють синтаксис scss.
Тому, якщо можете напишіть в особисті - обговоримо більш конкретно вашу задачу.
З повагою,
Олександр
Бюджет: 10000 UAH Термін: 5 днів
Доброго дня! Дякую за запит — завдання з перенесення стилів із CSS у SCSS цілком реальне, навіть на готовому сайті. Готовий взятись за адаптацію з урахуванням mobile-first логіки та збереження існуючої верстки.
Що буде зроблено:
• Перенесення всіх CSS-стилів у SCSS-структуру (розбиття на partial-файли: _variables, _mixins, _layout, _components тощо)
• Збереження mobile-first підходу та адаптивності
• Перевірка на відповідність існуючому вигляду сайту (піксель-перфект)
• Налаштування компіляції SCSS (через Webpack / Gulp / Vite — залежно від вашого стеку)
• Тестування на технічному сервері
• Документація по SCSS-структурі для подальшої підтримки
Термін:
• 3–5 робочих днів (залежно від обсягу стилів і структури сайту)
Вартість:
• $250 — фіксована ціна за повний перенос + тестування
Бюджет: 700 UAH Термін: 1 день
Добрий день
Вирішував таку задачу, можу зробити в синтаксисі sass або scss
Зроблю форматування коду
И вообще scss по сути дополнение к синтаксису css, то есть обычный css код будет работать и в scss файле так сказать
То есть можно просто существующие css файлы сохранить с расширением .scss и всё будет работать..
Возможно ему удобнее работать в перспективе с scss, а потом для самого сайта компилировать в css
Чтобы рассмотреть все возможные варианты, поясните подробнее задачу, для чего это необходимо на сайте на WP
Є діючий production-сайт з каталогом товарів, картками моделей та інформаційними сторінками. Стек frontend: — Next.js; — React; — TypeScript; — існуюча компонентна система; — staging та production середовища. Є погоджене візуальне напрямок і дизайн нової головної сторінки. Необхідно впровадити його в існуючий проект, адаптувати під desktop/tablet/mobile та привести всі основні типи сторінок сайту до єдиної оновленої стилістики. Повний редизайн продукту та зміна бізнес-логіки не потрібні. ОБОВ'ЯЗКОВИЙ SCOPE 1. Нова головна сторінка — реалізувати головну сторінку за наданим дизайном; — зберегти існуючу функціональність, посилання та маршрутизацію; — коректно підключити погоджені секції та CTA; — використовувати існуючі дані та API; — передбачити коректне відображення динамічного контенту. Основні типи секцій: — header/navigation; — hero; — інформаційні блоки; — картки моделей/пропозицій; — аналітичні або market insight блоки; — CTA-секції; — footer. Точний склад секцій буде надано обраному виконавцю разом з макетом. 2. Responsive Необхідно реалізувати: — desktop; — tablet; — mobile; — проміжні роздільні здатності; — коректну поведінку сіток, карток, меню, кнопок та типографіки; — відсутність горизонтального скролу та візуальних конфліктів. 3. Типографіка та загальні стилі — впровадити нові погоджені шрифти; — привести розміри, ваги, line-height та інтервали до єдиної системи; — оновити стилі кнопок, карток, полів, бейджів та заголовків; — за можливості використовувати загальні design tokens або CSS variables; — не дублювати стилі окремо для кожної сторінки без необхідності. 4. Уніфікація існуючих сторінок Перевірити та привести до нової стилістики основні типи сторінок: — каталог; — картка моделі / PDP; — інформаційні сторінки; — header; — footer; — форми; — модальні вікна; — існуючі CTA; — loading / empty / error states, якщо вони вже присутні в проекті. Йдеться про візуальну уніфікацію існуючих компонентів, а не про повний індивідуальний редизайн кожної сторінки. 5. Каталог Перевірити: — сітку карток; — зображення; — назву, reference та ціну; — фільтри та сортування; — кнопки та посилання; — desktop/mobile відображення; — loading та empty states; — відсутність візуальних зсувів під час завантаження. 6. PDP Перевірити: — галерею; — основний інформаційний блок; — ціну та CTA; — аналітичні секції; — таблиці та метрики; — About Watch; — desktop/mobile компоновку; — довгі назви, references та відсутні дані. Необхідно зберегти поточну функціональність та існуючі контракти API. 7. Header та Footer — єдина стилістика на всіх сторінках; — responsive navigation; — mobile menu; — коректні active/hover/focus states; — відсутність розбіжностей між головною, каталогом та PDP. 8. Стану інтерфейсу Для динамічних блоків перевірити: — loading; — empty data; — API error; — insufficient data; — відсутнє зображення; — відсутня ціна; — довгий текст; — мобільне відображення. Не потрібно розробляти нову складну бізнес-логіку. Необхідно коректно візуалізувати вже існуючі стани. 9. Якість та продуктивність — не погіршити SEO та поточну індексацію; — зберегти коректні metadata та semantic HTML; — не створювати критичних layout shifts; — оптимізувати зображення та шрифти; — враховувати reduced motion для анімацій; — перевірити базову доступність: focus states, contrast, keyboard navigation; — не підключати важкі бібліотеки без обґрунтованої необхідності. 10. Staging та QA — розгорнути зміни на staging; — перевірити основні типи сторінок; — перевірити desktop, tablet та mobile; — усунути візуальні та responsive-баги; — після приймання виконати production deployment; — забезпечити виправлення багів за реалізованим scope не менше 7 календарних днів після викладки. РЕЗУЛЬТАТ РОБОТИ — Pull Request з frontend-кодом; — реалізована нова головна; — responsive desktop/tablet/mobile; — єдині шрифти, картки та базові UI-компоненти; — візуально погоджені каталог, PDP та інформаційні сторінки; — staging deployment; — виправлення знайдених візуальних помилок; — production deployment; — короткий опис змінених компонентів; — 7-денний bug-fix period після приймання. КРИТЕРІЇ ПРИЙМАННЯ 1. Головна відповідає наданому дизайну. 2. Усі секції коректно працюють на desktop, tablet та mobile. 3. Header та footer єдині на всіх сторінках. 4. Каталог та PDP візуально відповідають новій системі. 5. Поточна функціональність сайту не порушена. 6. API-контракти та backend-логіка не змінені без погодження. 7. Немає горизонтального скролу та критичних layout shifts. 8. Шрифти та зображення завантажуються коректно. 9. Loading, empty та error states відображаються без поломки layout. 10. Зміни перевірені на staging та розгорнуті в production. 11. Виправлені візуальні помилки, виявлені під час приймання в рамках погодженого scope. ЩО НЕ ПОТРІБНО — розробка backend; — зміна бізнес-логіки; — створення нового каталогу або CMS; — розробка нового API; — повний редизайн кожної інформаційної сторінки; — нові користувацькі функції, відсутні в макетах; — розробка складної дизайн-системи з нуля; — створення нового проекту замість доопрацювання існуючого; — зміна SEO-структури без окремого погодження. ВИМОГИ ДО ВИКОНАВЦЯ — впевнений Next.js / React / TypeScript; — досвід роботи з існуючими production-проектами; — якісна responsive-верстка; — досвід впровадження дизайну з Figma; — компонентний підхід; — впевнена робота з CSS / CSS Modules / Tailwind або існуючою системою проекту; — розуміння Core Web Vitals; — Git / Pull Request workflow; — вміння працювати через staging. В ОТКЛИКУ ОБОВ'ЯЗКОВО ВКАЗАТИ 1. Фіксована ціна за повний обов'язковий scope. 2. Термін виконання в робочих днях. 3. Оцінку в годинах. 4. Коли готові почати. 5. Посилання на 2–3 релевантних проекти на Next.js/React. 6. Чи є досвід роботи з каталогами, картками товарів або аналітичними інтерфейсами. 7. Що знадобиться для точної оцінки до початку роботи. 8. Входять чи в ціну: — staging; — responsive QA; — production deployment; — виправлення багів; — 7-денний bug-fix period. Шаблонні відповіді без перегляду вимог і без конкретної оцінки розглядатися не будуть. Доступ до production на першому етапі не надається. Робота починається після обмеженого code review і розгортається через staging.
ТЕХНІЧНЕ ЗАВДАННЯ Оновлення інтернет-магазину bp.ua Про проєкт Діючий інтернет-магазин парфумерії на OpenCart 2.x. Потрібно перенести на OpenCart 4.x, оновити дизайн і функціонал, зберегти всі дані, інтеграції та SEO. Сайт двомовний (українська + російська). Шукаємо виконавця (або команду) для backend і frontend. Можна відгукуватись на одну частину або на обидві.Частина 1. Backend (OpenCart 4)Міграція Розгортання чистого OpenCart 4.x (остання стабільна гілка), PHP 8.1+. Перенесення даних: товари, категорії, атрибути, опції, бренди, клієнти, замовлення, відгуки, контент-сторінки. Збереження SEO-URL (ЧПУ) один-в-один; карта 301-редиректів зі старих адрес. Прямого апгрейду 2.x → 4.x немає: тільки чисте розгортання + контрольоване перенесення.API-інтеграція з постачальником (пріоритет) Портування наявної кастомної доробки обміну з сервером постачальника (ціни + залишки). Автоматична синхронізація за розкладом (cron), лог помилок, ручний запуск. Приховування/статус для позицій, яких немає в наявності. Підтримка каталогу 2 000+ позицій.Модулі Нова Пошта: вибір відділень/поштоматів, автоформування ТТН з адмінки. Оплата: підключення платіжної системи (LiqPay / Fondy / WayForPay — узгодити), накладений платіж. Чекаут: серверна логіка, гостьове замовлення, статуси, повідомлення клієнту. Масовий імпорт/оновлення товарів з прайсу (xlsx/csv), прив’язка фото за артикулом/штрихкодом.Двомовність (uk / ru) Дві мови магазину: uk-UA (основна) та ru-RU. Двомовні поля товарів, категорій, контент-сторінок, мета-тегів. Окремі SEO-URL для кожної мови, теги hreflang, канонічні URL. 301-редиректи зі старих URL обох мов (перевірити поточну схему: /ru/, піддомен чи параметр). Листи покупцю — мовою сесії клієнта.Блог Зберегти наявний розділ статейhttps://blog.bp.ua/. Перенести існуючі статті (uk/ru) зі збереженням URL і 301-редиректами де потрібно. Двомовність, коректна SEO-розмітка статей. Розділ блогу має лишатися редагованим з адмінки.SEO (серверне) Заміна стороннього SEO-модуля на нативний механізм OC4. Генерація sitemap.xml (окремі мовні гілки), коректний robots.txt. МікророзміткаSchema.org (Product, Offer, BreadcrumbList, Articleдля блогу).Продуктивність і безпека Кеш (OPcache + вбудований OC4), оптимізація запитів, gzip/brotli, HTTP/2. Зображення: WebP, resize з кешуванням. HTTPS, 2FA в адмінці, актуальні патчі, щоденні бекапи. Core Web Vitals у «зеленій» зоні на мобільному.Порядок робіт Усі роботи ведуться на staging. Старий сайт працює до повного тестування нового. Перемикання на прод — з можливістю відкату 30 днів. Частина 2. Frontend (дизайн + верстка)Дизайн Стиль: мінімалістичний, преміальний, багато «повітря», акцент на фото товару. Мобільний-перший підхід (більшість трафіку — мобільний). Дизайн-система у Figma: палітра, типографіка, компоненти, стани. Макети ключових екранів (десктоп + мобільний): головна, каталог, картка товару, бренд-сторінка, кошик, чекаут, пошук, блог і сторінка статті.Верстка Семантичний HTML5, чистий CSS, адаптив (mobile-first). Інтеграція у twig-шаблони OpenCart 4 (не статика), робота з живими даними. Зображення: WebP, lazy-load, srcset. Шрифт із повною кирилицею (uk/ru). Кросбраузерність: Chrome, Safari, Firefox, Edge + iOS/Android. Core Web Vitals: LCP < 2.5 c, CLS < 0.1, INP < 200мс(мобільний).Функціонал інтерфейсу Фасетні фільтри каталогу: бренд, тип, об’єм, нота, стать, ціна. Картка товару: фото, опис, ноти, формат/об’єм, відгуки, «з цим купують». Quick view, список бажань, порівняння, бейджі (новинка, хіт, лімітована к-сть). Адаптивний чекаут з мінімумом кроків, автозаповнення Нової Пошти. Розділ блогу: список статей і сторінка статті у стилі сайту.Двомовність (uk / ru) Перемикач мов у шапці, коректний на мобільному. Верстка враховує різну довжину рядків у двох мовах. Увесь текст теми — через мовні змінні OC4 (без «зашитого» тексту). Приймання та співпрацяЩо передати на завершення Backend:доступи (сервер, БД, адмінка, репозиторій), коротка документація по доробках і cron, інструкція з розгортання/відкату, список сторонніх модулів. Frontend:Figma-файл з дизайн-системою та екранами, код теми (twig + CSS/JS), інструкція зі зміни банерів/контенту.Критерії приймання (коротко)
https://www.figma.com/design/bSzGOmDb3scdsBgjR3hHLb/Robo?node-id=0-1&p=f https://robo.org.ua/index.php?route=product/product&path=145802278&product_id=237 Завдання: редизайн сторінки товару та відгуків на головній Сайт уже розроблений і повністю працює. Дизайнер підготував новий дизайн у Figma, який потрібно реалізувати на наявному сайті. Необхідно: зверстати новий дизайн відповідно до макета; інтегрувати його в поточний сайт; адаптувати сторінки під мобільні пристрої, планшети та комп’ютери; перевірити коректну роботу кнопок, форм, меню та інших елементів; забезпечити максимально точну відповідність макету. Розробляти сайт з нуля не потрібно — необхідно лише виконати редизайн і замінити поточне оформлення на нове.
Веб-сайт наразі інфільтрований вірусом. Сайт не працює належним чином. Зокрема, головна сторінка не працює правильно. Нам потрібен розробник, який може виправити цю помилку якомога швидше.
Є воронка продаж для інтернет-магазину, яку ми хочемо повторити у себе Виглядає вона ось так Основний лендинг (товар, який основний у продажу, наприклад, сорочка) Потім сторінка чекауту (де людина вводить свої дані і вибирає, скільки, наприклад, сорочок вона хоче купити) Потім він йде далі по воронці, і йому пропонують допродаж 1 (шкарпетки) + потім допродаж 2 (труси) і фінал сторінка дякую Як це має працювати в плані переходу по сторінках і логіці, ви можете подивитися тут (потрібно дійти до кінця до сторінки дякую) https://3plus3.heroman.com.ua/standard/ У нас є приклади сторінок, які ми хочемо зробити у себе Тобто для нас по суті ми скопіюємо дизайн - верстатимемо - заповнюватимемо під наш товар Сторінки з допродажами будуть такі ж за дизайном і структурою, як на сайті, що скинув вище (труси) Вам заповнювати не треба буде сторінки інформацією, тільки зібрати скелет - щоб заявка правильно приходила Також придумувати структуру теж не потрібно для сторінок Від вас по суті Скопіювати і сверстати Налаштувати, щоб технічно правильно працювало Показати, як з цим працювати, щоб могли самі це робити Є 2 конструктори сайтів на приміті, з 1 плотно працюємо зараз і потрібно зрозуміти, чи можна на ньому таке розгорнути (але я читав в гпт, що можна)