Схема админки для кейсов

🧑‍💻 Техническое задание для верстальщика / фронтенд-разработчика

Схема административной панели для заполнения кейсов
  • Адаптивность — главный приоритет. Все блоки должны корректно отображаться на всех устройствах: от десктопа до мобильных телефонов.
  • На мобильных устройствах (до 768px) все блоки и карточки должны выстраиваться в одну колонку.
  • Для повторяющихся карточек (проблемы, цели, ход работ и т.д.) используйте сетку:
    — 2 колонки для блоков «Цели работы», «Результаты проведённых работ», «Отзывы»
    — 3 колонки для блока «Ход работ»
    — 4 колонки для блока «Результат (цифры)» (показатели)
    Здесь решите, пожалуйста, сами, как будет лучше с точки зрения юзабилити. Это сделано для визуального разнообразия, чтобы страница админки не выглядела "скучной".
  • Специализированные блоки (Разработка, SEO, Яндекс.Директ, Авито, Маркетплейсы, Таргетинг) выделены пунктирной рамкой.
  • Все поля ввода должны быть рабочими, желательно, чтобы в них можно было вставлять кусочки кода, как это сделано в пилотном кейсе (ссылку нанего приложу отдельно).
  • Кнопки «+ Добавить» — это заглушки для дальнейшей реализации функционала добавления карточек.
  • Блок 16 (Выбор темы кейса) — управляющий, с чекбоксами для активации спецблоков - это уже есть в админке, возможно менять не надо.
  • Блок 15 (CTA) — призыв к действию. Добавлен в конце. В админке должны быть поля для редактирования текста и ссылки.

1. О клиенте

2. Проблемы (повторяющийся блок)

3. Цели работы (повторяющийся блок)

4. Ход работ (повторяющийся блок)

5. Результат (наглядные цифры)

6. Результаты проведённых работ (повторяющийся блок, развёрнутые карточки)

7. Спецблок: Разработка спецблок

Добавьте скриншоты и описание изменений — сравнение «Было» и «Стало».

БЫЛО (до разработки)

СТАЛО (после разработки)

8. Спецблок: SEO спецблок

9. Спецблок: Яндекс.Директ спецблок

10. Спецблок: Авито спецблок

11. Спецблок: Маркетплейсы спецблок

12. Спецблок: Таргетинг спецблок

13. Заключение

14. Отзывы (повторяющийся блок)

15. Призыв к действию (CTA) универсальный блок

⬇️ Предпросмотр на сайте (фронтенд):

Хотите такой же результат?

Получите бесплатный SEO-аудит вашего сайта по 50+ параметрам

Заказать аудит

16. Выбор темы кейса управляющий блок

Выберите тему, чтобы активировать соответствующие специализированные блоки:

Выбрано: Разработка, SEO

📋 Полный список блоков для админки

№ Блок Тип Повторяющийся Поля для заполнения
1 О клиенте Универсальный — Название компании, Сфера деятельности, Год основания, Ключевые клиенты, Отрасли, Дополнительный факт
2 Проблемы Универсальный ✅ Да Заголовок, Описание, Последствия (3 шт.), Риск для бизнеса
3 Цели работы Универсальный ✅ Да Название цели, Задача, Почему это важно
4 Ход работ Универсальный ✅ Да Название шага, Описание шага
5 Результат (цифры) Универсальный ✅ Да Цифра, Описание, Подпись + Изображение графика, ALT-текст
6 Результаты проведённых работ Универсальный ✅ Да Название результата, Что сделали, Результат (что получили)
7 Разработка Спецблок — Вводное описание, Было (описание + скриншоты), Стало (описание + скриншоты), Ключевые изменения
8 SEO Спецблок — Вводное описание, Срок достижения результата, Скриншоты вывода в ТОП (фраза + файл)
9 Яндекс.Директ Спецблок — Вводное описание, Бюджет, Цена за клик, Количество показов, CTR, Скриншоты кампаний
10 Авито Спецблок — Вводное описание, Количество объявлений, Просмотры, Контакты, Скриншоты профиля
11 Маркетплейсы Спецблок — Вводное описание, Товарные категории, Оборот, ДРР, Скриншоты карточек товаров
12 Таргетинг Спецблок — Вводное описание, Целевая аудитория, Бюджет, CPL, Скриншоты креативов
13 Заключение Универсальный — Текст заключения
14 Отзывы Универсальный ✅ Да Текст отзыва, Инициалы, Имя и фамилия, Должность/компания
15 Призыв к действию (CTA) Универсальный — Заголовок, Описание, Текст кнопки, Ссылка для кнопки
16 Выбор темы кейса Управляющий — Чекбоксы: Разработка, SEO, Яндекс.Директ, Авито, Маркетплейсы, Таргетинг
📌 Легенда: Универсальный — блок есть в каждом кейсе Спецблок — появляется только при выборе темы ✅ Да — можно добавить несколько карточек