Бюджет: 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 я очень хорошо знаю, motion тоже, это всё как раз мой стек, напишите мне, подтвержу, что есть такой опыт, покажу, что я делал, и исправлю вашу лёгкую ошибку)
Бюджет: 2000 UAH Срок: 2 дня
Добрый день! Ознакомился с ТЗ. Могу исправить проблемы с шапкой сайта, стилями в мобильной и десктопной версиях, а также конфликты с framer-motion и Tailwind. Работал с подобными задачами (липкие элементы, анимации, адаптивность), поэтому смогу аккуратно исправить отображение без поломки текущей логики компонентов. Готов приступить в ближайшее время.
Бюджет: 3000 UAH Срок: 2 дня
Здравствуйте!
По первому вопросу с синими названиями разделов в шапке на мобильной версии - использую DevTools для анализа проблемы. Скорее всего, поможет добавление класса с повышенным уровнем приоритета для текстовых элементов названий разделов, чтобы перекрыть стили ссылок.
Второй вопрос с плавающей кнопкой решу путем редактирования анимации в Framer Motion. Разберу существующую реализацию и подправлю стили скей и цветов так, чтобы восстановить нужную прозрачность и сохранить физику анимации.
По вопросу плохой читаемости названий разделов - поможет изменение наложения элементов путем коррекции z-index или добавления прозрачности фона активной "таблетки", чтобы текст всегда был сверху.
Последний вопрос с исчезновением шапки при открытии правой панели решу путем изменения архитектуры скролл-контейнера или корректировки анимационных трансформаций в Framer Motion, чтобы они не влияли на поведение position: sticky.
Сделаю все максимально быстро и качественно, чтобы ничего не влияло на работоспособность сайта.
Бюджет: 2000 UAH Срок: 2 дня
Добрый день.
Ознакомился с описанием задачи. Могу помочь с исправлением UI/UX багов в мобильной и десктопной версиях.
Имею опыт работы с адаптивной версткой, CSS и JavaScript, поэтому смогу:
• исправить стили названий разделов в мобильном шапке
• скорректировать отображение плавающей кнопки
• исправить проблему с читаемостью активной вкладки (слои, прозрачность, z-index)
• решить конфликт sticky-шапки с анимацией панели
Постараюсь сделать правки аккуратно, чтобы не нарушить существующую логику компонентов и анимаций.
Готов обсудить детали и приступить к работе.
It is necessary to reproduce as accurately as possible:– the structure of the pages; – the layout of the blocks; – the catalog grid; – the sizes of the elements; – the margins; – the typography; – the colors; – the header and footer; – product cards – the menu structure; – menu categories; – modal windows; – adaptive behavior; – hover, active, and mobile states. – the product page must have microdata for products – Pages must be optimized according to Google SEO recommendations1. Type of siteResponsive online sushi delivery store.Main versions:– desktop – from 1280 px; – tablet – 768–1279 px; – mobile – 320–767 px.2. NavigationHomeCategoriesPromotionsAbout UsDelivery and PaymentContactsMenuProduct CardShopping CartPage TemplateThe “Page Template” block should contain:– header;– breadcrumb;— “up” arrow— Light and dark theme switcher with user choice retention.— A watermark with the logo on the background of the page— Fix an image of chopsticks on the right edge of the background— Footer ResultDeliver:– Figma mockup for desktop and mobile; – HTML files; – CSS; – JavaScript; – a folder with placeholders; – responsive version of the page; – archive of the completed project.The main requirement is the most accurate reproduction of the structure, design, and behavior of the page 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