Текущая ситуация

На сайт на базе WordPress добавляется новый раздел «Методы лечения зависимостей». Аналитика показывает, что основная аудитория приходит с мобильных телефонов. У нас уже подготовлен один контентный элемент для этого проекта.

Задачи дизайнера

1. Дизайн карточки метода (мобильная версия - приоритет, затем ПК)

Разработать лаконичный универсальный блок, который будет одинаково хорошо смотреться на белом фоне и на темном фоне.

Варианты отображения блока на выбор:

• Слайдер (пролистывание свайпом)
• Сетка из карточек

Какие элементы содержит карточка:

• Изображение: фотография по заданной теме (можно взять тестовую) - например, творческий процесс. Ссылка на пример: пример-сайт/art-terapiya
• Заголовок: «Арт-терапия в лечении зависимости»
• Ссылка с заголовка: ведет на полную статью о методе
• Краткое описание: живой текст (допускается разная длина, верстка не должна ломаться). Пример: «Как творчество помогает исцелить душу и обрести себя»

Доп. условие: на момент верстки существует только одна реальная карточка (про арт-терапию). Ее содержимое нужно продублировать в превью слайдера, чтобы оценить, как смотрится постраничная навигация.

Примерные страницы для интеграции:

• страница-услуга (страница-пример/lechenie alchogolizma.html). Новый блок расположить в секции с подзаголовком «Наш подход» (пример макета в Figma).
• страница врача (страница-пример/team/kiseleva-olga.html), который применяет данные методики.

2. Страница индексации методов

Необходимо создать примерно страницу «Все методы лечения», аналогичную по структуре этому шаблону: страница-пример/listovka-athorhsa.html.

Дополнительные уточнения

• Предусмотреть вёрстку сперва под мобайл, после утверждения разработать адаптацию под ПК.
• Все ссылки заменены; используйте одинаковый контент из одного типа.