Сверстить и интегрировать макет с Figma на существующий сайт

HTML и CSS верстка, Веб-программирование — неверно указаны категории?

10 000 UAH

Проект переведен автоматически. Войдите или зарегистрируйтесь, чтобы увидеть оригинал Доброго дня!Предложите стоимость и время, которое Вам нужно для выполнения работ.Спасибо Вам!Общие требования: Разработка должна быть кросбраузерной и адаптивной.Использование методологии BEM для CSS классов.Семантическая, валидная и доступная HTML-разметка.Оптимизация изображений и использование SVG, где это возможно.Использование препроцессоров CSS, таких как SASS или LESS.Адаптивный дизайн: Создание версий для разных размеров экранов в соответствии с брейкпойнтами, определенными в дизайне.Верстика должна быть гибкой и адаптивной к различным устройствам.Компоненты дизайна: Отделить и использовать повторяемые элементы, такие как кнопки, заголовки, карточки товаров и т.д.Разработка модальных окон, табов, слайдер в соответствии с дизайном.Интерактивность: Опишите ожидаемое поведение интерактивных элементов: состояния для :hover, :focus, активных элементов.Анимации и переходы, которые нужно реализовать, поговорим о SEO и доступности: Использование правильных метаданных для каждой страницы.Обеспечение доступности элементов управления для клавиатурного навигации и читателей экрана.Оптимизация: минимизация CSS и JavaScript.Использование техники линейного загрузки для изображений и другого контента.Валидация кода: проверка кода через W3C Validator.Использование букв для CSS и JS.Тестирование: Тестирование верстки в последних версиях основных браузеров (Google Chrome, Firefox, Safari, Edge).Проверка на мобильных устройствах (iOS, Android).Работа: Создание документации по коду.Создание кода через систему управления версиями, например, Git.Установите сроки для каждого этапа проекта, обсудим Настройка контента: Реализировать систему управления контентом для легкого добавления и обновления материалов сайта.Используйте сумки и сниппеты для динамических элементов сайта.SEO и аналитика: Оптимизировать сайт для поисковых систем, установить мета-теги и использовать дружественные URL.Интегрировать инструменты веб-аналитики, например Google Analytics.Тестирование: Провести функциональное и грузовое тестирование сайта.Исправить ошибки, обнаруженные во время тестирования.Документация: Создайте техническую документацию для сайта, включая описание используемых плагинов и шаблонов.Удача проекта: Передать полностью функциональный сайт заказчику.Укажите инструкции для администраторов сайта по работе с CMS.Поддержка и обновление: Рассмотрим Дополнительные компоненты: установить и настроить необходимые приложения, плагины или пакеты, чтобы расширить функциональность MODX.Безопасность сайта: Обеспечить защиту от известных уязвимостей и атак.Реализовать резервное копирование и восстановление сайта.Опубликовать подобный проект

Обновление #1 от 7 ноября 2023

Добро пожаловать!Предложите стоимость и время, которое Вам нужно для выполнения работ.СМС - MODX Revolution 2.8.4-пл Послание даю отдельно.Дизайн готов.Общие требования: Разработка должна быть кросбраузерной и адаптивной.Использование методологии BEM для CSS классов.Семантическая, валидная и доступная HTML-разметка.Оптимизация изображений и использование SVG, где это возможно.Использование препроцессоров CSS, таких как SASS или LESS.Адаптивный дизайн: Создание версий для разных размеров экранов в соответствии с брейкпойнтами, определенными в дизайне.Верстика должна быть гибкой и адаптивной к различным устройствам.Компоненты дизайна: Отделить и использовать повторяемые элементы, такие как кнопки, заголовки, карточки товаров и т.д.Разработка модальных окон, табов, слайдер в соответствии с дизайном.Интерактивность: Опишите ожидаемое поведение интерактивных элементов: состояния для :hover, :focus, активных элементов.Анимации и переходы, которые нужно реализовать, поговорим о SEO и доступности: Использование правильных метаданных для каждой страницы.Обеспечение доступности элементов управления для клавиатурного навигации и читателей экрана.Оптимизация: минимизация CSS и JavaScript.Использование техники линейного загрузки для изображений и другого контента.Валидация кода: проверка кода через W3C Validator.Использование букв для CSS и JS.Тестирование: Тестирование верстки в последних версиях основных браузеров (Google Chrome, Firefox, Safari, Edge).Проверка на мобильных устройствах (iOS, Android).Работа: Создание документации по коду.Создание кода через систему управления версиями, например, Git.Установите сроки для каждого этапа проекта, обсудим Настройка контента: Реализировать систему управления контентом для легкого добавления и обновления материалов сайта.Используйте сумки и сниппеты для динамических элементов сайта.SEO и аналитика: Оптимизировать сайт для поисковых систем, установить мета-теги и использовать дружественные URL.Интегрировать инструменты веб-аналитики, например Google Analytics.Тестирование: Провести функциональное и грузовое тестирование сайта.Исправить ошибки, обнаруженные во время тестирования.Документация: Создайте техническую документацию для сайта, включая описание используемых плагинов и шаблонов.Удача проекта: Передать полностью функциональный сайт заказчику.Укажите инструкции для администраторов сайта по работе с CMS.Поддержка и обновление: Рассмотрим Дополнительные компоненты: установить и настроить необходимые приложения, плагины или пакеты, чтобы расширить функциональность MODX.Безопасность сайта: Обеспечить защиту от известных уязвимостей и атак.Реализовать резервное копирование и восстановление сайта. Войдите или зарегистрируйтесь, чтобы увидеть оригинал

Ставки 3 Отозванные 1 Обсуждения 5

Artem S. 7 ноября 2023

Добрий день. За Вашими вимогами тільки підготовка займе 1000 грн))

Andrii Miller

7 ноября 2023

Доброго дня.
Читайте уважно публікацію.
Дякую!

Людмила К. 7 ноября 2023

заголовок проекта нужно тогда выкинуть
так и пишите что разработка под ключ начиная с дизайна
а не
Зверстати та інтегрувати макет з Figma на існуючий сайт

Людмила К. 7 ноября 2023

извиняюсь. не туда

Людмила К. 7 ноября 2023

а макеты прилагать не судьба?

Добавить комментарий

Andrii Miller
Черновцы, Украина

Проектов 2
Оценка -
Рейтинг 389

Сверстить и интегрировать макет с Figma на существующий сайт

Ставки скрыты

Ставки пока отсутствуют

Ставки скрыты

Ставки скрыты