Вход Блог
Строительство и ремонт
Репетиторы
Красота
Фрилансеры
Разные специалисты
Уход за животными
Тренеры
Автоинструкторы

Вёрстка сайтов — удалённая работа в Москве

Дата: 2026-01-23
Детали
Регион
Москва
Занятость
дистанционно
Стоимость
договорная
Дата публикации
2026-01-23
Описание
Сверстать: лендинг. Платформа: по рекомендации специалиста. Тип вёрстки: по рекомендации специалиста. Есть макет. Сверстать веб-страницу с камерой и простой обработкой фото (JS + Canvas, как вариант) Суть задачи: Нужно сделать простую статичную веб-страницу (SPA) для развлечения на мероприятии. Работает только на мобильных. Вероятно: никакого бэкенда, баз данных и админок, вся логика — на чистом JS (или Vue/React) в браузере клиента. Сценарий работы (максимально просто): Человек заходит на страницу. Видит поток с фронтальной камеры. Поверх камеры наложен статичный PNG-трафарет (контур половины головы). Важно: Никакого авто-зума и авто-детекции лица делать не нужно. Пользователь сам руками подносит телефон так, чтобы лицо совпало с трафаретом. Нажимает кнопку — фото сохраняется в переменную. Появляется второй трафарет (для второй половины). Второй человек, с помощью этого же телефона подстраивается, нажимает кнопку. Скрипт делает простую магию: Прогоняет оба фото через бесплатную библиотеку, например MediaPipe Selfie Segmentation (или аналог body-pix), чтобы убрать фон (сделать прозрачным). Накладывает две половинки лиц поверх картинки с тарелкой (картинка лежит в папке assets). Обрезает лишнее по кругу (mask-image). Показывает результат и кнопку «Скачать картинку». Технические требования, как вариант: Стек: HTML5, JS, Canvas API. Библиотеки для удаления фона:@mediapipe/selfie_segmentation или TensorFlow.js. Дизайн: Я дам готовую картинку фона и логотип. Кнопок всего три: “Снять“, “Переснять“, “Скачать“, “Выбрать картинку для подложки“. Верстка примитивная. Цветокоррекция: Не нужна сложная логика. Просто наложить поверх фото легкий CSS-фильтр (чуть поднять контраст), чтобы скрыть разницу в освещении. Почему это просто: Не нужно пилить серверную часть. Не нужно обучать нейросети (берем готовую библиотеку Google). Не нужно делать сложный UI. Жду от вас: Ссылку на любой пример работы с камерой или канвасом в портфолио. Пример вёрстки пришлю в телеграм: markgoods.
Похожие заказы

Вёрстка сайтов

дистанционно
договорная
Сверстать: интернет-магазин. Платформа: Фигма. Тип вёрстки: адаптивная. Есть макет.
Москва Фрилансеры

Вёрстка сайтов

дистанционно
договорная
Сверстать: Корпоративный сайт. Платформа: WordPress. Тип вёрстки: адаптивная. Есть макет. Пожелания и особенности: https://www.figma.com/design/icxT2dQIQr6TN04Sz4K7sT/%D0%A1%D0%B0%D0%B9%D1%82-mulinmedia.ru?node-id=0-1&m=dev Нужно сделать вёрстку по этому макету и перетянуть на wordpress В отклике пришлите ваши кейсы и стоимость услуги.
Казань Фрилансеры

Вёрстка сайтов

дистанционно
договорная
Сверстать: портал. Платформа: HTML. Тип вёрстки: адаптивная. Есть макет. Пожелания и особенности: 1. Цели и задачи проекта Цель: Повысить удобство и конверсию платформы за счет редизайна и доработки существующей LMS-системы. Задачи: · Обновить UI/UX в соответствии с современными стандартами (адаптивность, скорость). · Чётко разделить функционал демо- и платной версий личного кабинета. · Доработать модули Тесты, Лекции, Вебинары согласно новым требованиям. · Сохранить SEO-позиции при переносе контента 2. Анализ текущего состояния · Существующий сайт · Проблемы текущего дизайна: [устаревший вид, неудобная навигация] · Проблемы функционала: [неудобство редактора] 3. Требования к редизайну · Адаптивность: Сайт должен корректно отображаться на всех устройствах (десктоп, планшет, телефон). · Структура страниц: Главная, страницы модулей (Тесты/Лекции/Вебинары, Редактор), два варианта ЛК. 4. Функциональные требования (основные блоки) А) Модуль «Тесты» · Типы вопросов: одиночный/множественный выбор, соответствие. · Отображение результата в процессе и в лк · Прогресс прохождения. Б) Модуль «Лекции» · Поддержка видео (встроенные плееры), PDF, текста. · Отслеживание статуса: «Просмотрено», «Не начато». · Возможность скачивания материалов (если разрешено). В) Модуль «Вебинары» · Расписание с датой/временем. · Интеграция с Zoom/Webinar (кнопка «Подключиться»). · Архив прошедших вебинаров. 5. Личные кабинеты (КЛЮЧЕВОЕ ОТЛИЧИЕ) А) Демо-версия · Ограниченный доступ к контенту (несколько первых уроков). · уведомление: «Это демо-доступ». · Мотивационный блок с призывом купить полную версию. · Ограниченный функционал (например, нельзя скачивать материалы). Б) Платная версия · Полный доступ ко всем модулям и материалам. · Расширенная статистика: прогресс по курсам, результаты тестов. · Личные данные, история платежей. --- 6. Технические требования · Сохранение данных: Перенос всех старых данных (пользователи, результаты) без потерь. · Безопасность: Разграничение прав доступа четко по ролям (админ, студент демо, студент платный). · Интеграция: платежная система Тематика сайт физика ОГЭ/ЕГЭ.
Екатеринбург Фрилансеры

Вёрстка email

дистанционно
договорная
Тип вёрстки: по рекомендации специалиста. Макета нет. Сверстать шаблон email рассылки в RetailCRM. Шаблон должен включать блок с меню, текстовые блоки, блоки с изображениями, блок контактов с кликабельными иконками социальных сетей.
Москва Фрилансеры

Верстальщики

дистанционно
договорная
Сверстать: Корпоративный сайт. Платформа: HTML. Тип вёрстки: по рекомендации специалиста. Есть макет.
Санкт-Петербург Фрилансеры

Вёрстка сайтов

дистанционно
договорная
Сверстать: Корпоративный сайт. Платформа: WordPress. Тип вёрстки: адаптивная. Макета нет.
Москва Фрилансеры

Верстальщики

дистанционно
договорная
Сверстать: Детская книга. Нужно текст оформить на иллюстрациях и обложке ,все по правилам.
Москва Фрилансеры