Ниже —
универсальный шаблон страницы кейса под Tilda, который можно копировать, масштабировать и использовать для всех проектов.
Формат рассчитан на спокойное чтение, доверие и ощущение «меня понимают».
Шаблон страницы кейса (Tilda)0. Техническая логика страницы
Рекомендуемые блоки Tilda:- T216 / T218 — обложка (первый экран)
- T412 / T398 — текст + маркеры
- T505 / T508 — этапы
- T670 / T675 — цитаты / акценты
- T228 / T389 — CTA
- T754 / кастом HTML — при необходимости
1. Первый экран — суть проекта
Заголовок (T216):Сайт, который [ключевая боль] → [результат]
Примеры:
- «Сайт, который жил своей жизнью — привели в порядок за 3 недели»
- «Интернет-магазин без структуры — сделали понятный и управляемый»
Подзаголовок:Кто клиент + формат проекта в одном предложении.
Мета-блок (в строку или списком):- Сфера
- Формат работ
- Сроки
- Роль
2. Исходная точка — что было до
Заголовок блока:С чем пришёл клиент
Текст (список):- сайт был, но редактировать страшно;
- структура запутанная;
- заявки терялись;
- визуально устарел и не вызывал доверия.
💡 Правило:
писать
как клиент рассказывает, а не как дизайнер.
3. Запрос клиента
Формат — короткая цитата или абзац (T670):«Хочу, чтобы сайт наконец работал спокойно и не требовал постоянного контроля».
Можно добавить 1 строку пояснения от тебя.
4. Моя задача в проекте
Заголовок:Моя задача
Текст:- навести порядок в структуре;
- сделать сайт понятным для клиента и пользователя;
- убрать технические слабые места;
- привести всё к единой системе.
Этот блок показывает
ответственность, а не просто «я делаю сайты».
5. Как я работала — по этапам
Заголовок:Как проходила работа
Формат — этапы (T505 / T508):Этап 1. Анализ и структура— разобрала текущий сайт;
— пересобрала логику страниц.
Этап 2. Дизайн и интерфейс— привела визуал к единому стилю;
— упростила навигацию.
Этап 3. Техническая часть— формы, CRM, уведомления;
— адаптация под мобильные;
— защита от случайных правок.
6. Что изменилось в итоге
Заголовок:Результат
Список или абзацы:- сайт стал понятным и управляемым;
- клиент перестал бояться правок;
- заявки приходят стабильно;
- визуально сайт стал выглядеть дороже.
Если есть цифры — выноси их крупно.
Если нет —
ощущения = результат.
7. Мой комментарий как специалиста
Формат — текст с акцентом (T412):В таких проектах важно не «сделать красиво», а выстроить систему.
Это даёт спокойствие клиенту и устойчивый результат бизнесу.
Этот блок формирует твой образ эксперта.
8. Кому подойдёт такой формат работы
Заголовок:Этот проект подойдёт вам, если
Список:- сайт уже есть, но он неудобный;
- хочется порядка без лишнего шума;
- нужен специалист, который берёт ответственность.
9. Мягкий CTA
Текст + кнопка (T228):Текст:
Если вы узнаёте себя — можно просто написать и обсудить, что с вашим сайтом сейчас.
Кнопка:
«Обсудить проект» / «Написать»10. (Опционально) Навигация по кейсам
Внизу:
- «Посмотреть следующий кейс»
- или карточки других проектов.
5. Как использовать шаблон
- один кейс = одна страница;
- не менять структуру — менять только смыслы;
- тексты короткие, без «воды»;
- один экран = одна мысль.