Бюджет: 2000 UAH Термін: 1 день
Вітаю.
Я NodeJS розробник. Готовий взятися. Пишіть, обговоримо.
Сині назви розділів у шапці (Мобільна версія)
Проблема з плавучою кнопкою (Мобільна версія)
framer-motion (анімований компонент). Потрібно обережно полагодити її відображення (відновити коректний glassmorphism та прозорість), не зламавши при цьому саму фізику/анімацію компонента.Погана читабельність назв розділів у шапці (Широка версія)
z-index, mix-blend-mode або прозорість фону), щоб білий текст назв завжди був зверху активної "плашки" і чітко читався.Зникнення шапки при відкритті правої панелі (Мобільна версія)
position: sticky. Однак відкриття панелі загорнуте в framer-motion анімацію. Анімаційні трансформації (transform: translate) ламають поведінку sticky для дочірніх елементів у CSS. Необхідно розв’язати цей конфлікт (наприклад, переробити архітектуру скрол-контейнера).Бюджет: 2000 UAH Термін: 1 день
Вітаю.
Я NodeJS розробник. Готовий взятися. Пишіть, обговоримо.
Бюджет: 1500 UAH Термін: 3 дні
Доброго дня!
Ознайомилась з описом задачі. Розумію проблеми, які виникли — більшість із них пов’язані з конфліктами стилів (Tailwind / дефолтні стилі браузера) та особливостями роботи анімацій з Framer Motion і CSS-позиціонування.
Можу допомогти з виправленням:
• некоректного кольору посилань у мобільній шапці (конфлікт a:link / a:visited або Tailwind-класів);
• відображення плавучої кнопки з Framer Motion (відновлення glassmorphism та прозорості без впливу на анімацію);
• проблеми читабельності навігації у десктопній версії (коректне шарування елементів, z-index, фон активної "плашки");
• зникнення sticky-шапки при відкритті правої панелі в мобільній версії (конфлікт sticky з transform / scroll-контейнером).
У роботі обережно виправлю стилі та структуру так, щоб:
• не зламати існуючі анімації
• зберегти поточну логіку інтерфейсу
• забезпечити стабільну роботу на мобільних і десктопних пристроях.
Готова подивитись код або репозиторій, щоб швидко локалізувати проблеми та запропонувати оптимальне рішення.
Буду рада допомогти!
Бюджет: 3000 UAH Термін: 3 дні
Доброго дня , команда EchoCode
Зацікавив ваш проект , хотіли б взятися за нього , зробимо все швидко та якісно , ціну обговоримо)!
Бюджет: 1500 UAH Термін: 2 дні
Доброго дня! Готовий взятися за ваш проєкт із виправлення UI/UX багів у мобільній та десктопній версіях. Маю практичний досвід роботи з React та Tailwind CSS, а також розумію специфіку роботи Framer Motion, зокрема вирішення конфліктів між анімаціями (transform) та фіксованим позиціонуванням (position: sticky), налаштуванням z-index та ефектів glassmorphism.
Перед початком роботи хотів би прояснити один момент: чи зможете ви надати доступ до репозиторію для локального розгортання проєкту та тестування правок безпосередньо на мобільних пристроях?
Напишіть мені, і ми узгодимо всі технічні деталі!
Бюджет: 3000 UAH Термін: 2 дні
Доброго дня! Готовий приступити до роботи. Маю досвід з React, Tailwind, Framer Motion, розумію можливі причини проблем зі стилями, шаруванням та sticky-елементами. Можу швидко знайти джерело конфліктів і акуратно виправити, не ламаючи анімації. Готовий подивитися код.
Бюджет: 1200 UAH Термін: 1 день
Доброго дня.
Я переглянув опис проблем і можу їх виправити. Коротко поясню, що саме відбувається і як це можна вирішити.
1. Сині назви розділів у шапці (мобільна версія)
У мобільній версії браузер підміняє колір посилань на стандартний синій. Це звичайний конфлікт стилів. Потрібно правильно перевизначити стилі, щоб назви розділів завжди відображались білим кольором.
2. Проблема з плавучою кнопкою
Кнопка зроблена з анімацією, тому її потрібно виправляти обережно, щоб не зламати ефект. Я відновлю правильну прозорість і вигляд кнопки (ефект скла), при цьому сама анімація залишиться працювати як зараз.
3. Погано видно назви розділів у шапці (десктоп)
Під час вибору розділу з’являється світла анімована плашка, яка частково перекриває текст. Через це назва стає менш читабельною. Це вирішу налаштуванням шарів елементів, щоб текст завжди був чітко видно.
4. Зникнення шапки при відкритті правої панелі (мобільна версія)
Коли відкривається бокова панель, анімація змінює поведінку сторінки і шапка перестає правильно "триматися" при скролі. Потрібно трохи змінити структуру відображення, щоб шапка залишалась на місці.
Усі ці проблеми технічні, але вони вирішуються без переробки дизайну чи функціоналу. Я акуратно виправлю їх так, щоб нічого не зламати в існуючих анімаціях і адаптивності.
Готовий взятись за роботу та оперативно все полагодити.
Бюджет: 700 UAH Термін: 3 дні
Добрий день. Готовий взятися за проєкт та обговорити, маю великий досвід у роботі з реактом та тейлвінд
Надішліть, будь ласка, у пп посилання на сайт для ознайомлення
Бюджет: 3000 UAH Термін: 3 дні
Вітаю! Ознайомився з переліком багів. Опис проблем дуже чіткий, і я вже розумію їхню природу: від специфіки стекінгу контекстів (Stacking Context) до конфліктів transform з position: sticky.
Бюджет: 2000 UAH Термін: 10 днів
Доброго дня! Можу виконати ваші завдання. Досвід є. Пишіть, домовимось.
Бюджет: 6000 UAH Термін: 1 день
Добрий вечір
Мене звати Дмитро, компанія King Kong Lab.
Ознайомився з описом проблем. Можемо швидко розібратися з цими багами у фронтенді та акуратно виправити їх, не ламаючи поточну логіку інтерфейсу та анімацій framer-motion.
Виправимо колір назв розділів у мобільній версії, щоб вони коректно відображалися білим і не перебивалися дефолтними стилями браузера або конфліктами Tailwind. Також відновимо правильне відображення плавучої кнопки — повернемо glassmorphism та прозорість, зберігши анімацію компонента.
Окремо вирішимо проблему читабельності тексту у навігації — налаштуємо правильне шарування елементів (z-index, прозорість або blend), щоб текст завжди був чітко видимим поверх анімованої “плашки”.
Також розв’яжемо конфлікт sticky шапки з framer-motion при відкритті правої панелі в мобільній версії. Перевіримо структуру контейнерів і при необхідності змінимо архітектуру скролу або трансформацій, щоб шапка стабільно працювала при скролі.
Готові подивитися код або репозиторій і швидко внести необхідні правки.
Бюджет: 1000 UAH Термін: 2 дні
Доброго дня! Розробник з досвідом, стикався з читанням чужого коду та дуже і дуже часто з подібними багами, готовий вам допомогти якнайшвидше та якнайбільш якісно)
Бюджет: 700 UAH Термін: 1 день
Вітаю, виправлю сьогодні/завтра, маю досвід з React, tailwind css дуже гарно знаю, montion також, це все якраз мій стек, напишіть мені, підтверджу те що є такий досвід, покажу що я робив, і виправлю вашу легку помилку)
Бюджет: 2000 UAH Термін: 2 дні
Добрий день! Ознайомився з ТЗ. Можу виправити проблеми з шапкою сайту, стилями в мобільній та десктопній версії, а також конфлікти з framer-motion і Tailwind. Працював із подібними задачами (sticky елементи, анімації, адаптивність), тому зможу акуратно виправити відображення без поломки поточної логіки компонентів. Готовий приступити найближчим часом.
Бюджет: 3000 UAH Термін: 2 дні
Вітаю!
По першому питанню з синіми назвами розділів у шапці на мобільній версії - використаю DevTools для аналізу проблеми. Швидше за все, допоможе додавання класу з підвищеним рівнем пріоритету для текстових елементів назв розділів аби перекрити стилі посилань.
Друге питання з плавучою кнопкою вирішу шляхом редагування анімації у Framer Motion. Розберу існуючу реалізацію і підправлю стилі скей і кольорів так щоб відновити потрібну прозорість і зберегти фізику анімації.
По питання поганої читабельності назв розділів - допоможе зміна шарування елементів шляхом корекції z-index або додавання прозорості фону активної "таблетки" щоб текст завжди був зверху.
Останнє питання зі зникненням шапки при відкритті правої панелі вирішу шляхом зміна архітектури скрол-контейнера або відкоригування анімаційних трансформацій у Framer Motion щоб вони не впливали на поведінку position: sticky.
Зроблю все максимально швидко і якісно щоб нічого не впливало на працездатність сайту.
Бюджет: 2000 UAH Термін: 2 дні
Доброго дня.
Ознайомився з описом задачі. Можу допомогти з виправленням UI/UX багів у мобільній та десктопній версіях.
Маю досвід роботи з адаптивною версткою, CSS та JavaScript, тому зможу:
• виправити стилі назв розділів у мобільній шапці
• скоригувати відображення плаваючої кнопки
• виправити проблему з читабельністю активної вкладки (шари, прозорість, z-index)
• вирішити конфлікт sticky-шапки з анімацією панелі
Постараюсь зробити правки акуратно, щоб не порушити існуючу логіку компонентів і анімацій.
Готовий обговорити деталі та приступити до роботи.
Потрібно максимально точно відтворити:– структуру сторінок; – розташування блоків; – сітку каталогу; – розміри елементів; – відступи; – типографіку; – кольори; – хедер і футер; – картки товарів – структуру меню; – категорії меню; - модальні вікна – адаптивну поведінку; – hover-, active- і mobile-стани. – сторінка з продуктами повина мати мікророзмітку для продуктів – Сторінки мають бути оптимізовані під рекомендації Google SEO1. Тип сайтуАдаптивний інтернет-магазин доставки суші.Основні версії:– desktop – від 1280 px; – tablet – 768–1279 px; – mobile – 320–767 px.2. НавігаціяГоловнаКатегоріїАкціїПро насДоставка та ОплатаКонтактиМенюКартка продуктуКошик товаруШаблон сторінкиБлок “Шаблон сторінки” повиннен містити:– хедер;– breadcrumb ;— стрілку “вгору”— Перемикач світлої та темної теми зі збереженням вибору користувача.— На фоні сторінки зробити водяний знак з логотипу— На фоні закріпити зображення китайських паличок з правого краю— Футер РезультатПередати:– Figma-макет desktop і mobile; – HTML-файли; – CSS; – JavaScript; – папку із заглушками; – адаптивну версію сторінки; – архів готового проєкту.Головна вимога – максимально точне відтворення структури, дизайну та поведінки сторінки example.com
Продовження проекту. Редизайн та перезапуск сайту стоматологічної клініки Brovchak Family Dental Care 0680006609 http://brovchak-clinic.com.ua/ тз від сео-експертаhttps://docs.google.com/spreadsheets/d/17_WyPf3XVpzbuBjpJ7MNFs12QUL-aHv7iIbKudY-IEw/edit?gid=0#gid=0 https://miro.com/app/board/uXjVHXxFvIE=/Про проєкт Потрібно виконати повний редизайн існуючого сайту стоматологічної клініки на основі готового прототипу в Miro. Результат повинен включати: UI/UX дизайн адаптивну верстку інтеграцію на WordPress SEO-безпечний перезапуск технічну оптимізацію налаштування аналітики можливість простого самостійного редагування контенту Критично важливо: сайт повинен не просто виглядати сучасно, а покращувати бізнес-показники та не втратити поточні SEO-позиції.Бізнес-цілі проєкту Редизайн виконується для: збільшення кількості заявок із сайту; підвищення конверсії форм запису; підсилення довіри до клініки; демонстрації експертності лікарів; презентації складних клінічних випадків; формування преміального позиціонування; збільшення кількості звернень на імплантацію, ортопедію та комплексне лікування.Візуальна концепціяПозиціонування Преміальна авторська стоматологія. Не мережева клініка. Не масовий потік пацієнтів. Індивідуальний підхід, прогнозовані результати та складні клінічні рішення.Емоція, яку має викликати сайт "Тут працюють не просто стоматологи. Тут команда експертів створює довгострокові та прогнозовані рішення, приділяючи увагу кожній деталі."Стиль Workshop / Dental Atelier. Авторська стоматологія. Преміальний мінімалізм. Акцент на: мікроскопії; навігаційній імплантації; цифровому скануванні; гнатології; складних реабілітаціях. Використовувати: великі професійні фото лікарів; фото лікарів під час роботи; реальні кейси пацієнтів; фото клініки. Мінімізувати або повністю виключити: стокові фото; шаблонні стоматологічні зображення; типові дизайнерські рішення мережевих клінік.SEO та перезапуск Критична вимога: Редизайн не повинен призвести до суттєвого падіння органічного трафіку. Необхідно: зберегти SEO-структуру сайту; зберегти або коректно перенести URL; налаштувати 301 редиректи; перенести всі метатеги; зберегти індексацію сторінок; перевірити robots.txt; перевірити sitemap.xml; перевірити canonical; перевірити schema.org; виконати SEO-аудит до та після запуску.KPI SEO Допустиме падіння органічного трафіку після запуску: не більше 10%. Перевага надається виконавцям, які мають успішні кейси SEO-безпечних міграцій.UX та конверсія Сайт повинен забезпечувати: швидкий доступ до запису на консультацію; зрозумілу структуру послуг; просту навігацію; мобільну зручність; швидкий контакт із клінікою. Передбачити: CTA-блоки; форми запису; швидкий дзвінок; месенджери; блоки довіри; відеовідгуки; кейси лікування.Технічні вимогиШвидкість Google PageSpeed: Desktop — 90+ Mobile — 95+ Core Web Vitals повинні відповідати рекомендаціям Google.Оптимізація Необхідно: оптимізувати CSS; оптимізувати JS; налаштувати кешування; оптимізувати зображення; використовувати WebP; мінімізувати сторонні скрипти.Якість коду Важливо: чистий код; відсутність зайвих плагінів; використання штатних можливостей WordPress та теми; сумісність з майбутніми оновленнями WordPress.AI-асистент (агент) Потрібно запропонувати рішення для впровадження AI-консультанта. Бажаний функціонал: відповіді на типові питання; запис на консультацію; інтеграція з Telegram; інтеграція з Instagram Direct; інтеграція з Facebook Messenger; інтеграція з Viber; передача лідів у CRM або адміністраторам, або в телеграм бот Прохання описати запропоноване рішення окремо.Результат роботи На виході необхідно отримати: Новий дизайн сайту. Адаптивну верстку. SEO-безпечний запуск. Оптимізований код. Налаштовану аналітику. Інструкцію для адміністратора. Гарантійний супровід після запуску. Реалізація AI Search та AI-видачі У межах проєкту необхідно реалізувати окремий комплекс робіт із підготовки сайту до Google AI Overviews, AI Mode, ChatGPT, Gemini, Perplexity, Copilot та інших AI-пошукових систем. До робіт входить: Проєктування карти сутностей клініки: організація, філії, лікарі, послуги, кейси, статті, FAQ, відео та ціни. Створення логічних зв’язків між: лікарями та послугами; послугами й кейсами; послугами та FAQ; статтями й авторами; філіями та доступними напрямками лікування. Реалізація структурованих даних JSON-LD: Organization; MedicalClinic / Dentist; LocalBusiness; Person; ProfilePage; Service; MedicalProcedure — де семантично коректно; Article / BlogPosting; VideoObject; FAQPage; BreadcrumbList; WebSite; WebPage; ImageObject. Створення в WordPress структурованих типів контенту: послуги; лікарі; кейси; статті; FAQ; відео; філії; ціни. Реалізація ACF-зв’язків між типами контенту та автоматичної генерації schema.org із затверджених полів. Побудова FAQ у трьох рівнях: FAQ на сторінках послуг; окремі експертні decision-guide сторінки; загальний центр запитань пацієнтів. Забезпечення доступності основного контенту в HTML без залежності від клієнтського JavaScript, зображень або PDF. Реалізація авторства медичного контенту: автор; медичний рецензент; дата публікації; дата оновлення; посилання на профіль лікаря. Додавання транскриптів до експертних відео та зв’язування відео з послугами, лікарями й кейсами. Перевірка robots.txt, sitemap.xml, canonical, noindex, snippet controls і доступності сайту для пошукових та AI-краулерів. Налаштування відстеження AI-трафіку: окрема channel group у GA4; referrer-джерела ChatGPT, Perplexity, Gemini, Copilot, Claude; передача джерела в CRM і Telegram-заявки; звіт у Looker Studio; облік self-reported attribution від пацієнта. Створення базового набору запитів для регулярного моніторингу видимості клініки в AI-видачі. Перевірка структурованих даних через Rich Results Test та Schema Markup Validator. Підготовка інструкції для адміністратора: як додавати FAQ; як створювати кейс; як вказувати автора; як оновлювати дату медичного перегляду; як додавати відео і транскрипт; як зв’язувати матеріал із послугою та лікарем. інше.
Потрібен спеціаліст з Wix для верстки сайту за макетом Figma. Є готовий дизайн сайту у Figma. Потрібно якісно реалізувати його у Wix, максимально дотримуючись макета. Необхідно: перенести дизайн з Figma до Wix; адаптувати всі сторінки; налаштувати десктопну та мобільну версії; забезпечити коректне відображення на різних пристроях. Перевага надається виконавцям із досвідом роботи з Wix. Будь ласка, надсилайте портфоліо з реалізованими проєктами.
# Потрібен верстальник (WordPress / WooCommerce): картка товару ## Про проєкт Діючий інтернет-магазин Дизайн вже готовий — потрібно якісно зверстати й інтегруватикартку товару (single product). - Поточна сторінка (приклад): https://obertshop.com.ua/shop/dysky/audi/r21-audi/disk-r21-na-avto-audi-obr9006/ Верстка шаблонуsingle-product ## Вимоги - Верстка до макету Figma. -Адаптив: desktop + mobile, коректне відображення в основних браузерах. - Інтеграція в існуючу тему WooCommerce, чистий і підтримуваний код. - Результат — робоча сторінка на сайті, що відповідає дизайну. ## Що надіслати у відгуку 1. Портфоліо (бажаноWordPress / WooCommerce, картки товарів). 2.Вартість — запропонуйте зручний формат (фікс за проєкт або погодинна ставка). 3.Строк у днях. 4. Питання по макету та перелік доступів/матеріалів, які потрібні від нас для старту. Доступ до Figma, сайту й потрібні матеріали надам у приватних повідомленнях після відгуку.
Потрібно зверстати сайт по дизайну. Макет кривий трішки, тому pixel perfect не треба. Верстка, адаптив для МОБ пристроїв, відкриття сторінок по посиланнях та сайт на 3-х мовах. Всі тексти в блоках на інших мовах пришлемо пізніше. Додатково: оптимізація для Google PageSpeed 100 / 100 для МОБ та ПК. Або хоча б 98 із 100, не меньше !!! Пропонуйте строки та вартість. Макет: https://www.figma.com/design/AkM2GAvaLAPw7IAOtkGPIy/DSL-2010--%D0%9F%D1%80%D0%B0%D0%B2%D0%BA%D0%B8-1-?node-id=6177-908&t=u7qPBPqxIifkwaug-0