Макет сайта тильда таро

Зачем тарологу нужен лендинг на Tilda?

• 100 % визуальный конструктор: изменяйте блоки перетаскиванием.
• Адаптивность: сайт одинаково красиво смотрится на ПК, iPad и смартфоне.
• Мгновенный запуск: можно опубликовать страницу сразу после настройки.
• Интеграции: оплата, чат-боты, Google-таблицы, Telegram и Instagram.

Структура будущего лендинга

2.1 Hero-секция (первый экран)

Заголовок: «Узнай, что говорят карты, о твоём пути»
Подзаголовок: «Онлайн-расклад от сертифицированного таролога за 15 минут»
CTA-кнопка: «Получить ответ»

1. Фон: затемнённая анимация старинных арканов (можно взять на LottieFiles).
2. Логотип в верхнем левом углу (svg, прозрачный фон).
3. Контактная панель: Telegram, WhatsApp, Instagram.

2.2 Блок «Обо мне»

Короткий рассказ в 2–3 абзаца + фото эксперта. Важно:

• Добавить цифры: опыт, количество клиентов, процент положительных отзывов.
• Иконки сертификатов (кликабельны, открываются pdf/сайт курса).

2.3 Услуги

2.4 Социальное доказательство

Отзывы оформляем в виде карусели Tilda «Slider». Каждый слайд содержит:

• Аватар клиента (круг 100×100 px).
• Имя и 1 строка «до/после».
• Цитата 2–3 предложения.

2.5 Календарь записи

Интегрируем виджет Calendly или Tilda-форму с выбором даты и времени. После выбора окна открывается:

1. Форма оплаты (ЮKassa или Stripe).
2. Поле для вопроса и фотографии (опционально).
3. Автоматическое письмо-подтверждение на e-mail.

Цветовая палитра и типографика

• Основной фон: #0F0E0F (угольный).
• Акценты: #BA9B6F (золотой таро), #A78D68 (теплый бронза).
• Текст: #F5F1EC (слоновая кость).
• Шрифт заголовков: Playfair Display 700.
• Основной текст: Inter 400/500.

Совет: используйте кастомный курсор в виде руны «Альгиз» через CSS-стили Tilda Pro.

Анимации и эффекты

• Плавное появление блоков при скролле (анимация Fade Up).
• Ховер-эффект на карты таро: увеличение + эффект тени.
• Фоновый лёгкий параллакс звёздного неба (картинка 1920×1080).

Технические настройки Tilda

5.1 SEO-оптимизация

• Title: «Онлайн-расклады Таро от эксперта [Имя]»
• Description: «Получите ответы на вопросы о любви, карьере, финансах за 15 минут. 500+ отзывов. Запись 24/7»
• Ключевые слова: «таро онлайн», «расклад таро», «таролог [город]»

5.2 Метрика и ремаркетинг

1. Google Analytics 4 + событие «Запись на консультацию».
2. Пиксель Facebook/Instagram для ретаргетинга.
3. Цель Яндекс.Метрика: «Оплата».

Готовые шаблоны от дизайнеров

На tilda.cc/ru/tpls есть категория «Эксперты и коучи». Подойдут:

• Zero Block «Fortune» — минималистичный, 11 секций.
• Template «Mystic» — тёмная тема, готические шрифты, готовые иконки лунных фаз.

Чек-лист запуска

1. Загрузить фото, логотип, палитру в Tilda (раздел «Мои ресурсы»).
2. Создать 5 блоков: Hero → Обо мне → Услуги → Отзывы → Запись.
3. Подключить оплату (ЮKassa, Stripe, или перевод на карту BYN/₽).
4. Настроить автописьма из Tilda CRM или Gmail.
5. Проверить адаптив в режиме «Mobile Preview».
6. Опубликовать и протестировать заказ (через режим «Инкогнито» браузера).

Пример кода для кастомной кнопки

<style>
.t-btn--custom {
 background: linear-gradient(135deg, #BA9B6F, #A78D68);
 box-shadow: 0 4px 15px rgba(186, 155, 111, .4);
 transition: all .3s ease;
}
.t-btn--custom:hover {

 transform: translateY(-2px);
 box-shadow: 0 8px 25px rgba(186, 155, 111, .6);
}
</style>

Что дальше?

После запуска сайта:

• Добавьте блог с регулярными статьями о картах (улучшает SEO).
• Запустите серию мини-курсов «Таро за 7 дней» прямо на лендинге.
• Создайте закрытый Telegram-канал для клиентов (повышает лояльность).