x

Разработка сайта на Bitrix + Twig

Перейти к заказу
Описание:Ищем опытного 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 и нагрузочным тестированием.Умение составлять понятную документацию для пользователей админки.

Найдено 8449 результатов

Верстка 1й страницы сайта с Figma на CMS Битрикс

Сайт - https://zatishye.ru/ Реф - https://kislovodsk.plaza.spa/ Задача - функционал сайта остается прежним, нужно сверстать 1 страницу сайта с Figma на CMS Битрикс.

Верстка
Опубликован:
25.09.24 12:07
Бюджет:
5000 руб.~$62.42
Битрикс, поправить вид страниц по дизайну bitrix

1 - изменить внешний вид форм обратной связи "Заявка запчасти" и "Заявка сервис" согласно дизайна (деск топ + мобайл) 2 - формы должны открываться в виде модального окна с любой страницы сайта 3 - Каждая форма должна иметь "постоянный" урл при переходе на который открывается страница сайта с формой обратной связи. --- формы обратной связи уже есть на сайте и открываются модальными окнами всплывающее окно по клику на кнопках, формы на прикрепленных скринах. 4 - Дублировать (перенести) дизайн с одной страницы страницы на другу страницу, внести не существенные изменения (поменять изображение, скорректировать текст) см. скрин 5 - изменить страницу цен согласно дизайна (скрин как выглядит сейчас прикреплен) Дизайн: https://www.figma.com/design/N7tAWU06m9f9IAN8PERHio/Untitled?node-id=0-1&node-type=canvas&t=oO59wzyuJjABU9LT-0 Урл сайта передам потенциальным исполнителям Пишите ориентировочные цену и сроки, после того как посмотрите сайт - обсудим окончательные.

Верстка
Опубликован:
25.09.24 11:33
Бюджет:
8000 руб.~$99.87
Создание презентации стартапа + редактирование текста

Необходимо создать презентацию для стартапа (pitch deck) и отредактировать имеющуюся информацию. Сфера проекта - Фудтех Уже создана структура презентации и указана основная информация в Figma slides. Есть примеры презентаций, на которые нужно опираться. 12-15 слайдов

Презентации и инфографика
Опубликован:
25.09.24 11:18
Бюджет:
4000 руб.~$49.94
Консультация по созданию сайта или лэндинга в конструкторе

Нужна консультация дизайнера, верстальщика, веб-программиста, имеющего опыт использования конструкторов, например, Тильда, Wix, Elementor и т.д. Нужно будет создать страницу на выбор в конструкторе для Windows или Mac OS и дать рекомендации по его улучшению и упрощению. Процесс 60-минутная конференция с демонстрацией экрана на Вашей стороне в Skype, Zoom, Telegram на выбор. Мы предоставим ссылку на приложение для скачивания и установки на Ваш Windows или Mac OS, а также более детальную информацию по скайп или имейл, если требуется. Также возможно провести консультацию без установки приложения через Онлайн Версию или версию в WordPress или Joomla на нашей стороне. От вас Уверенная работа с Photoshop, Figma или опыт использования конструкторов Wix , Tilda или подобных. Вам нужно будет сравнить наш конструктор с тем, что уже использовали. ВНИМАНИЕ! Обязательные требования - необходимо иметь 1. Производительный компьютер, 2. Не менее 500мб свободного места на диске. 3. Стабильно быстрое интернет соединение и 4. Работающий микрофон для общения, 5. Установленные Skype и браузер, Также за день до консультации нужно сделать тестовой звонок в скайп, для проверки микрофона и демонстрации экрана.

Sites
Опубликован:
25.09.24 10:07
Бюджет:
1500 руб.~$18.73
Подготовка к печати

Необходимо подготовить к печати figma макеты в adobe illustrator тз в google doc https://docs.google.com/document/d/1kJGPlr5XrD1Q-jXDtfI_r8vdeWtsalL6zCfaS-qrkng/edit?usp=sharing

Полиграфия
Опубликован:
25.09.24 09:35
Бюджет:
2000 руб.~$24.97
Техническое задание на создание личного сайта врача

