Необходимо сверстать адаптивную лендинг-страницу на основе предоставленного макета в Figma. Работа должна быть выполнена с учетом современных стандартов HTML5 и CSS3, с использованием методологии БЭМ и принципа Mobile First.
Требования к вёрстке
Mobile First: Вёрстка должна строиться от мобильных версий (320px) к большим экранам.
Кроссбраузерность: Страница должна корректно отображаться в последних версиях Google Chrome, Firefox, Safari, Edge.
Адаптивность: Использовать flexbox и grid для построения сетки, поддерживать мобильные устройства от 320px до 1920px и выше.
Оптимизация загрузки: Минимизировать использование тяжелых изображений, использовать WebP.
Чистый код: Соблюдать семантическую разметку HTML, избегать избыточных div’ов.
Анимации и интерактив: Реализовать базовые CSS-анимации для кнопок и эффектов наведения.
Шрифты: Подключить через Google Fonts или локально, учитывать размеры и межбуквенные интервалы по макету.
Иконки: Использовать SVG или иконки из FontAwesome.
Pixel Perfect: Максимально точное соответствие макету.
Методология: Использовать БЭМ (блоки, элементы, модификаторы).
Адаптивность (Mobile First)
Файлы и структура проекта
index.html — основной файл страницы.
styles/ — папка со стилями (SCSS/CSS).
fonts/ — локальные шрифты.
Сроки выполнения
Промежуточные правки согласовывать через комментарии в Figma.
Дополнительно
Макет предоставляется в Figma.
Доступ к макету будет открыт через ссылку.
Финальную работу сдавать в виде архива с файлами.
Собрать уже по готовому макету страницу в формате figma
Уже разработан макет страницы, но в формате пнг, нужно просто пересобрать страницу ПК версия и сделать под нее мобильную версию в формате фигмы. Все материалы: фото, тексты на диске собраны будут, искать контент или писать от руки ничего не надо будет.
Пример страницы прикреплен.
Внимательно смотрите пожалуйста приложенный файл. Калькулятор отрисовывать не нужно, он уже есть в формате фигмы, его нужно будет просто скопировать из другого файла.
Веб и мобильный дизайн
Опубликован: 21.03.25 12:34
Бюджет: 1500 руб.~$18.73
Нужен дизайн для 2-х акционных страниц сайта
Есть спроектированный в Figma и разработанный на конструкторе (ERPNext/Frappe) сайт https://dvoridom.ru/, для которого необходимо разработать дизайн для индивидуальных страниц акций с учетом 2-х видов акций и разного количества товаров на них в соответствии брифом https://docs.google.com/document/d/1K-Fw_iFWo4l7hTIWYYzNCjxgIqLoE3X63yYgT8JbOq4/edit?tab=t.0
Веб и мобильный дизайн
Опубликован: 21.03.25 11:53
Бюджет: 16000 руб.~$199.73
Улучшение Chrome-расширения
Нужен разработчик с опытом в React + Node.js (TypeScript) для оптимизации и расширения функционала Chrome-расширения.
Это инструмент на базе искусственного интеллекта (AI) для генерации идей (промптов) для написания текстов, книг и историй.
Есть рабочий прототип, но его необходимо усовершенствовать перед публикацией в Chrome Web Store.
Что нужно сделать:
[:2714] Анализ и исправление кода – проверить работоспособность и устранить баги
[:2714] Доработка логики работы – адаптировать функционал согласно техническому заданию
[:2714] Обновление дизайна – реализация нового UI по готовому макету (Figma)
[:2714] Добавить переводы в код – готовые переводы нужно встроить в код
[:2714] Финальная проверка API – протестировать и завершить интеграцию
Требования:
[:1f539] Опыт работы с native JS, Typescript, React, Node.js
[:1f539] Опыт разработки Chrome-расширений
[:1f539] Опыт работы с API и интеграцией сторонних сервисов
[:1f539] Понимание UI/UX (чтобы корректно внедрить обновленный интерфейс)
Скрипты и боты
Опубликован: 21.03.25 11:53
Бюджет: 30000 руб.~$374.49
Обновление и доработка Chrome-расширения
Ищу разработчика с опытом работы в React + Node.js (TypeScript) для доработки и оптимизации Chrome-расширения с AI.
Расширение предназначено для генерации промптов (идей) для написания текстов и книг.
Готовый прототип уже есть, требуется доработка перед публикацией в Chrome Web Store.
Задачи:
[:2714] Аудит и исправление кода – необходимо проверить корректность работы расширения и устранить возможные ошибки
[:2714] Оптимизация логики работы – адаптация и улучшение функционала согласно техническому заданию
[:2714] Обновление интерфейса – внедрение нового UI (готовый макет в Figma) в код
[:2714] Интеграция переводов – переведенные тексты уже готовы, их необходимо встроить в код
[:2714] Проверка API – API подключено, требуется его тестирование и окончательная интеграция
Необходимые навыки:
[:1f539] Уверенное владение native JS, TypeScript, React, Node.js
[:1f539] Опыт создания Chrome-расширений и их публикации в Chrome Web Store
[:1f539] Навыки работы с API и интеграцией сторонних сервисов
[:1f539] Знание основ UI/UX для корректного внедрения обновленного интерфейса
Скрипты и боты
Опубликован: 21.03.25 11:49
Бюджет: 30000 руб.~$374.49
Верстка сайтов из одного блока и поп-апа html, css, js
Необходимо верстать сайты из одного блока и поп-ап (присутствуют анимации поэтому знания js обязательны). Обязательно соблюдение структурирования файлов.
Ищу исполнителя с опытом и не на один заказ.
Один сайт - 1000 рублей.
Обязательно пишите ваш опыт и наличие отзывов обязательно.
Если умеете работать с Figma будет +
Верстка
Опубликован: 21.03.25 10:10
Бюджет: 1000 руб.~$12.49
Дизайн лендингa для Благотворительного фонда
Благотворительный фонд борьбы с цифровой зависимостью «Родные Дети»
1. Основное
основной сайт: https://fondrd.ru/
Цель: Лендинг для привлечения пожертвований.
ЦА: Родители, бизнес, госструктуры.
2. Требования
Блоки ленднга:
1) эмоциональный заголовок с подзаголовком и кнопкой «Пожертвовать»
2) Проблема которую мы решаем и статистика по проблеме
3) Решение: рассказать чем мы занимаемся (про нашу деятельность)
4) Призыв к действию. С кнопкой «пожертвовать»
5) еще один блок с кнопкой помощи.
Дизайн:
По брендбуку.
Эмоциональные фото (дети, семьи).
Минимум текста, акцент на кнопках и цифрах.
Адаптив под мобильные.
Пример: https://fondrd.ru/donat/
Техническое:
Разработка на figma для Bitrix.
3. Сроки и бюджет
Срок: 1–5 дней.
Бюджет: 5000 руб. за вариант.
4. Дополнительно
Бесплатные правки после сдачи.
При успешной реализации — долгосрочное сотрудничество.
Веб и мобильный дизайн
Опубликован: 21.03.25 09:20
Бюджет: 10000 руб.~$124.83
Собрать фронт по проекту на Vue3
У нас есть рабочий проект на Laravel, это сайт с возможностью размещения объявлений, с системой личных кабинетов пользователей, с панелью управления для админа. Мы разрабатываем для него новые модули с программой лояльности типа UDS. Написано подробное ТЗ, готовы дизайн-макеты, есть бэкенд-специалист и сисадмин в проекте.
Сейчас ищем Vue-разработчика на фронтэнд, который сможет собрать все по макетам в Фигме.
Ссылка на макеты: https://www.figma.com/design/1ilzpIVxk4JAigQ8SdpGO2/BIGON?node-id=9-5631&node-type=section&t=s9sAhR0gvVvcnzYt-0
Работы много, мы готовы к долгосрочному сотрудничеству. Интересуют только частные ответственные исполнители. Кто боится сложных задач и кому вечно некогда - просьба не беспокоить! Перед наймом будем внимательно изучать ваше портфолио!
Деньги на работу есть, на проект серьезные намерения. Уже готовы начать с вами работу.
Верстка
Опубликован: 21.03.25 08:57
Бюджет: 150000 руб.~$1872.43
Сверстать из figma главную страницу
Добрый день, необходимо сверстать в html адаптивную версию главной страницы
Картинку прикрепляю. Напишите пожалуйста цену и срок
Верстка
Опубликован: 21.03.25 06:45
Бюджет: 7000 руб.~$87.38
Расширение Chrome (React + Node.js + TypeScript)
Ищем full-stack разработчика для создания Chrome-расширения, которое помогает пользователям решать математические задачи с помощью AI. Требуется владение React, Node.js, TypeScript и знание Chrome Extensions API.
Основной функционал:
- Распознавание задач со скриншота (OCR, Tesseract.js или альтернативы).
- Выбор режимов решения (напр., ответ, пошаговое объяснение),
- Интеграция с OpenAI API (GPT-4) для генерации решений и объяснений.
- Popup-интерфейс Chrome-расширения (React, TypeScript), дизайн есть в figma
- Дополнительные функции: выбор языка, настройка аккаунта, платные тарифы.
Что нужно сделать:
- Разработать Chrome-расширение с нуля на React + TypeScript.
- Создать бэкенд на Node.js для обработки изображений и взаимодействия с AI.
- Оптимизировать OCR для точного распознавания уравнений.
- Обеспечить быструю работу, кэширование запросов и минимизацию задержек API.
Требования:
- Опыт работы с Chrome Extensions API.
- Навыки работы с OCR (Tesseract.js / Mathpix / Google Vision API).
- Опыт интеграции OpenAI API (GPT-4) или других LLM.
- Оптимизация производительности в браузере.
Сроки: 2-4 дня
Бюджет: готовы обсудить
Откликаясь, расскажите о своём опыте с указанными технологиями, приведите примеры успешных проектов, и укажите стоимость за выполнение.
Скрипты и боты
Опубликован: 20.03.25 23:53
Бюджет: 60000 руб.~$748.98
Многостраничный сайт Figma
Нужен специалист для разработки многостраничного сайта. Вот основные требования:
1 - Прежде всего, необходимо создать прототип и дизайн в Figma. Использование Tilda не подходит. Верстка не требуется, но сайт должен быть адаптирован под мобильные устройства, планшеты и ПК.
2 - Важно активное взаимодействие. Необходимо обсуждать, предлагать улучшения и совместно дорабатывать каждый блок и страницу. Готовые решения без диалога не интересуют.
3 - Проект должен быть сдан за 20 дней.
4 - Сайт должен быть нестандартным, удобным для пользователей и соответствовать специфике бизнеса. Требуется тщательный анализ ниши с учетом интуитивной навигации и современного дизайна.
Этапы реализации включают разработку и согласование прототипа, где будут указаны расположение текстов, изображений, видео и размеры шрифтов. Затем необходимо создать и утвердить дизайн. В конце будет произведена финальная сдача проекта с передачей всех исходных файлов.
Условия приемки работы следующие: работа должна быть выполнена качественно, а все доработки осуществляются до полного одобрения заказчиком.
Тз и подробную информацию отправим испольнителю.
Перед тем как предложить свои услуги, внимательно ознакомьтесь с описанием проекта. Спасибо за внимание!
Веб и мобильный дизайн
Опубликован: 20.03.25 18:30
Бюджет: 20000 руб.~$249.66
Создание проекта в Next.js
Здравствуйте, есть готовый макет в Figma. Необходимо разделить его на отдельные компоненты и интегрировать в проект на Next.js, обеспечив адаптивность и функциональность интерфейса.
Создание сайта
Опубликован: 20.03.25 18:15
Бюджет: 5000 руб.~$62.42
Какую CMS выбрать? (небольшой интернет магазина услуг)
Сейчас делаю небольшой интернет магазин услуг на 20-30 позиций. В нем надо будет выставлять счета, получать оплаты, будет партнёрка с реферальной ссылкой. Будет интегрирован чат бот(телеграм и ВК).
На днях буду отдавать макет в вёрстку(внешняя сторона лендинга), макет тут: https://www.figma.com/design/eY1AlokGBwKZLtwQogHrPW/Vprofi-v5?node-id=0-1&p=f&t=If6YnwFAePujyr03-0
.
Предварительно решили что верстать будем на html, css, js;
.
У меня вопрос и предварительно ищу подрядчика на бекенд разработку, на каком движке мне лучше сделать сайт под мои задачи?
Доработка и настройка сайта
Опубликован: 20.03.25 18:10
Бюджет: 40000 руб.~$499.32
Верстка сайта для Word Press
Десктопный, мобильный и планшетный дизайн готов в figma. Требуется верстка сайта, который включает:
- Главную страницу
- 7 страниц, каждая из которых посвящена отдельной услуге
- Страницу "О компании"
- Главную страницу блога
- Пример статьи в блоге для последующих публикаций
- Юридическую информацию: политику конфиденциальности, обработку персональных данных и пользовательское соглашение
Буду признателен за ваше предложения=е
Верстка
Опубликован: 20.03.25 17:13
Бюджет: 100000 руб.~$1248.29
Верстка сайта на TILDA
Здравствуйте!
Необходимо сверстать сайт-визитку на TILDA (десктоп и мобильная версии), ищу исполнителя.
Дизайн desktop-версии: https://www.figma.com/design/Vz1vDzmJk8zLXcIkPTsaBm/MAX_SITE?node-id=0-1&t=eXGpWIutYVw5YkXX-1
Дополнительные комментарии по разным элементам:
1. Слоганы под заголовком "Наш Showreel" - сменяющие друг друга тексты.
2. Логотипы клиентов - непрерывно движущаяся лента.
3. Видео из раздела "Примеры наших работ" - горизонтальный скроллинг, должна быть возможность добавлять новые видео по мере их появления (без админки, просто понятный участок кода, который можно скопировать с новым именем файла). Видео хотелось бы заливать на хостинг и использовать собственный плеер.
4. Карточки из раздела "Плюсы работы с нами" - непрерывно движутся, также нужна возможность перемещать их вручную (горизонтальный скроллинг).
5. Телефоны, кнопки мессенджеров, почта - делаем активными ссылками.
Верстка
Опубликован: 20.03.25 16:16
Бюджет: 40000 руб.~$499.32
Обновление дизайна платформы для поиска тендеров
Техническое задание для дизайнера (визуал, без верстки)
Срок: 3 дня | Стиль: Футуристичный, акцент на холодный зеленый (#00FF9D / #00C875)
Цель
Обновить дизайн платформы для поиска тендеров, сделав его современным, удобным и технологичным.
Основные требования
Стиль:
Темная тема: фон — темно-синий (#0A1A2F), акценты — холодный зеленый, неоновый голубой/фиолетовый.
Светлая тема: фон — белый, акценты — холодный зеленый, темно-синий.
Градиенты: для заголовков и кнопок (холодный зеленый → голубой).
Главная страница:
Hero-секция: заголовок с градиентом, анимированные частицы на фоне.
Поиск тендеров: строка с иконкой-лупой, 3 карточки функций (иконка + текст).
Блок «Все тендеры»: 4 подблока (актуальные, поиск по отраслям, архивы, планируемые).
Расширенный поиск: фильтры по классификаторам, регионам, этапам закупки.
Преимущества платформы: 3 карточки с иконками (анимация при наведении).
Подвал: контакты, навигация, форма подписки (акценты на холодный зеленый).
Информационные страницы:
«Как начать»: 3 шага с нумерацией в кругах.
«Техподдержка»: контактная форма с кнопкой в холодном зеленом.
Адаптивность:
Упрощенные макеты для мобильных: вертикальная сетка, минимум анимаций.
Технические условия (Figma)
Компоненты: кнопки, карточки, иконки.
Auto Layout для адаптивных блоков.
Прототипы: базовые hover-эффекты, переходы.
Веб и мобильный дизайн
Опубликован: 20.03.25 15:46
Бюджет: 10000 руб.~$124.83
Создать шаблон презентации в PowerPoint (дизайн есть)
Здравствуйте! Есть шаблон презентации в Figma, его нужно перевести в PowerPoint
Вот фигма https://www.figma.com/design/TafctTBkOkRmAikYQDhJzY/AstraZeneca-%E2%80%94-%D0%94%D0%B8%D1%81%D0%BA%D1%83%D1%81%D1%81%D0%B8%D0%BE%D0%BD%D0%BD%D1%8B%D0%B9-%D0%9A%D0%BB%D1%83%D0%B1-(Copy)?node-id=11-24&t=VkAmf3mF35UkoJbT-1
Ключевая задача: этой презентацией должно быть легко пользоваться и редактировать, ее как шаблон будут использовать много людей, поэтому там должны быть мастер слайды и вот это все. Я не очень в этом разбираюсь, поэтому описываю только цель этой задачи — все должны мочь пользоваться этим шаблоном, чтобы сохранялся стиль
Презентации и инфографика
Опубликован: 20.03.25 15:20
Бюджет: 8000 руб.~$99.87
Доработка Chrome-расширения
Мне нужен разработчик React + Node.js (Typescript) для доработки Chrome-расширения
О проекте: Chrome-расширение на основе ИИ для генерации промптов (идей) для написания текстов, книг. Уже есть готовый рабочий прототип, но его нужно доработать перед публикацией в Chrome Web Store.
Цена - по договоренности
Что нужно сделать:
[:2705] Проверить код: убедиться, что все работает корректно, внести исправления
[:2705] Оптимизировать логику работы расширения: скорректировать работу согласно техническому заданию
[:2705] Обновить интерфейс в коде: новый UI уже разработан в Figma, необходимо внедрить его в расширение
[:2705] Интегрировать переводы: тексты переведены, требуется их внедрение в код
[:2705] API уже готово, требуется проверка и финальная интеграция
Требования:
[:1f539] Опыт работы с native JS, Typescript, React, Node.js
[:1f539] Опыт разработки Chrome-расширений
[:1f539] Опыт работы с API и интеграцией сторонних сервисов
[:1f539] Понимание UI/UX (чтобы корректно внедрить обновленный интерфейс)
Скрипты и боты
Опубликован: 20.03.25 15:16
Бюджет: 30000 руб.~$374.49
Доработка сайта WP
Необходимо доработать некоторые блоки на сайте https://zipline-park.ru/
Необходимые правки помечены комментарием с буквой Р (для примера на ПК версии). В комментарии подробное описание действия.
Дизайн https://www.figma.com/design/hrkifXfAl7EjfXWvxSFB0N/Дизайн-Зиплайн?node-id=0-1&p=f&t=skjeadS9Gr0pZ7bC-0
Правки относятся ко всем разрешениям экрана, ПК, планшетной и мобильной версии.
Они расположены рядом.
Все что в правой части за красной линией не относится к задачам.
Доработка и настройка сайта
Опубликован: 20.03.25 14:17
Бюджет: 26000 руб.~$324.56
SMM-специалист/ассистент маркетолога
Ищу опытного SMM-специалиста/ассистента руководителя отдела маркетинга для продвижения в социальных сетях и для гео-продвижения компании по пассажирским перевозкам (Логистическая Транспортная Клмпания).
Основные задачи:
[:2714]анализ конкурентов в соцсетях - анализ показателей продвижения, подбор референсов, поиск интересных форматов и стратегий
[:2714]создание стратегии SMM-продвижения и концепции упаковки/позиционирования (совместно с руководителем)
[:2714]разработка эффективного контент-плана
[:2714]грамотное написание текстов и оформление постов (+уметь проставлять и анализировать UTM-метки), ведение с нуля аккаунтов компании, привлечение подписчиков, публикация постов/сториз/рилс в нескольких соцсетях (Вконтакте, Телеграм, Инстаграм, ОК, возможно подгрузить пару видео на Рутуб)
[:2714]редко - работа в Figma/Canva/Photoshop или другом графическом редакторе (для мелких корректировок или решения срочных задач, а вообще дизайнер в компании есть),
создание и ведение канала на Дзен
[:2714]выполнение дополнительных задач по поручению руководителя (например, создание Таплинк со ссылками, поиск подходящих блогеров/Телеграм-сообществ для рекламы, настройка рассылки...)
[:2714]внедрение современных механик продвижения
[:2714]администрирование сообществ
[:2714]заполнение карточек компании на Картах
[:2714]выполнение прочих маркетинговых задач
[:2714]построение маркетинговых воронок, например, в BotHelp, Senler.
[:2714]монтаж коротких вертикальных видео в CapCut
Соцсети и SMM
Опубликован: 20.03.25 13:43
Бюджет: 80000 руб.~$998.63
Подготовить CSS по макету
СРОКИ: (к 18.00 МСК пятнице, 21-го марта)
задача: необходимо подготовить 2 шт. CSS по макету в PSD и предыдущим образцам (в Figma и готовые, рабочие образцы CSS)
1. Для разрешения 1920х1080 (см. пример 1, загружается на обычный сайт).
2. Для разрешения 720х1280 (см. пример 2, загружается в веб. приложение, там Bootstrap, должно само адаптироваться под телефон, для примера дизайна обычно макет в .png в таком разрешении: 375x805).
Когда оформленное CSS размещается в необходимом месте, то основные данные (текст, фото, % и т.д.) "подтягиваются" из системы.
Задача оформить в нужной стилистике и чтобы данные корректно отображались. В готовых образцах всё можно подсмотреть (предоставлю по запросу).