Бюджет: 7000 UAH Срок: 5 дней
Здравствуйте. Смогу выполнить все требования по оптимизации верстки, пройдусь по каждому пункту с проверкой и тестированием. Имею большой опыт в разработке веб сайтов на html, css, js, wordpress.
Сайт: https://deniz-estate.com/ru/
Проблемы:
Для каждой языковой версии сайта необходимо в теге <Head> прописать актуальные:
<link rel="alternate" hreflang="ru" href="https://deniz-estate.com/ru/” />
<link rel="alternate" hreflang="uk" href="https://deniz-estate.comua/" />
<link rel="alternate" hreflang="pl" href="https://deniz-estate.com/pl/" />
<link rel="alternate" hreflang="en" href="https://deniz-estate.com/en/" />
Необходимо чтоб модуль автоматически конвертировал картинки в формат WebpP
Установить и настроить модуль Gum Image Optimizer
Проверить, что WebP реально отдаются браузерам
Убедиться, что сервер корректно отдаёт WebP-версии вместо оригинальных (JPEG/PNG), если браузер их поддерживает
Проверить .htaccess
Включить и проверить Lazy Load
Если используется плагин (например, WP Rocket, native lazy load, Gum), убедиться, что:
Lazy Load включён
Все <img> теги получают атрибут loading="lazy"
Проверить размеры и адаптивность
Все изображения должны иметь прописанные width и height
Исправить srcset и sizes , чтобы браузер подгружал нужный размер
Проверить кэширование
Убедиться, что изображения кэшируются на стороне браузера (expires, cache-control)
Проверить Lighthouse
Прогнать страницу через Google Lighthouse (в DevTools)
Убедиться, что нет предупреждений по изображениям (размер, формат, lazy load и т.д.)
Изображения быстро загружаются, не «рвут» вёрстку
Нет дубликатов или лишнего веса
WebP работает
Показатели Lighthouse по изображениям без ошибок
были корректно размечены (<button> или <a>)
работали с клавиатурой
были доступны для скринридеров
соответствовали рекомендациям WCAG 2.1 и Lighthouse
Использовать только нативные теги:
<button> — для действий (отправка, закрытие, открытие и т.д.)
<a href="..."> — для переходов по страницам
Запрещается использовать <div> или <span> как кнопки (если только не добавлены role="button" + tabindex + обработка Enter/Space — но лучше всё же заменить на <button>)
Для кнопок в формах:
Явно указывать type="submit" или type="button"
(по умолчанию <button> = submit, что может вызвать нежелательное поведение)
Все кнопки должны быть доступны через Tab
Кнопки должны активироваться с клавиш:
Enter
Space
У всех кнопок должен быть:
либо видимый текст (<button>Скачать</button>)
либо aria-label="Скачать" — если кнопка содержит только иконку
Цель: Повысить доступность форм для пользователей с особыми потребностями и соответствовать стандартам WCAG.
Что сделать:
Элемент .iti__selected-flag не должен быть фокусируемым сам по себе, если не выполняет функцию управления вводом.
Удалить tabindex="0" и role="combobox" у элементов, которые не являются активными элементами управления.
Убедиться, что переход с клавиатуры (Tab) идет строго по нужным интерактивным элементам (ввод, select, button).
Что сделать:
Убедиться, что в форме присутствует button type="submit" или input type="submit".
Если отсутствует — добавить:
Что сделать:
Оставить aria-label или aria-labelledby, если нет label, но предпочтительно использовать <label> как основное средство.
Если есть валидация полей, добавить aria-describedby="id-сообщения" и aria-invalid="true" при ошибке.
Проверить вручную:
Клавиша Tab должна последовательно переходить по:
полю «Имя»;
полю «Email»;
полю телефона;
кнопке отправки.
Клавиша Enter/Space должна активировать отправку и кликабельные элементы.
Не должно быть «прыжков» или фокуса на декоративных блоках.
Ідентифікувати всі сторонні скрипти, що завантажуються (наприклад, аналітика, шрифти, віджети).
Для неважливих скриптів реалізувати відкладене завантаження (lazy loading).
За можливості використовувати async або defer при підключенні сторонніх JS-ресурсів.
Оптимізувати порядок підключення сторонніх сервісів так, щоб вони не блокували критичний рендеринг сторінки.
Используйте инструменты проверки контраста (например, WebAIM Contrast Checker).
Проверьте, чтобы контраст между текстом и фоном соответствовал минимальным требованиям WCAG:
AA уровень: не менее 4.5:1 для обычного текста, 3:1 для большого.
AAA уровень (рекомендуется): 7:1 для обычного текста.
Цель: Сохранить корректную структуру HTML и улучшить восприятие контента ассистивными технологиями.
Что необходимо сделать:
Все теги <li> должны использоваться только внутри списков <ul>, <ol> или <menu>.
Исключить случаи:
<li> вне родительского списка;
<div><li>...</li></div> без вложенности в <ul> или <ol>.
При необходимости заменить некорректные <li> на <div>, <p> или другие семантически подходящие теги.
Убедиться, что структура списков логична и правильно вложена (вложенные списки корректно отображаются и оформлены).
Цель: Обеспечить корректную работу с ассистивными технологиями (читалки, VoiceOver и т.д.).
Что необходимо сделать:
Проверить все атрибуты role на корректность и необходимость.
Исключить случаи:
Назначение role="button" на <button> — это дублирование;
role="link" на <a> с href — это тоже избыточно;
Использование устаревших ролей или несуществующих значений.
Использовать только допустимые значения из официальной WAI-ARIA спецификации.
Проверить, что все ARIA-ролей логичны в контексте, например:
role="navigation" — у блока с меню;
role="dialog" — у модальных окон;
role="alert" — у уведомлений об ошибках и предупреждениях.
Цель: Обеспечить правильную навигацию и поведение ссылок на сайте.
Что необходимо сделать:
Все теги <a> должны иметь заполненный атрибут href. Избегать:
href="";
href="#" — только если используется с JavaScript, и то с preventDefault() (в попапформах).
Для внешних ресурсов — абсолютные ссылки с протоколом https://. и закрыты тегом rel="nofollow noopener noreferrer"
Если ссылка открывается в новой вкладке (target="_blank"), обязательно добавить:
rel="noopener noreferrer" — для безопасности (во избежание уязвимости window.opener).
После реализации всех пунктов, обязательно провести аудит:
-Lighthouse (в Chrome DevTools, вкладка "Аудит" или "Проверка");
-axe DevTools — для глубокой проверки доступности.
Результаты тестирования желательно зафиксировать в виде скриншотов до и после изменений.
Бюджет: 7000 UAH Срок: 5 дней
Здравствуйте. Смогу выполнить все требования по оптимизации верстки, пройдусь по каждому пункту с проверкой и тестированием. Имею большой опыт в разработке веб сайтов на html, css, js, wordpress.
Бюджет: 20000 UAH Срок: 18 дней
Здравствуйте!
Готов помочь, но довольно долго по времени все приводить в порядок, поэтому бюджет не маленький.
Бюджет: 8000 UAH Срок: 5 дней
Здравствуйте! Специализируюсь на Wordpress, готов сделать тщательно все правки по списку с тестированием в конце и скриншотами.
Бюджет: 20000 UAH Срок: 14 дней
Здравствуйте, сделаю проект за 2 недели, знаю HTML CSS JS. Цена 20000 грн. назад смогу сделать ваш проект.
Faire – B2B рынок для розничной торговли и брендов https://www.faire.com/ https://play.google.com/store/apps/details?id=com.faire.brand Faire — это крупный B2B рынок, который соединяет независимых розничных продавцов с брендами и оптовиками. Платформа упрощает оптовые закупки, объединяя поиск продуктов, заказы, платежи и логистику в одном цифровом опыте. Я работал над бэкенд-системами и архитектурой, управляемой API, поддерживающей многопоставочные операции, управление заказами и финансовые потоки. Главная проблема на таких платформах заключается в управлении сложными отношениями между покупателями, поставщиками, продуктами и транзакциями, при этом сохраняя производительность на высоком уровне. Система разработана на основе модели многопользовательского рынка, где каждый бренд управляет своим каталогом и запасами, а розничные продавцы могут просматривать, фильтровать и размещать оптовые заказы. Кроме того, Faire вводит финансовые функции, такие как условия оплаты, комиссии и управление рисками, что добавляет еще один уровень сложности помимо стандартной электронной коммерции. Ключевыми областями внимания были структура каталога продуктов, управление жизненным циклом заказа, логика ценообразования и интеграция с платежными системами. Архитектура поддерживает высокий трафик, большие запасы и одновременные транзакции, требуя эффективного проектирования базы данных и масштабируемых сервисов. Критическим аспектом платформы является доверие и удобство использования. Такие функции, как кураторский поиск, персонализированные рекомендации и плавные процессы оформления заказа, необходимы для повышения конверсии в оптовой среде. Ключевые функции: Многопоставочный рынок (бренды и розничные продавцы) Расширенный каталог продуктов и фильтрация Оптовые заказы и управление жизненным циклом заказа Условия оплаты, комиссии и финансовые потоки Управление запасами и поставщиками Аналитика и панели отчетности Технологии: React/Next.js, Nest.js, PostgreSQL, REST APIs, AWS, Микросервисы, React Native, Платежи. Навыки и результаты React Next.js React Native PostgreSQL Amazon Web Services
Название задания: Специалист WordPress / Elementor для внесения правок на сайтах Описание: Ищем специалиста по WordPress и Elementor для работы с уже готовыми сайтами. Основные задачи: внесение изменений в соответствии с нашими рекомендациями; замена и редактирование контента; добавление, удаление и корректировка блоков; исправление отображения страниц на компьютерах и мобильных устройствах; небольшие изменения дизайна и структуры страниц. Сайт уже разработан и сверстан. Создавать их с нуля не нужно. Работа предполагает выполнение конкретных задач по мере их появления. Важно внимание, соблюдение технического задания и опыт работы с WordPress и Elementor.
О проекте:Требуется создать продающий лендинг для авторского онлайн-интенсива на действующем корпоративном сайте юридической фирмы. Платформа сайта: WordPress. Ожидаемый URL страницы: сайт/online_intensive1. Дизайн и структура:Есть готовый прототип в виде чистого HTML/CSS кода (включает тексты, структуру, цветовую гамму, адаптивность и вертикальные видеоотзывы 9:16). Код будет передан исполнителю.Задача по дизайну:Взять этот код за основу, но не просто скопировать. Приветствуется доработка UX/UI, добавление аккуратных микроанимаций, теней, современных эффектов (фич), которые сделают страницу более привлекательной и продающей, сохраняя строгий корпоративный стиль.2. Интеграция с CMS (Редактируемость):Критически важно:Лендинг не должен висеть на сайте как «голый» HTML-код. Страницу необходимо собрать с помощью визуального конструктора (Elementor) или реализовать через гибкие поля (ACF).У заказчика должна быть возможность легко менять любые тексты, ссылки, тарифы и фотографии прямо из админ-панели WordPress без вмешательства в код.3. Технические требования и адаптивность:Полная адаптивность кроссбраузерной верстки: Desktop, Tablet, Mobile. Страница должна корректно отображаться на всех типах устройств (в том числе пропорции 3 вертикальных видеоотзывов).Высокая производительность:Обязательна базовая оптимизация скорости загрузки (Google PageSpeed). Изображения должны быть сжаты и конвертированы в формат WebP, скрипты и стили минифицированы.4. Форма обратной связи (Лидогенерация):На лендинге есть форма заявки (Имя, Телефон). Ее нужно сделать полностью рабочей.Все заявки должны моментально отправляться на корпоративный email: info@сайт.Необходимо настроить отправку через SMTP-сервер или использовать надежный плагин (WPForms / Contact Form 7), чтобы заявки гарантированно не попадали в папку «Спам».5. Мультиязычность:Текущий сайт подразумевает наличие трех языков (РУС, КАЗ, АНГЛ).В рамках проекта исполнитель должен настроить мультиязычность для нового лендинга (с помощью встроенного на сайте плагина).В процессе выполнения задачи заказчик предоставит готовые переводы текста на казахский и английский языки. Исполнитель должен создать и оформить эти дополнительные языковые версии страницы.6. Интеграция с главным сайтом:Настроить переход на лендинг с основного сайта.В главном меню (в хедере) действующего сайта salyk.net необходимо добавить новую кнопку или пункт меню (например, «Онлайн-интенсив»), которая будет вести на адрес /online_intensive.Дополнительно: сделать функцию переключения между языкамиrus/eng/kazв стиле сайта.
Вирус в настоящее время проник на сайт. Сайт не функционирует должным образом. В частности, главная страница работает некорректно. Нам нужен разработчик, который сможет исправить эту ошибку как можно скорее.
Есть сайт, который функционирует, нужно изменить структуру главного меню и создать несколько новых страниц (уже по тому шаблону, что есть, с тем же дизайном) Что есть: Структура меню: Главная О нас Услуги: йога с щенками, йога + звуковая ванна + церемония с какао, звуковая ванна, йога с ламами Подарочная карта Блог Контакты Что нужно сделать: 1. Изменить структуру меню на следующую: Главная О нас Еженедельные мероприятия Сезонные мероприятия Частные мероприятия Подарочная карта Блог Контакты 2. Создать новые страницы (каталог услуг) Еженедельные мероприятия Сезонные мероприятия (на этой странице сделать разделение Осень-Зима, Весна-Лето (или сделать пометки рядом с каждой карточкой продукта, когда он доступен) Частные мероприятия Эти страницы сделать на основе существующей страницы - то есть скопировать существующую страницу и привязать к ней страницы услуг, они должны отображаться там автоматически, если поставить галочку 3. Добавить следующие услуги на страницу еженедельных мероприятий: Йога с щенками Звуковая ванна 4. Добавить следующие услуги на страницу сезонных мероприятий: Звуковая ванна Bloom Frequency Йога с ламами Первый свет - Счастливый рассвет Церемония чая урожая и звуковая ванна Йога, церемония с какао и звуковая ванна Зимняя звуковая ванна при свечах Церемония с какао для установки намерений на Новый год и ароматерапия и звуковая ванна 5. Добавить услуги на страницу частных мероприятий: Частная йога с щенками в студии Частная йога с щенками на вашем месте Частная звуковая ванна для одного Частная групповая звуковая ванна Частные звуковые ванны и чайные церемонии для команд, лидеров и корпоративных мероприятий 6. Привязать календарь системы simplybookme к страницам: Первый свет - Счастливый рассвет Церемония чая урожая и звуковая ванна Зимняя звуковая ванна при свечах Церемония с какао для установки намерений на Новый год и ароматерапия и звуковая ванна Эта система бронирования уже настроена на сайте, нужно по такому же принципу, как и сейчас, привязать календарь к перечисленным страницам. 6.1. Добавить кнопку “в списке ожидания” на страницы: Первый свет - Счастливый рассвет Церемония чая урожая и звуковая ванна Зимняя звуковая ванна при свечах Церемония с какао для установки намерений на Новый год и ароматерапия и звуковая ванна После того как человек нажимает на кнопку - должна появиться форма, где человек оставляет свой email, имя и отправляет эту форму. С нашей стороны клиенту должно приходить письмо, что он попал в список ожидания, и нам должно приходить уведомление, что кто-то добавился в список ожидания. Через simplybook не получится, нужно, наверное, делать через формы shopify, или можете предложить другое решение