Что входит, как работаем. Подтвердить экспертизу кейсами.
детальная
БЛОКИ ЭКРАНА
01
Заголовок услуги
Название + короткое описание
02
Что входит
Что входит в услугу — этапы, результаты, формат работы
03
Кейсы по этой услуге
2–4 релевантных кейса
04
CTA
Начать диалог → телеграм
КОМПОНЕНТЫ
nav
rich-text
case-card
cta-block
footer
/blog/
Статьи
Экспертный контент. SEO и канал доверия.
каталог
БЛОКИ ЭКРАНА
01
Заголовок
«Статьи» + подзаголовок
02
Список статей
Карточки: обложка, тема, заголовок, дата
КОМПОНЕНТЫ
nav
post-card
footer
/blog/[slug]/
Статья
Полный материал. Создаёт доверие и ведёт к релевантным кейсам.
детальная
БЛОКИ ЭКРАНА
01
Обложка статьи
Заголовок, тема, дата, автор
02
Текст статьи
Rich text с визуалами
03
Следующая / релевантная статья
Переход к следующей или тематически близкой статье. Присутствует всегда.
04
Релевантные кейсы
2–3 кейса по теме статьи. Опционально — показывается если есть релевантные кейсы.
05
CTA
Начать диалог → телеграм
КОМПОНЕНТЫ
nav
post-cover
rich-text
quote
post-card
case-card
cta-block
footer
/contact/
Контакты
Конечная точка всех сценариев. Убрать барьер для первого контакта.
конверсия
БЛОКИ ЭКРАНА
01
Заголовок
Тёплый, приглашающий. На реальном сайте: «Мы открыты к новым знакомствам».
02
Текст + ссылка на Телеграм
Короткое приглашение обсудить проект или сотрудничество. Прямая ссылка на телеграм-бот. Без формы, без брифа.
КОМПОНЕНТЫ
nav
rich-text
cta-block
footer
02
Компоненты
Глобальные
nav
Главная навигация — логотип, ссылки, CTA → телеграм
btn-fill
Кнопка с заливкой — основное действие на странице
cta-block
Секция-призыв к действию — кнопка → телеграм. Единственная точка выхода по всему сайту. Нейминг меняется по контексту: «написать нам», «начать диалог», «обсудить проект».
footer
Подвал — навигация, направления, соцсети. Email текстом без ссылки. Соцсети живут только здесь.
Карточки
case-card
Карточка кейса в сетке — превью, направление, название
post-card
Карточка статьи — обложка, тема, заголовок, дата
service-card
Карточка направления — название, короткое описание
team-card
Карточка участника в списке — фото, имя, роль
Обложки детальных страниц
case-cover
Шапка страницы кейса — название, направление, клиент, год
post-cover
Шапка статьи — заголовок, тема, дата, автор
member-cover
Шапка участника команды — фото, имя, роль
Контент
hero
Героблок главной — месседж, подзаголовок, CTA
rich-text
Форматированный текст с визуалами
image-gallery
Галерея изображений — визуалы кейса
quote
Выделенная цитата — клиент, автор, участник команды
Списки
values-list
Список ценностей агентства
competencies-list
Полный список компетенций агентства — 11 категорий с описанием. На странице «Услуги».
client-logos
Логотипы ключевых клиентов — на странице «Мы»
Навигация по направлениям
direction-nav
Табы на /cases/ — ссылки на отдельные страницы направлений, не фильтр
direction-header
Заголовок раздела — на /cases/ общий, на /cases/[direction]/ название и описание направления