Add videos

This commit is contained in:
alexencom committed 2026-11-09 00:04:27 +03:00
1 parent 859bb4aab7
commit 38866fbfc7
13 files changed
+667 -316

No files matched your search

+169 -108
View File
@@ -1,5 +1,6 @@
<!DOCTYPE html>
<html lang="ru">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
@@ -7,30 +8,35 @@
<link rel="icon" type="image/svg+xml" href="/img/favicon.svg">
<link rel="preconnect" href="https://fonts.googleapis.com">
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
<link href="https://fonts.googleapis.com/css2?family=Montserrat:wght@400;500;600;700;800&amp;family=Caveat:wght@500;700&amp;display=swap" rel="stylesheet">
<link
href="https://fonts.googleapis.com/css2?family=Montserrat:wght@400;500;600;700;800&amp;family=Caveat:wght@500;700&amp;display=swap"
rel="stylesheet">
<link rel="stylesheet" href="/css/style.css">
<!-- JSON-LD: 3 услуги -->
<!-- Yandex.Metrika -->
<title>Создание мультфильмов: услуги и цены — О’ляпка</title>
<meta name="description" content="Персональные мультфильмы, рекламная анимация и ролики для соцсетей. Сравните направления, тарифы от 2 500 ₽ и дополнительные опции студии О’ляпка.">
<link rel="canonical" href="https://olapka.ru/services">
<meta name="robots" content="index, follow, max-image-preview:large">
<meta property="og:type" content="website">
<meta property="og:title" content="Создание мультфильмов: услуги и цены — О’ляпка">
<meta property="og:description" content="Персональные мультфильмы, рекламная анимация и ролики для соцсетей. Сравните направления, тарифы от 2 500 ₽ и дополнительные опции студии О’ляпка.">
<meta property="og:url" content="https://olapka.ru/services">
<meta property="og:image" content="https://olapka.ru/img/og-cover.jpg">
<meta property="og:image:width" content="1200">
<meta property="og:image:height" content="630">
<meta property="og:image:alt" content="О’ляпка — мультфильмы на заказ">
<meta property="og:site_name" content="Студия О’ляпка">
<meta property="og:locale" content="ru_RU">
<meta name="twitter:card" content="summary_large_image">
<meta name="twitter:image" content="https://olapka.ru/img/og-cover.jpg">
<link rel="describedby" type="text/plain" href="/llms.txt">
<link rel="alternate" type="text/markdown" href="/services.md" title="Услуги, дополнительные опции и вопросы — Markdown">
<script type="application/ld+json">{
<meta name="description"
content="Персональные мультфильмы, рекламная анимация и ролики для соцсетей. Сравните направления, тарифы от 2 500 ₽ и дополнительные опции студии О’ляпка.">
<link rel="canonical" href="https://olapka.ru/services">
<meta name="robots" content="index, follow, max-image-preview:large">
<meta property="og:type" content="website">
<meta property="og:title" content="Создание мультфильмов: услуги и цены — О’ляпка">
<meta property="og:description"
content="Персональные мультфильмы, рекламная анимация и ролики для соцсетей. Сравните направления, тарифы от 2 500 ₽ и дополнительные опции студии О’ляпка.">
<meta property="og:url" content="https://olapka.ru/services">
<meta property="og:image" content="https://olapka.ru/img/og-cover.jpg">
<meta property="og:image:width" content="1200">
<meta property="og:image:height" content="630">
<meta property="og:image:alt" content="О’ляпка — мультфильмы на заказ">
<meta property="og:site_name" content="Студия О’ляпка">
<meta property="og:locale" content="ru_RU">
<meta name="twitter:card" content="summary_large_image">
<meta name="twitter:image" content="https://olapka.ru/img/og-cover.jpg">
<link rel="describedby" type="text/plain" href="/llms.txt">
<link rel="alternate" type="text/markdown" href="/services.md"
title="Услуги, дополнительные опции и вопросы — Markdown">
<script type="application/ld+json">{
"@context": "https://schema.org",
"@graph": [
{
@@ -160,17 +166,20 @@
}
]
}</script>
<link rel="stylesheet" href="/css/new-year.css">
<link rel="stylesheet" href="/css/new-year.css">
</head>
<body>
<a class="skip-link" href="#main-content">Перейти к содержимому</a><div class="cookie-banner" id="cookieBanner" role="region" aria-label="Настройки аналитики" hidden>
<div class="cookie-text">Разрешить аналитику для улучшения сайта? <a href="/legal#cookies">Подробнее</a>
</div>
<div class="cookie-actions">
<button class="cookie-btn" id="cookieAccept" type="button">Разрешить</button><button class="cookie-btn cookie-decline" id="cookieDecline" type="button">Отклонить</button>
</div>
</div>
<header class="header">
<a class="skip-link" href="#main-content">Перейти к содержимому</a>
<div class="cookie-banner" id="cookieBanner" role="region" aria-label="Настройки аналитики" hidden>
<div class="cookie-text">Разрешить аналитику для улучшения сайта? <a href="/legal#cookies">Подробнее</a>
</div>
<div class="cookie-actions">
<button class="cookie-btn" id="cookieAccept" type="button">Разрешить</button><button
class="cookie-btn cookie-decline" id="cookieDecline" type="button">Отклонить</button>
</div>
</div>
<header class="header">
<div class="container header-inner">
<a href="/" class="logo"><span class="logo-bird">🐦</span><span class="logo-text">О'ЛЯПКА</span></a>
<nav class="nav" id="nav" aria-label="Основная навигация">
@@ -181,50 +190,64 @@
<a href="/contacts" class="nav-link">Контакты</a>
</nav>
<a href="/contacts" class="btn btn-primary" data-goal="order_header">Заказать</a>
<button class="burger" id="burger" aria-label="Меню" type="button" aria-expanded="false" aria-controls="nav"><span></span><span></span><span></span></button>
<button class="burger" id="burger" aria-label="Меню" type="button" aria-expanded="false"
aria-controls="nav"><span></span><span></span><span></span></button>
</div>
</header>
<main id="main-content" tabindex="-1">
<nav class="container breadcrumbs" aria-label="Хлебные крошки"><ol>
<li><a href="/">Главная</a></li>
<li><span aria-current="page">Услуги</span></li>
</ol></nav><section class="page-hero">
<nav class="container breadcrumbs" aria-label="Хлебные крошки">
<ol>
<li><a href="/">Главная</a></li>
<li><span aria-current="page">Услуги</span></li>
</ol>
</nav>
<section class="page-hero">
<div class="container">
<h1 class="page-title">Создание мультфильмов и ИИ-анимации</h1>
<p class="page-subtitle">Персональные истории, рекламная анимация и ролики для соцсетей. Выберите направление и посмотрите, что можно заказать.</p>
<p class="page-subtitle">Персональные истории, рекламная анимация и ролики для соцсетей. Выберите
направление и посмотрите, что можно заказать.</p>
</div>
</section>
<nav class="container service-links" aria-label="Направления услуг"><a href="/personal-animation">Персональные мультфильмы на заказ</a><a href="/business-animation">Рекламные анимационные ролики для бизнеса</a><a href="/social-animation">Анимационные ролики для соцсетей</a></nav><!-- Раздел 1: Личные мультики -->
<nav class="container service-links" aria-label="Направления услуг"><a href="/personal-animation">Персональные
мультфильмы на заказ</a><a href="/business-animation">Рекламные анимационные ролики для бизнеса</a><a
href="/social-animation">Анимационные ролики для соцсетей</a></nav><!-- Раздел 1: Личные мультики -->
<section class="section service-block" id="personal">
<div class="container">
<div class="service-head">
<span class="service-tag">🤍 Для души</span>
<h2>Персональные ИИ-мультики</h2>
<p class="service-lead">Подарки, которые запоминаются на всю жизнь. Love Story, сказки для детей, поздравления близким.</p>
<p class="service-lead">Подарки, которые запоминаются на всю жизнь. Love Story, сказки для детей,
поздравления близким.</p>
</div>
<div class="service-grid">
<article class="service-card">
<h3>🎁 Подарок на день рождения</h3>
<p>Мультик, где именинник — главный герой. С его друзьями, увлечениями и вашими тёплыми словами. Забудьте про дежурные сертификаты — дарите эмоции.</p>
<p>Мультик, где именинник — главный герой. С его друзьями, увлечениями и вашими тёплыми словами.
Забудьте про дежурные сертификаты — дарите эмоции.</p>
</article>
<article class="service-card">
<h3>💍 Love Story</h3>
<p>Романтичная история вашей пары в формате анимации. Идеально для предложения руки и сердца, годовщины или просто чтобы сказать «люблю».</p>
<p>Романтичная история вашей пары в формате анимации. Идеально для предложения руки и сердца,
годовщины или просто чтобы сказать «люблю».</p>
</article>
<article class="service-card">
<h3>🧸 Сказка для ребёнка</h3>
<p>Ваш малыш становится героем собственной сказки: побеждает монстров, учится чистить зубы, отправляется в волшебное путешествие.</p>
<p>Ваш малыш становится героем собственной сказки: побеждает монстров, учится чистить зубы,
отправляется в волшебное путешествие.</p>
</article>
<article class="service-card">
<h3>📱 Контент для личного блога</h3>
<p>Анимационные Reels и Stories для личного блога: ваши сюжеты, персонажи и узнаваемый стиль.</p>
<p>Анимационные Reels и Stories для личного блога: ваши сюжеты, персонажи и узнаваемый стиль.
</p>
</article>
</div>
<div class="service-cta">
<p class="detail-link"><a href="/personal-animation">Подробнее: персональные мультфильмы на заказ →</a></p>
<a href="/contacts" class="btn btn-primary btn-lg" data-goal="order_personal_page">Заказать личный мультик</a>
<p class="detail-link"><a href="/personal-animation">Подробнее: персональные мультфильмы на заказ
→</a></p>
<a href="/contacts" class="btn btn-primary btn-lg" data-goal="order_personal_page">Заказать личный
мультик</a>
</div>
</div>
</section>
@@ -235,29 +258,36 @@
<div class="service-head">
<span class="service-tag">🚀 Для бизнеса</span>
<h2>Рекламные ИИ-мультики</h2>
<p class="service-lead">Решаем задачи бизнеса через анимацию: от вирусной рекламы до имиджевых роликов для VIP-клиентов.</p>
<p class="service-lead">Решаем задачи бизнеса через анимацию: от вирусной рекламы до имиджевых
роликов для VIP-клиентов.</p>
</div>
<div class="service-grid">
<article class="service-card">
<h3>🎯 Рекламный ролик</h3>
<p>Анимация, которая останавливает скролл и удерживает внимание. Покажем продукт через историю, а не через сухие факты.</p>
<p>Анимация, которая останавливает скролл и удерживает внимание. Покажем продукт через историю,
а не через сухие факты.</p>
</article>
<article class="service-card">
<h3>🆕 Запуск нового направления</h3>
<p>Объясним сложную услугу просто — через понятную метафору и тёплую историю. Клиенты поймут и влюбятся.</p>
<p>Объясним сложную услугу просто — через понятную метафору и тёплую историю. Клиенты поймут и
влюбятся.</p>
</article>
<article class="service-card">
<h3>🏢 Имиджевый ролик</h3>
<p>Выделит ваш бренд среди конкурентов, покажет инновационность и повысит лояльность клиентов.</p>
<p>Выделит ваш бренд среди конкурентов, покажет инновационность и повысит лояльность клиентов.
</p>
</article>
<article class="service-card">
<h3>🎁 VIP-подарки клиентам</h3>
<p>Персональные мультики для ключевых клиентов и партнёров. То, что не выбрасывают и показывают друзьям.</p>
<p>Персональные мультики для ключевых клиентов и партнёров. То, что не выбрасывают и показывают
друзьям.</p>
</article>
</div>
<div class="service-cta">
<p class="detail-link"><a href="/business-animation">Подробнее: рекламные анимационные ролики для бизнеса →</a></p>
<a href="/contacts" class="btn btn-primary btn-lg" data-goal="order_business_page">Заказать для бизнеса</a>
<p class="detail-link"><a href="/business-animation">Подробнее: рекламные анимационные ролики для
бизнеса →</a></p>
<a href="/contacts" class="btn btn-primary btn-lg" data-goal="order_business_page">Заказать для
бизнеса</a>
</div>
</div>
</section>
@@ -268,7 +298,8 @@
<div class="service-head">
<span class="service-tag">📈 Для соцсетей</span>
<h2>Контент-пакеты для регулярного ведения</h2>
<p class="service-lead">Серии мультиков, которые закрывают контент-план на месяц вперёд. Единый стиль, сюжетные линии, вовлечённая аудитория.</p>
<p class="service-lead">Серии мультиков, которые закрывают контент-план на месяц вперёд. Единый
стиль, сюжетные линии, вовлечённая аудитория.</p>
</div>
<div class="service-grid">
<article class="service-card">
@@ -281,16 +312,20 @@
</article>
<article class="service-card">
<h3>🎄 Сезонные ролики</h3>
<p>Ролики к Новому году, 1 сентября и другим событиям. Срок адаптации обсуждаем с учётом вашей задачи.</p>
<p>Ролики к Новому году, 1 сентября и другим событиям. Срок адаптации обсуждаем с учётом вашей
задачи.</p>
</article>
<article class="service-card">
<h3>🔄 Вторичное использование</h3>
<p>Один мультик = 1 Reels + 5 нарезок для сторис + пост в Telegram + обложка для подкаста. Контент работает везде.</p>
<p>Один мультик = 1 Reels + 5 нарезок для сторис + пост в Telegram + обложка для подкаста.
Контент работает везде.</p>
</article>
</div>
<div class="service-cta">
<p class="detail-link"><a href="/social-animation">Подробнее: анимационные ролики для соцсетей →</a></p>
<a href="/contacts" class="btn btn-primary btn-lg" data-goal="order_content_page">Заказать контент-пакет</a>
<p class="detail-link"><a href="/social-animation">Подробнее: анимационные ролики для соцсетей →</a>
</p>
<a href="/contacts" class="btn btn-primary btn-lg" data-goal="order_content_page">Заказать
контент-пакет</a>
</div>
</div>
</section>
@@ -301,65 +336,87 @@
<h2 class="section-title">Дополнительные опции</h2>
<div class="extras-grid">
<div class="extra-item">
<span class="extra-name">Дополнительная сцена</span><span class="extra-price">+800 ₽</span>
</div>
<span class="extra-name">Дополнительная сцена</span><span class="extra-price">+800 ₽</span>
</div>
<div class="extra-item">
<span class="extra-name">Срочность (24–48 часов)</span><span class="extra-price">+30%</span>
</div>
<span class="extra-name">Срочность (24–48 часов)</span><span class="extra-price">+30%</span>
</div>
<div class="extra-item">
<span class="extra-name">Уникальный персонаж с нуля</span><span class="extra-price">+1 500 ₽</span>
</div>
<span class="extra-name">Уникальный персонаж с нуля</span><span class="extra-price">+1 500
₽</span>
</div>
<div class="extra-item">
<span class="extra-name">Авторская музыка</span><span class="extra-price">+2 000 ₽</span>
</div>
<span class="extra-name">Авторская музыка</span><span class="extra-price">+2 000 ₽</span>
</div>
<div class="extra-item">
<span class="extra-name">Доп. раунд правок</span><span class="extra-price">+500 ₽</span>
</div>
<span class="extra-name">Доп. раунд правок</span><span class="extra-price">+500 ₽</span>
</div>
<div class="extra-item">
<span class="extra-name">Адаптация под 2 формата</span><span class="extra-price">+700 ₽</span>
</div>
<span class="extra-name">Адаптация под 2 формата</span><span class="extra-price">+700 ₽</span>
</div>
</div>
</div>
</section>
<section class="section pricing" id="prices">
<div class="container">
<h2 class="section-title">Тарифы на ИИ-мультики</h2>
<p class="section-subtitle">Выберите формат под вашу задачу. 1 кадр = 4–8 секунд.</p>
<div class="pricing-grid">
<article class="price-card" id="tariff-1">
<h3 class="price-name">Искры</h3>
<div class="price-desc">Короткий мультик до 30 секунд</div>
<div class="price-features">2–4 сцены • 1 раунд правок • Базовая озвучка • Формат под Reels</div>
<div class="price-value">2 500 ₽</div>
<a href="/contacts" class="btn btn-outline" data-goal="order_sparks">Заказать</a>
</article>
<article class="price-card featured" id="tariff-2">
<div class="price-badge">Популярный</div>
<h3 class="price-name">История</h3>
<div class="price-desc">От 30 секунд до 1 минуты</div>
<div class="price-features">4–7 сцен • 2 раунда правок • Озвучка и музыка • Цветокоррекция</div>
<div class="price-value">4 500 ₽</div>
<a href="/contacts" class="btn btn-primary" data-goal="order_story">Заказать</a>
</article>
<article class="price-card" id="tariff-3">
<h3 class="price-name">Сказка</h3>
<div class="price-desc">От 1 до 2 минут</div>
<div class="price-features">От 8 сцен • 3 раунда правок • Профессиональная озвучка • Титры и логотип</div>
<div class="price-value">9 000 ₽</div>
<a href="/contacts" class="btn btn-outline" data-goal="order_tale">Заказать</a>
</article>
<section class="section pricing" id="prices">
<div class="container">
<h2 class="section-title">Тарифы на ИИ-мультики</h2>
<p class="section-subtitle">Выберите формат под вашу задачу. 1 кадр = 4–8 секунд.</p>
<div class="pricing-grid">
<article class="price-card" id="tariff-1">
<h3 class="price-name">Искры</h3>
<div class="price-desc">Короткий мультик до 30 секунд</div>
<div class="price-features">2–4 сцены • 1 раунд правок • Базовая озвучка • Формат под Reels
</div>
<div class="price-value">2 500 ₽</div>
<a href="/contacts" class="btn btn-outline" data-goal="order_sparks">Заказать</a>
</article>
<article class="price-card featured" id="tariff-2">
<div class="price-badge">Популярный</div>
<h3 class="price-name">История</h3>
<div class="price-desc">От 30 секунд до 1 минуты</div>
<div class="price-features">4–7 сцен • 2 раунда правок • Озвучка и музыка • Цветокоррекция</div>
<div class="price-value">4 500 ₽</div>
<a href="/contacts" class="btn btn-primary" data-goal="order_story">Заказать</a>
</article>
<article class="price-card" id="tariff-3">
<h3 class="price-name">Сказка</h3>
<div class="price-desc">От 1 до 2 минут</div>
<div class="price-features">От 8 сцен • 3 раунда правок • Профессиональная озвучка • Титры и
логотип</div>
<div class="price-value">9 000 ₽</div>
<a href="/contacts" class="btn btn-outline" data-goal="order_tale">Заказать</a>
</article>
</div>
<div class="pricing-note">
<p>💡 <strong>Спецпредложение:</strong> первый тестовый мультик — со скидкой 30%. Попробуйте без
риска!</p>
<p>🎁 <strong>Пакет «Контент-месяц»</strong> (4 ролика) — скидка 15%.</p>
</div>
</div>
<div class="pricing-note">
<p>💡 <strong>Спецпредложение:</strong> первый тестовый мультик — со скидкой 30%. Попробуйте без риска!</p>
<p>🎁 <strong>Пакет «Контент-месяц»</strong> (4 ролика) — скидка 15%.</p>
</div>
</div>
</section>
</section>
<section class="section"><div class="container faq">
<h2 class="section-title">Вопросы о заказе мультфильма</h2>
<details><summary>Сколько стоит мультфильм?</summary><p>Тарифы студии: 2 500 ₽, 4 500 ₽ и 9 000 ₽. Состав и длительность указаны выше. Дополнительные сцены, срочность и адаптации оплачиваются отдельно.</p></details><details><summary>Сколько времени занимает работа?</summary><p>Срок зависит от сценария, длительности и количества правок. Дату готовности согласуем до начала работы. Срочное изготовление обсуждается отдельно.</p></details><details><summary>Как заказать?</summary><p>Откройте <a href="/contacts">контакты</a> и напишите в удобный мессенджер: кому нужен ролик, для чего и к какой дате.</p></details>
</div></section><p class="container privacy-settings"><button type="button" id="cookieSettings">Настройки аналитики</button></p></main>
<section class="section">
<div class="container faq">
<h2 class="section-title">Вопросы о заказе мультфильма</h2>
<details>
<summary>Сколько стоит мультфильм?</summary>
<p>Тарифы студии: 2 500 ₽, 4 500 ₽ и 9 000 ₽. Состав и длительность указаны выше. Дополнительные
сцены, срочность и адаптации оплачиваются отдельно.</p>
</details>
<details>
<summary>Сколько времени занимает работа?</summary>
<p>Срок зависит от сценария, длительности и количества правок. Дату готовности согласуем до начала
работы. Срочное изготовление обсуждается отдельно.</p>
</details>
<details>
<summary>Как заказать?</summary>
<p>Откройте <a href="/contacts">контакты</a> и напишите в удобный мессенджер: кому нужен ролик, для
чего и к какой дате.</p>
</details>
</div>
</section>
<p class="container privacy-settings"><button type="button" id="cookieSettings">Настройки аналитики</button></p>
</main>
<footer class="footer">
<div class="container footer-inner">
@@ -382,14 +439,18 @@
<div class="footer-col">
<h2>Связаться</h2>
<a href="https://t.me/YuliaAnimation" target="_blank" rel="noopener">Telegram</a>
<a href="https://www.instagram.com/olapka_animatioh?utm_source=site" target="_blank" rel="noopener">Instagram</a>
<a href="https://www.instagram.com/olapka_animatioh?utm_source=site" target="_blank"
rel="noopener">Instagram</a>
<a href="https://vk.com/club240204788" target="_blank" rel="noopener">ВКонтакте</a>
</div>
</div>
<div class="footer-bottom"><div class="container">© 2026 Студия мультфильмов О'ляпка</div></div>
<div class="footer-bottom">
<div class="container">© 2026 Студия мультфильмов О'ляпка</div>
</div>
</footer>
<script src="/js/main.js" defer></script>
<script src="/js/new-year.js" defer></script>
<script src="/js/new-year.js" defer></script>
</body>
</html>
</html>