Привет! Меня зовут Акоп, я начинающий хирург, и сейчас я ищу специалиста, который поможет мне создать современный и функциональный сайт. Я уже подготовил дизайн в Figma, но мне нужно, чтобы этот проект был реализован максимально эффективно и качественно. Сайт станет моим инструментом для взаимодействия с пациентами, поэтому он должен быть удобным, красивым, безопасным и быстрым. Мне важно, чтобы сайт не просто выглядел стильно, но и помогал мне в работе с пациентами — от записи на прием до ведения их истории и анализа взаимодействий. Детально про цели, задачи и структуру функционал итд. в документах ниже! Если ты готов взяться за этот проект и создать что-то по-настоящему крутое и полезное, буду рад сотрудничеству. Давай обсудим детали и сделаем этот проект успешным! Свяжись со мной, если у тебя есть вопросы или предложения. Я на связи и готов обсуждать детали.

Создание сайта
Опубликован:
25.09.24 09:28
Бюджет:
110000 руб.~$1373.12
Дизайн банеров для тг

Работа в Figma Без референсов не пишите Нужен топовый дизайнер банеров для тг, ВК, и других соц сетей Тематика разная - цветы, бьюти, дизайн интерьеров, ремонты, корпусная мебель, двери, натяжные потолки Приаритет отдам опытным дизайнерам по мебельке Примеры прикрепляю Для этого кворка в рамках выше написанного нужно сделать 2 банера, к одному нужно сделать логотип

Маркетплейсы и соцсети
Опубликован:
25.09.24 08:18
Бюджет:
2000 руб.~$24.97
Создать многостраничный дизайн сайта в Figma

Создать многостраничный дизайн сайта (20+ страниц) с мобильной версией в Figma по примеру уже готовых сайтов.

Веб и мобильный дизайн
Опубликован:
25.09.24 07:51
Бюджет:
100000 руб.~$1248.29
Вертска каталога (Figma → InDesign)

Есть сверстанный каталог. Все страницы. Исходник лежит в Figma. Все растровые и векторные изображения готовы. Формат каталога 210х297 Верстку надо сделать по всем правилам допечатной подготовки. - отступы и вылеты - все расторовые изображение подключить через ссылки на PSD-файлы - все векторые изображение подключить через AI-файлы - Обложку положить отдельно. Крой есть.

Полиграфия
Опубликован:
25.09.24 07:49
Бюджет:
6000 руб.~$74.9
Верстка мобильного приложения по макету (html, css, js)

Есть дизайн в макете в Figma. Есть работающий сервис, можно посмотреть по этим ссылкам: Openspeedtest.ton и Openspeedtest.ton.sc (тут старый дизайн для понимания). В прикрепленном фото часть из макета для понимания стилистики. Потенциальным исполнителям вышлем макет в фигме. Есть файл с кодом старой версии сайта, где на JS реализованы смена языка и ряд процессов. Нужна верстка по макету и динамичность, в макете указаны два этапа подробно. Сроки исполнения пишите в откликах.

Верстка
Опубликован:
25.09.24 06:28
Бюджет:
24000 руб.~$299.59
Доработать сайт

1) Убрать города из поисковой строки и заменить их на кнопку поиска 2) Добавить кнопки приложений, привести футер в полное соответствие с макетом, там 4 колонки. Привести мобильный футер к соответствующему 3) Добавить логотип в мобильную шапку 4) В мобилке убрать стрелки у слайдера. Убрать категории сверху, вместо них сделать карусель как на десктопе, пример на скрине 5) Сделать такую страницу "О нас", Десктоп и мобильную Ссылка на макет: https://www.figma.com/design/Ljx5568c5huLrMbxLmVdmy/miro.com?node-id=177-33557&m=dev&t=hv3SanByWS76RaqI-1

Доработка и настройка сайта
Опубликован:
25.09.24 05:00
Бюджет:
12000 руб.~$149.8
Вёрстка по макету из Figma

Нужно сверстать в html по макету из Фигмы. https://www.figma.com/design/W29HImwvXBr4RVL8wQp60b/Mira?m=auto&t=tP8WZyISR2MjvF69-6 Прошу сделать на базе bootstrap, jq. Выезжающее меню можно на базе https://azmind.com/bootstrap-sidebar-menu/

