Описание:Ищем опытного fullstack-разработчика с глубоким пониманием CMS Bitrix. Задача — выполнение кастомной верстки и доработок на базе предоставленных макетов, а также интеграция всей верстки с админкой Bitrix. Важно соблюдение всех современных стандартов безопасности, производительности и надежности.Основные задачи:Кастомная адаптивная верстка по макетам (Figma)Макеты: Будут предоставлены макеты в Figma с использованием UI Kit, включая как настольные, так и мобильные версии. Макеты адаптированы под три основные категории разрешений:Мобильные устройства: 320–639 пикселей.Планшетные устройства: 640–1023 пикселей.Десктопные устройства: 1024–1440+ пикселей.Требования к верстке:Верстка должна быть адаптивной и работать по принципу резиновой верстки на основе rem, с пропорциональным масштабированием элементов.Строгое соответствие стандартам w3c и xHTML Strict, с использованием CSS. Все стили должны быть вынесены в файл style.css, который будет храниться в папке /css/.JavaScript файлы должны храниться в папке /js/.Структура файлов и директорий должна быть организованной.Требования к коду:HTML-код должен быть структурирован, а стили на английском языке. У всех ссылок и изображений должны быть прописаны атрибуты title и alt.Верстка должна корректно отображаться во всех современных браузерах.Все данные сайта должны храниться в структурированном виде под управлением реляционной СУБД MySQL. Исключения составляют файлы данных, предназначенные для просмотра и скачивания (изображения, видео, документы и т.п.). Такие файлы сохраняются в файловой системе, а в БД размещаются ссылки на них. Статичные данные хранятся в файлах согласно рекомендациям разработчика CMS «1С-Битрикс: Управление сайтом».Все ссылки на сайте должны быть относительными (за исключением внешних). Внешние ссылки всегда открываются в новой вкладке.При несовпадении пропорций загружаемой картинки и пропорций стандартизированного изображения происходит симметричная обрезка изображения с нужной стороны: при горизонтальной ориентации изображения обрезка должна происходить слева и справа, при вертикальной — сверху и снизу. Обрезка не заменяет масштабирование, а только дополняет его — изображение обрезается до совпадения пропорций, а затем масштабируетсяСайт должен предусматривать загрузку изображений любого размера, любой ориентации, а также изменение размера изображений в зависимости от состояний изображений, предусмотренных дизайн-макетами сайта.Объем одной стандартной загружаемой страницы сайта (с учетом изображений) в среднем не должен превышать 5 МБ.Требования к серверной и публичной части проекта:Серверная часть:Операционная система семейства Unix на базе ядра Linux (CentOS, Debian и др.).Обязательное использование Nginx в качестве веб-сервера.PHP-fpm версии 8.1 и выше.CMS — 1С-Битрикс.СУБД — MySQL 5.7 и выше. Весь контент должен храниться в базе данных с использованием стандартных таблиц 1С-Битрикс.Контент должен быть логически распределен по инфоблокам и HL-инфоблокам 1С-Битрикс.Модель данных и используемые таблицы должны быть описаны в документации проекта в процессе разработки.Публичная часть:Twig версии 3.0 и выше.HTML 5 для разметки.CSS 3 для стилизации.JavaScript для интерактивных элементов на сайте.Подключение верстки к админке BitrixВся кастомная верстка должна быть интегрирована с системой управления контентом (админкой) Bitrix.Администраторы сайта должны иметь возможность редактировать все контентные блоки страниц через админку.Верстка должна быть максимально гибкой и легко управляемой через админскую панель Bitrix.Документация по использованию админкиРазработчик должен предоставить подробную документацию по использованию админки Bitrix для управления контентом на сайте.В документации должны быть четко описаны шаги для редактирования контента, добавления новых страниц, работы с элементами верстки и настройками адаптивности.Требования к поддержке браузеровСайт должен поддерживать корректное отображение в последних версиях следующих браузеров: Google Chrome, Firefox, Яндекс.Браузер, Opera, Safari.Для устаревших версий браузеров должно выводиться уведомление с предложением обновить браузер.Производительность и нагрузкаСайт должен поддерживать 10 обращений в секунду с возможными всплесками до 30 обращений в секунду.Разработчик будет проводить нагрузочное тестирование с использованием платформы Loader.io для оценки следующих параметров:Общее количество запросов в секунду (RPS).Время отклика сервера.Тестирование будет проводиться на сервере с характеристиками:4 ядра CPU 2,5 ГГц.4 Гб ОЗУ.SSD для хранения данных.Требования к надежностиСайт должен быть размещен на отказоустойчивой архитектуре, с ежедневным резервным копированием базы данных.При сбоях электропитания сайт должен автоматически восстанавливать свою работу.Требования к безопасностиВключение всех актуальных настроек безопасности CMS Bitrix, защита от SQL-инъекций, XSS и фишинга.Запрет доступа к административной панели из внешней сети.Сканирование безопасности сайта с использованием встроенных инструментов Bitrix.Защита информации от несанкционированного доступаНастройка системы прав доступа с ролями и категориями пользователей.Защита сессий пользователей и персональных данных.Надежность при аварияхСохранность информации при сбоях за счет создания и восстановления резервных копий.Требования:Опыт работы с CMS Bitrix, включая кастомные доработки и интеграцию верстки с админкой.Навыки работы с макетами Figma и адаптивной версткой.Опыт в обеспечении безопасности и оптимизации производительности Bitrix-сайтов.Навыки работы с Redis и нагрузочным тестированием.Умение составлять понятную документацию для пользователей админки.
1. Создать макет объявления с логичными якорными объектами
2. Результат работы: ссылка на Figma с вашим макетом или... руб
Графический дизайн
Опубликован: 21.01.25 08:12
Бюджет: 500 руб.~$6.25
Дизайн в Figma
Необходимо на основе готовой картинки сделать новую с изменёнными данными из Эксель. Картинка в фигме имеется.
Веб и мобильный дизайн
Опубликован: 21.01.25 08:08
Бюджет: 1000 руб.~$12.49
Верстка на React с использованием макета
У каждого свой персональный макет.
Ваша задача сверстать сайт по макету
Сайт делаем на окружении React
Все повторяющиеся элементы в макетах(карточки товаров, кнопки, заголовки и тд.) должны быть вынесены в отдельные компоненты.
https://www.figma.com/design/z7pI5P2rQdEGKwHvsxRTr6/%D0%9A%D0%B0%D0%BB%D0%BE%D1%88%D0%B8%D0%BD?node-id=0%3A1&t=ymEicxwbgr80v3qP-1
Верстка
Опубликован: 21.01.25 07:51
Бюджет: 5000 руб.~$62.42
Отверстать 5 небольших экранов под bootstrap5 адаптивно
приветствую, делаем редизайн небольшой
есть макеты админки - нужно разверстать их адаптивно (от 375пкс до 2550пкс) под bootstrap5, используя методологию BEM
- макеты в figma
- для адаптива на мобиле используем типовое бургер меню, лого посередине.
- для селектов: .styler()
- для темной темы: просто фон экрана делаем темным, а шрифты светлыми - для этого делаем несколько классов dark-theme на body
файл фигма вышлем в рамках переписки и оценку по срокам
ждем ссылок на ваши работы
Frontend
Опубликован: 21.01.25 07:14
Бюджет: 5500 руб.~$68.66
Создание баннера рекламного на Figma
Создать баннер рекламный для интернет магазина автозапчастей.
Пример приложил, жду предложения и цены и сроки.
Веб и мобильный дизайн
Опубликован: 21.01.25 06:18
Бюджет: 4000 руб.~$49.94
Разработка баннера с квизом на битрикс1с
Разработка баннера по макету - https://www.figma.com/design/nvokhnIu5ne3E9papS8TZM/Untitled?node-id=0-1&m=dev&t=BgPTXEn1Oi7UH6Dv-1
Сайт на битрикс1с.
Необходимо:
- Для десктопной версии
- Для мобильной версии
- Разработка "Квиза" ( https://photo-screen.ru/i/gzucde95m ) под баннер
На текущий момент необходима стоимость и сроки. Более подробно предоставим после выбора.
Доработка и настройка сайта
Опубликован: 21.01.25 04:11
Бюджет: 10000 руб.~$124.83
Мини-верстка на скорую руку
Нужно быстренько доверстать 1 последнюю секцию с формой, добавить ссылки в футер, добавить адаптив. Макет учебный, пиксель перфект не нужен. Любой верстальщик справиться за 1 час
Требования:
1.Вёрстка должна быть адаптивной с минимальным разрешением для отображения 320px (Адаптив делается на Ваше усмотрение, однако при любом разрешении страница должна корректно отображаться в браузере)
2.В вёрстке все ресурсы должны быть подключены локально
3. Форма должна быть подготовленной к работе (каждое поле должно быть input[name='...']).
4, Шапка (header) должна прилипать к верху страницы при скролле c затемнением фона.
5. В итоговом проекте должны быть только обычные файлы html/css/js (без препроцессоров и сборщиков).
прислать все также архивом, свой архив прилагаю.
Срок до 20:00 по МСК сегодня
https://www.figma.com/design/Bxaf0gbgU9jlZPJ9IJWP9r/test_mst?node-id=65-571&t=40bm5AFBvwiIsSli-0
Буду рад, если сделаете замечания по верстке , архив прикрепляю
Верстка
Опубликован: 21.01.25 04:03
Бюджет: 2000 руб.~$24.97
Редизайн страницы сайта figma
Есть страница с простейшие формой заполнения, её нужно редизайнуть.
https://mixerthai.pro/app
адаптация под ПК и мобилки.
Веб и мобильный дизайн
Опубликован: 21.01.25 03:56
Бюджет: 2000 руб.~$24.97
Доработка REST API Ruby on rails
Требуется доработка Rest api для взаимодействия с мобильным приложение (интернет-магазин косметики). Серверная часть на Ruby on Rails.Входные данные:- Макет мобильного приложения Figma- Текстовый файл с описанием АПИ: https://disk.yandex.ru/d/HWZASW9yZzeE1Q- Проект на RoR - интернет-магазин, https://www.wbc-c.r- АПИ контроллер с частично реализованным АПИ (примерно 30% проекта, все основные эндпоинты прописаны, но захардкожены заглушечные данные)- База данных Postgres- Программист, который все это делал и может подсказать откуда что подтянуть, но которому сейчас некогда заниматься проектомТребуемый результат: все эндпоинты должны быть «живыми» - отдавать реальные сохраняемые в базе данные, и покрывать все потребности мобильного приложения.Для недостающих объектов нужно будет добавить в базу необходимые таблицы или колонки (таких немного).В проект нужно будет вникнуть. Не на все вопросы заранее есть ответы, но если задачей заняться сразу и оперативно их задавать, то проект не займет много времени. Если формат взаимодействия всех устроит, то возможна дальнейшая работа над проектом (доработка интернет-магазина)
Backend
Опубликован: 20.01.25 16:30
Бюджет: 20000 руб.~$249.66
Подготовить 5 дизайн-макетов страницы About Us Desktop
Я работаю в международной компании, одной из топ-10 в своём сегменте, которая производит мотоциклы.
У компании есть сеть международных интернет-магазинов, на сайтах которых клиенты в разных странах могут оформить заказ на байк, квадроцикл, эндуро и так далее.
Сейчас есть задача на таких сайтах разместить страницу About Us - информацию о компании с текстом об истории, философии, миссии компании.
Есть тексты, которые необходимо разместить на странице.
Необходим веб-дизайнер, который в Figma сможет подготовить 5 разных страниц в десктоп версии, так как заказчик хотел бы увидеть несколько разных вариантов стилевых реализаций таких страниц.
Референсы, ссылку на нашу компанию и прочую информацию пришлю вам в личных коммуникациях при выборе вас как исполнителя.
Веб и мобильный дизайн
Опубликован: 20.01.25 15:31
Бюджет: 5000 руб.~$62.42
Шаблон изображения товара для Яндекс.Товары
Необходимо создать изображение товара без использования ИИ согласно требованиям яндекса:
- Товар на фотографиях должен располагаться на белом или контрастном однотонном фоне, по центру и быть достаточно крупным, чтобы его можно было рассмотреть.
- Изображение на фотографиях должно соответствовать названию товара.
- На изображении запрещены рекламные надписи, адреса сайтов, почты, логотипы, водяные знаки, ценники, рамки, поля, тени, отражения.
- размер в пикселях — от 450 по каждой стороне;
ИЗображение создается для сайта esim365.ru. Продвигаемый товар - esim для интернета в какой либо стране, например Турции.
На карточке должна быть информация - про что товар и флаг страны
Работу необходимо сдавать в формате PSD или figma
Примеры конкурентов - https://ya.ru/products/search?text=%D0%BA%D1%83%D0%BF%D0%B8%D1%82%D1%8C+%D0%B5%D1%81%D0%B8%D0%BC+%D0%B4%D0%BB%D1%8F+%D0%BA%D0%B8%D1%82%D0%B0%D1%8F&lr=10435&from=tabbar
https://ya.ru/products/search?text=esim+%D0%B3%D1%80%D1%83%D0%B7%D0%B8%D0%B8+%D0%BA%D1%83%D0%BF%D0%B8%D1%82%D1%8C+%D0%B4%D0%BB%D1%8F+%D0%B8%D0%BD%D1%82%D0%B5%D1%80%D0%BD%D0%B5%D1%82%D0%B0&lr=213&suggest_reqid=431163105173737783500693024104502
Маркетплейсы и соцсети
Опубликован: 20.01.25 13:43
Бюджет: 3000 руб.~$37.45
Редизайн сайта на CMS Bitrix
Нужен редизайн сайта aesf.ru
Работает на CMS Bitrix
Айдентика, новый логотип:
https://drive.google.com/drive/folders/1qK1QDgzX7EphttDpL55eKYzrL7tAFKfk
Нужно понимание сколько времени нужно на подготовку макетов в figma,
Какая конечная стоимость проекта
Веб и мобильный дизайн
Опубликован: 20.01.25 13:25
Бюджет: 40000 руб.~$499.32
Отрисовать проект ландшафтного дизайна
Необходимо отрисовать схему ландшафтного проекта в двух ракурсах:
- Общую план схему в 3D
ТЗ и референсы по ссылке
https://www.figma.com/design/R76hsaX0znjF4XoTUpkUsM/PROJECT?node-id=496-2&t=JnrNdLpRakAZECXe-1
Интерьер и экстерьер
Опубликован: 20.01.25 13:06
Бюджет: 8000 руб.~$99.87
Упаковка профиля в Instagram - под ключ
Создать яркий и продающий профиль для Brandformance.uz
www.instagram.com/brandformance.uz/
Упаковка профиля должна соответствовать референсу, привлекать ЦА и способствовать увеличению вовлечённости и конверсий. Во вложении - проработки.
Объем работ:
1) Разработка визуала:
- Цветовая палитра, шрифты, элементы фирм. стиля.
- Аватар (адаптированный под фирм. стиль).
- Шапка + описание профиля с ключевыми смыслами и триггерами.
- Разработка уникального стиля для ленты (сеточная структура, оформление постов).
- Дизайн 9-12 постов в рамках нового стиля
- Оформление актуальных сторис (8-10 обложек), образец-референс во вложении, аватар в тот же цвет делаем.
- Универсальные макеты для постов (6-10)
- Шаблоны для сторис и рилс (6-10)
Формат и сроки:
[:1f4c5] Срок выполнения: 5 дней
[:1f4e9] Формат сдачи: эскизы в Figma/Canva > внесение в профиль + исходники PSD + PNG
[:1f4ac] Обратная связь и корректировки: 1-2 раунда правок
Референс:
Нам нравится профиль https://www.instagram.com/heroinmarketing (ярко, современно)
Крем отсюда шрифты, яркость оформления.
Важно - если мы размещаем названия известных компаний (youtube, meta, google) - мы должны использовать из узнаваемые фирменные знаки и написания.
Нам нравятся неоновые буквы, пятна, яркость с референса.
[:1f4a1]Таких заданий у нас много, задавайте вопросы, предлагайте пакетные решения, кворки, портфолио, все рассмотрим.
Соцсети и SMM
Опубликован: 20.01.25 13:05
Бюджет: 20000 руб.~$249.66
Дизайн
Создать SVG-картинки для внутренней части пинов, которые будут использованы на карте и встроены в кнопки. Эти изображения должны быть легко модифицируемы по цвету (черный, оранжевый).
- SVG-изображения должны корректно отображаться при наложении на внешние элементы (например, кнопки) и на карту.
- SVG-картинка должна содержать только внутреннюю часть пина, без внешнего контура.
- Внутреннюю часть пина нужно сделать в базовом черном цвете (fillColor).
https://www.figma.com/design/IZLQdTl1a2BuW1uYbmy1Gv/Untitled?node-id=1-408&t=K2mnHUyEzoYKkUtW-0
Веб и мобильный дизайн
Опубликован: 20.01.25 11:34
Бюджет: 1000 руб.~$12.49
Верстка дизайн макета figma pixel perfect с анимациями
Дизайн проекта реализован нашей командой business-up.org, так как фронтент специалист собирается в отпуск, нужно перехватить проект и закончить верстку
1. Необходимо проанализировать дизайн макет и его функционал https://www.figma.com/design/dBZvcQUtkHBvD6JsYcWxAU/Kapunov-%E2%80%93-%D0%9A%D0%BE%D1%80%D0%BF%D0%BE%D1%80%D0%B0%D1%82%D0%B8%D0%B2%D0%BD%D1%8B%D0%B9-%D1%81%D0%B0%D0%B9%D1%82-%D0%BD%D0%B0-%D0%BE%D1%86%D0%B5%D0%BD%D0%BA%D1%83?node-id=4585-3993&t=eXMvJFGvjy68iBnc-1
2. Необходимо посмотреть уже реализованную верстку и решения https://kapunov.buweb.ru/html/
3. Оперативно подхватить и работать в команде с проектным менеджером, дизайнером и фронтенд специалистом куратором
Подключится нужно сегодня к проекту.
В отклике в первую очередь вышлите ссылки на аналогичные по сложности работы.
Верстка
Опубликован: 20.01.25 11:21
Бюджет: 10000 руб.~$124.83
Создать key visual для оформления кредитной карты
Формат макета: А4 (210x297mm).
KV должен побуждать к действию: оформлению кредитной карты.
Сюжет: визуализировать в реалистичном стиле одно из УТП
из преимуществ карты, представленных на сайте на экране «А еще».
Визуализация должна представлять собой коллаж из разных изображений (можно с элементами 3d), не просто одно фото: нужно продемонстрировать навыки коллажирования/композитинга и ретуши.
Возможная конструкция для заголовка: «Оформи карту и ...
(одно из преимуществ с сайта на выбор)».
Шрифт: Inter
В KV должен быть интегрирован фирменный бренд-элемент «лепесток» на фоне.
В мастер-макете А4 должна быть построена сетка.
Собрать формат А4 нужно в Photoshop или в Figma.
Дополнительная задача (оплата отдельно) сделать анимацию на основе полученного KV: баннер (240х400рх) в After Effects в формате mp4.
Презентации и инфографика
Опубликован: 20.01.25 10:45
Бюджет: 2000 руб.~$24.97
Сверстать HTML-презентацию на Reveal.js
На основе макета в Figma реализовать HTML-презентацию на Reveal,js- 30 страниц - присутствует анимация аналогичная Flash- встроенный видеоплеер Необходимо, чтобы пользователь мог ставить видео на паузу, передвигать движок на нужный эпизод видео и запустить заново.сделать адаптивную верстку для того чтобы презентация работала на мониторах 1К и мобильных телефонах Экспорт HTML презентация в PDFReveal,jsImpress.js webslides.tvBeamerhtmlcss
Frontend
Опубликован: 20.01.25 09:41
Бюджет: 20000 руб.~$249.66
1 слайд презентации в Figma перенести из pptx
Есть слайд презентации в pptx. Готовый, вам не нужно ничего придумывать
1) Требуется превратить (перенести) его в шаблон макета в Figma. Макет должен быть редактируемым.
2) Исполнитель задания должен убедиться, что у меня макет открывается. Возможно, дать рекомендации, инструкции по его редактированию (мой уровень владения программой - открыть и поправить слова в уже созданном макете).
В исходнике PowerPoint текст набран шрифтом Montserrat. Для макета Figma использовать тот же шрифт (или максимально приближенный).
Презентации и инфографика
Опубликован: 20.01.25 08:57
Бюджет: 1500 руб.~$18.73
Верстка + натяжка на CMS Opencart.
Нужно сделать верстку сайта из FIGMA + натяжку на CMS Opencart (три страницы, Главная, Каталог, Товар). Ссылку на дизайн и подробности работы при обсуждении задачи.