Бюджет: 950 UAH Срок: 3 дня
картина
Готов приступить к работе.
Давайте обсудим детали.
Портфолио: http://riashentsev.com.ua/?flh=rate#portfolio
Здравствуйте, уважаемые фрилансеры!
Сам работаю фрилансером (я не посредник) и общаясь с заказчиком появилась одна интересная идея, которую я знаю как отрисовать, но не знаю как реализовать на этапе фронта — нужна помощь специалиста.
Задача заключается в том, чтобы сделать интерактивной картинку: поделить на квадраты (белые например) и при наведении/клике мышкой, чтобы они пропадали (становились прорачными). Антибот равно слово картина в начале ставки. Таким способом надо добиться чего-то похожего к зарисовке картины.
Возможно уже есть реализовано что-то похожее или есть мысли как сделать это максимально просто/быстро/эффективно — выслушаю любые предложения и мнения. Спасибо за внимание!
Спасибо всем кто откликнулся и даже сделал часть задания. Обсудил это с заказчиком. Воник вопрос. можно ли сделать что-то пореалистичнее и сложнее. Я не уверен можно ли такое реализовать, пиркрепляю два изображения-примера (после раскраски и до). Можно ли сделать так чтобы области разных параметров (ширины, длины и вообще разной формы) красились по клику/наведению и т.д.?
Бюджет: 950 UAH Срок: 3 дня
картина
Готов приступить к работе.
Давайте обсудим детали.
Портфолио: http://riashentsev.com.ua/?flh=rate#portfolio
Бюджет: 400 UAH Срок: 1 день
Добрый день.
Это планируется на 1 картинке или в разных местах использоваться?
Если на квадратик написано 1 и на другом 5, их логика разная)?
Или просто все одинаково исчезают при наведении?
Жду фидбек. Спасибо.
Бюджет: 400 UAH Срок: 5 дней
Добрый день.
Имею опыт в HTML/CSS вестрке, примеры можете посмотреть в моем портфолио: Freelancehunt
На связи ежедневно с 12:00 до 00:00.
Заинтересовало ваше задание, готова приступить к работе уже сегодня. Все детали можем обсудить в ЛС.
Бюджет: 1000 UAH Срок: 3 дня
Здравствуйте!
Меня зовут Сергей, занимаюсь Web-программированием с 2015 года. Готов выполнить ваш проект, есть опыт с такими задачами. Все вопросы можем обсудить в лс.
Freelancehunt
Бюджет: 400 UAH Срок: 1 день
Здравствуйте!
Ознакомился с Вашим заказом, пожалуйста, обращайтесь. Будет приятно сотрудничать с вами по данному проекту.
Отзывы: Freelancehunt
http://basiahamilton.com
https://www.infomatrixpr.com
https://aliveyogato.com
https://davidrcustin.com
http://www.pmcperformancehorses.com
http://sowahouse.ru
https://christinacosmetics.com.ua/
https://amazingwindowfashions.com/
http://skinappeal.org/
нужно что-бы блоки исчезали при наведении тоже или только при нажатии ?
можно заполнить блок span с z-index больше чем у изображения и при :hover уменьшать opacity они будут пропадать и возращатся назад
и в js повесить что при клики vizabl: hiden; opaciti: 0; и уже при клике они будут исчезать полностью
Если класс менять джеесом, быстрее работать будет. А на класс CSS анимацию повесить.
Пожалуйста формируйте несколько своих мыслей в одно сообщение. Спасибо.
Можно использовать что хотите, лишь бы оно хорошо работало :)
я сейчас реализую что я имею в ввиду загружу на гитхоб и пришлю ссылку
Добрый вечер Артур!
Опишите пожалуйста логику того что вы делайте! Это игра типа сапера или что?
Это интерактив, типо сапёра)), но желательно чтобы работали по наведению, а не клику.
Ну если при наведении, то только курсор попадет на любое поле, номер исчезнет. Просто двигая курсором по номерам очищаешь картинку?
Как то не логично. Наверное по клику...
Номер может исчезать вместе с исчезновением и блока?
Просто двигая курсором по номерам очищаешь картинку
Да :)
Наверное по клику...
Слишком много кликов надо будет сделать пользователю. Это интерактив, но не полноценная игра :)
Ну как вариант что-бы быстро было , создать общий блок в который закинуть картинку , а сверху набросать квадратов . И при наведении скрывать квадраты на которые попала мышь , ну и задать функцию что-бы через время(например 10сек) квадрат появлялся обратно .
Задача Нужно создать стильный адаптивный email-шаблон по предоставленному тексту и подготовить его для загрузки в сервис email-рассылок. Что нужно сделать Разработать дизайн email. Сверстать адаптивный HTML email. Вставить предоставленный текст. Подготовить блоки под изображения и иконки. Добавить CTA-кнопки. Подготовить ссылки с UTM-метками. Сделать plain-text version письма. Проверить отображение в основных email-клиентах. Подготовить финальный файл для загрузки в сервис рассылки. Требования к дизайну Нужен чистый, современный, premium-style email. Письмо должно быть легко читаемым, не перегруженным, с понятной структурой, короткими текстовыми блоками, визуальными акцентами и несколькими CTA-кнопками. Технические требования адаптивная HTML email-верстка; корректное отображение на desktop и mobile; table-based layout; ширина контейнера примерно 600–700 px; inline CSS / email-compatible CSS; кнопки должны быть HTML/CSS, не картинками; все важные данные должны быть HTML-текстом; изображения должны иметь alt text; без JavaScript; без форм внутри email; корректная работа ссылок; подготовка UTM-меток для CTA. Проверка Нужно проверить отображение минимум в: Gmail; Apple Mail; Outlook; мобильных email-клиентах. На выходе нужно получить Готовый HTML-файл email. Plain-text version. Preview или screenshots desktop/mobile. Инструкцию, где менять ссылки, текст и изображения. Файл/версию, готовую для загрузки в сервис рассылки. В отклике, пожалуйста, приложите примеры HTML email-рассылок, которые вы делали, и укажите, с какими сервисами рассылок работали.
Приветсвую. Необходимо внести некоторые правки на сайте WP с готовой темой на ELEMENTOR. Сайт https://lingualink.pl/ 1. Первый экран вместо картинки внедрить форму заказа, которая сейчас вызывается с кнопки. в результате должно быть как в первом скрине 2. а также добавить блок FAQю примерно вот так как во втором скрине
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. Пожалуйста, отправляйте портфолио с реализованными проектами.