Верстка
Опубликован:
25.09.24 03:23
Бюджет:
10000 руб.~$124.83
Создание страницы по дизайну с Figma

Основные требования: HTML5 и семантика: Использовать теги , , , для улучшения SEO. Адаптивность: Страница должна корректно отображаться на разных устройствах, используя подход mobile-first. CSS: Стилизация с помощью CSS3 или SCSS для лучшей модульности. Макет — Flexbox или Grid. Интерактивные элементы должны иметь ховеры. Шрифты и цвета: Подключить шрифты и цвета из макета Figma. Изображения: Оптимизировать и использовать в высоком разрешении (JPEG, PNG, SVG). Навигация: Меню должно быть интерактивным и работать на всех устройствах. Карточки товаров: Содержат фото, название, цену и кнопку "Добавить в корзину". Корзина: Возможность изменять количество товаров, оформление заказа. Тестирование: Кроссбраузерная совместимость (Chrome, Firefox, Safari, Edge). Ожидаемый результат: HTML-код, стили CSS, JS (если потребуется), оптимизированные изображения.

Верстка
Опубликован:
24.09.24 17:34
Бюджет:
20000 руб.~$249.66
Нужно оформление профиля, хайлайты + 9 постов

Мы — израильский сервис по чистке плесени и ищем специалиста для улучшения нашей соцсети. Предоставим доступы к Facebook, Instagram и почте, привязанной к этим аккаунтам. Так как мы находимся в Израиле, для работы потребуется использование израильского вэпиэна. Что предоставляем: Все аккаунты (Facebook и Instagram) уже настроены, есть кросспостинг из Instagram в Facebook. Логотип и наработки для хайлайтов, тонна текста для постов и тем. Файл в Figma с двумя готовыми постами и идеями для других. Примеры конкурентов для вдохновения. Что нужно от вас: Оформить существующие идеи постов и дизайн в Figma, сделать их более живыми и интересными. Если можете использовать AI-картинки по теме или AI-изображения людей — будет отлично. Дописать недостающие посты (всего нужно 9 постов). Настроить бизнес-аккаунты в обеих соцсетях, чтобы можно было запускать рекламу и собирать аналитику. Вы можете это сделать?

Соцсети и SMM
Опубликован:
24.09.24 16:00
Бюджет:
4000 руб.~$49.94
Frontend - Разработка части интерфейса личного кабинета

Экран Авторизации/Регистрация: Подтверждение почты; Форма восстановления пароля (Забыл пароль); Возможность авторизации через соцсети (если требуется). Профиль пользователя: Смена электронной почты; Смена пароля; Редактирование имени пользователя; Загрузка/изменение/удаление фото профиля; Просмотр политики конфиденциальности и лицензионного соглашения. Админ панель: Боковое меню с навигацией (Главная, Пользователи и т.д.); Список пользователей с возможностью поиска и фильтрации; Добавление/редактирование ролей пользователей; Добавление сервисов пользователям; Просмотр и редактирование проектов и оплат. Предпочтительный стек технологий: React (обязательно); Tailwind CSS или другая библиотека стилей по согласованию; Опыт работы с UI-библиотеками и дизайн-системами. Что предоставляем: Backend на Python (API уже готово); Макеты в Figma; Готовая UI-библиотека компонентов (если требуется). Что необходимо: Интеграция с backend через API; Адаптивная вёрстка (должна корректно отображаться на мобильных устройствах); Кросс-браузерная совместимость; Хорошая оптимизация по скорости загрузки; Тестирование на функциональность и соответствие макетам; Примерный расчет стоимости работы на основании предоставленных данных. Примечание: Мы не рассматриваем предложения от компаний и команд. Нам нужен исполнитель для проектной работы. Напиши нам: Предложения по стеку; Стоимость работы: Срок выполнения; И немного от себя

Верстка
Опубликован:
24.09.24 15:49
Бюджет:
20000 руб.~$249.66
Верстка 3 блоков и фоны по макету

