Постановка задачи

• Требовалось сверстать одну готовую страницу по макету из Figma.
• Были предоставлены версии дизайна для ПК и мобильной версии.
• Страницу нужно было натянуть на Битрикс.
• Вёрстка должна была соответствовать стилям всего сайта.
• Также требовалось добавить визуальные эффекты при наведении, клике и других действиях.
• Шапка и подвал должны были остаться от текущего сайта.
• Желательно было реализовать возможность редактирования страницы через админку Битрикса.
• Срок выполнения составлял 1–2 дня.

Процесс выполнения

• Была выполнена адаптивная вёрстка страницы по макету из Figma.
• Страница была интегрирована в Битрикс.
• Стили были приведены к общему визуальному стилю сайта.
• Добавлены hover- и click-эффекты для интерактивных элементов.
• Шапка и подвал были подключены из текущего сайта.
• Реализация была выстроена без костылей и грязного кода.
• Возможность редактирования через админку Битрикса была учтена при разработке.

Результат

• Одна страница была успешно сверстана и интегрирована в Битрикс.
• Визуально она совпадала с макетом и вписывалась в общий стиль сайта.
• Мобильная и десктопная версии работали корректно.
• Интерактивные эффекты были реализованы.
• Страница была подготовлена с учётом дальнейшего редактирования через админку.
• Заказ был выполнен успешно в обозначенные сроки.

Рейтинг проекта

• ⚡ Сроки: 5/5
• 💬 Коммуникация: 5/5
• ✅ Качество: 5/5

Итог: задача выполнена успешно, страница по Figma была сверстана и корректно натянута на Битрикс.

Приглашение на курс

Если вам интересна тема системной работы с заказами, разбор реальных кейсов, взаимодействие с клиентами и практические подходы к ведению проектов, рекомендую курс на Stepik: Фриланс 2026: Полный курс для начинающих.

Курс помогает лучше понимать процесс работы, выстраивать коммуникацию с заказчиками и избегать типичных ошибок при выполнении проектов.