https://www.figma.com/design/M2rSkxhtfxFP69cR0OJsRc/Untitled?node-id=0-1&node-type=canvas&t=zLfztiXiVKIkHoJp-0 Требуется сверстать 3 блока и установить фоны Также требуется адаптировать Для слайдеров использовать swiper js Сборка vite.js+html+scss+js+jq Исходники шапки и футера предоставлю, блоки сверстать отделяю scss по отдельным файлам 3 блока - 3 файла 1. блок "чем мы занимаемся" - слева переключение по слайдам, ховеравыделения думаю реально сделать через svg. Справа показаны слайды, которые будут меняться слева на право 2. "Примеры работ" - слева главный слайдер(может слайдеры в слайдере) с переключением фото, справа переключатель слайдера или же минатюры(их может быть больше 4-ёх, должен появляться скролл) 3. Отзывы - Да, блоки могут быть разных размеров, нужно сверстать, чтобы после через бек можно было легко вывести foreach Наверное через column-count, никогда такое не реализовывал или https://masonry.desandro.com/

Верстка
Опубликован:
24.09.24 15:44
Бюджет:
6000 руб.~$74.9
Создание приложения по макету Figma

Привет! Необходимо собрать мобильное приложение под андроид на основе готового макета в Figma. Весь дизайн уже разработан. Экранов не много. Ищем опытного разработчика. Приложение включает работу с картами (Google Maps) и радиусом поиска. Публикация в Google play. Примеры макета при обсуждении.

Мобильные приложения
Опубликован:
24.09.24 15:36
Бюджет:
60000 руб.~$748.98
Переделать презентацию по брендбуку

Необходимо 10 слайдов готовой презентации (слайды 11 и 12 не нужно) https://docs.google.com/presentation/d/1W8uj3jehy09RWrXY6m552Jw0bq39-Pvmu5b7KMhHXhM/edit#slide=id.g300e6b8318c_1_11 перевести в фигму по одному из шаблонов (берите любой понравившийся) https://www.figma.com/design/WYSHK8AYVnJHnh3jYD9s02/%D0%A0%D0%9E%D0%97-%D0%BF%D1%80%D0%B5%D0%B7%D0%B5%D0%BD%D1%82%D0%B0%D1%86%D0%B8%D1%8F?node-id=1766-3&t=YqnEg0QMqb2NDw5m-1 и навести красоту

Презентации и инфографика
Опубликован:
24.09.24 14:49
Бюджет:
4000 руб.~$49.94
Нужно сверстать HTML письмо

Нужно сверстать HTML письмо для создания красивого и адаптивного шаблона рассылки. Письмо нужно сверстать по макету из Figma. Обязательно сделать корректное отображение на всех популярных почтовых сервисах и устройствах. Нужно будет табличная вёрстка и минимально использовать CSS, чтобы было минимум проблем с отображением в почтовых клиентах.

Верстка
Опубликован:
24.09.24 13:27
Бюджет:
2000 руб.~$24.97
Корректировка сайта на битрикс

ТЗ 1 - изменить внешний вид контактных форм согласно дизайна (деск топ + мобайл) 2 - формы должны открываться в виде модального окна с любой страницы сайта 3 - Фома должна иметь "постоянный" урл при переходе на который открывается страница сайта с формой обратной связи. всплываюшее окно по клику на кнопках, "Оформить заявку сервис" и "оформить заявку запчасти" окна обратной связи которые открываются на странице будут открываться поверх любой страницы при клике на кнопки меню "оформить заявку" 4 Изменить страницу Запчасти согласно дизайна 5 изменить страницу цены согласно дизайна Дизайн: https://www.figma.com/design/N7tAWU06m9f9IAN8PERHio/Untitled?node-id=0-1&node-type=canvas&t=oO59wzyuJjABU9LT-0 Урл сайта передам потенциальным исполнителям Пишите ориентировочные цену и сроки, после того как посмотрите сайт - обсудим окончательные.

Доработка и настройка сайта
Опубликован:
24.09.24 12:10
Бюджет:
6000 руб.~$74.9

Текущая страница: 51

Всего страниц: 423