Files
Olapka-ru/html/business-animation.html
2026-11-08 23:45:52 +03:00

232 lines
14 KiB
HTML
Raw Permalink Blame History

This file contains ambiguous Unicode characters
This file contains Unicode characters that might be confused with other characters. If you think that this is intentional, you can safely ignore this warning. Use the Escape button to reveal them.
<!DOCTYPE html>
<html lang="ru">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<!-- Open Graph -->
<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 rel="stylesheet" href="/css/style.css">
<!-- JSON-LD: 3 услуги -->
<!-- Yandex.Metrika -->
<title>Рекламные анимационные ролики для бизнеса — О’ляпка</title>
<meta name="description" content="ИИ-анимация для рекламы, презентации продукта и истории бренда. Объясняем идеи через персонажей и сюжет.">
<link rel="canonical" href="https://olapka.ru/business-animation">
<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="ИИ-анимация для рекламы, презентации продукта и истории бренда. Объясняем идеи через персонажей и сюжет.">
<meta property="og:url" content="https://olapka.ru/business-animation">
<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="/business-animation.md" title="Анимация для бизнеса — Markdown">
<script type="application/ld+json">{
"@context": "https://schema.org",
"@graph": [
{
"@type": "Organization",
"@id": "https://olapka.ru/#organization",
"name": "Студия мультфильмов О’ляпка",
"url": "https://olapka.ru/",
"logo": "https://olapka.ru/img/favicon.svg",
"telephone": "+79160957383",
"sameAs": [
"https://t.me/YuliaAnimation",
"https://www.instagram.com/olapka_animatioh",
"https://vk.com/club240204788"
],
"contactPoint": {
"@type": "ContactPoint",
"telephone": "+79160957383",
"contactType": "customer service",
"availableLanguage": "ru",
"url": "https://olapka.ru/contacts"
}
},
{
"@type": "WebSite",
"@id": "https://olapka.ru/#website",
"url": "https://olapka.ru/",
"name": "Студия О’ляпка",
"inLanguage": "ru",
"publisher": {
"@id": "https://olapka.ru/#organization"
}
},
{
"@type": "WebPage",
"@id": "https://olapka.ru/business-animation#webpage",
"url": "https://olapka.ru/business-animation",
"name": "Рекламные анимационные ролики для бизнеса — О’ляпка",
"description": "ИИ-анимация для рекламы, презентации продукта и истории бренда. Объясняем идеи через персонажей и сюжет.",
"inLanguage": "ru",
"isPartOf": {
"@id": "https://olapka.ru/#website"
},
"about": {
"@id": "https://olapka.ru/#organization"
},
"breadcrumb": {
"@id": "https://olapka.ru/business-animation#breadcrumbs"
},
"mainEntity": {
"@id": "https://olapka.ru/business-animation#service"
}
},
{
"@type": "BreadcrumbList",
"@id": "https://olapka.ru/business-animation#breadcrumbs",
"itemListElement": [
{
"@type": "ListItem",
"position": 1,
"name": "Главная",
"item": "https://olapka.ru/"
},
{
"@type": "ListItem",
"position": 2,
"name": "Услуги",
"item": "https://olapka.ru/services"
},
{
"@type": "ListItem",
"position": 3,
"name": "Рекламные анимационные ролики для бизнеса",
"item": "https://olapka.ru/business-animation"
}
]
},
{
"@type": "Service",
"@id": "https://olapka.ru/business-animation#service",
"name": "Рекламные анимационные ролики для бизнеса",
"description": "ИИ-анимация для рекламы, презентации продукта и истории бренда. Объясняем идеи через персонажей и сюжет.",
"serviceType": "Рекламные анимационные ролики для бизнеса",
"url": "https://olapka.ru/business-animation",
"provider": {
"@id": "https://olapka.ru/#organization"
}
}
]
}</script>
<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">
<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="Основная навигация">
<a href="/" class="nav-link">Главная</a>
<a href="/services" class="nav-link active">Услуги</a>
<a href="/portfolio" class="nav-link">Работы</a>
<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>
</div>
</header>
<main id="main-content" tabindex="-1"><nav class="container breadcrumbs" aria-label="Хлебные крошки"><ol>
<li><a href="/">Главная</a></li>
<li><a href="/services">Услуги</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="service-cta"><a class="btn btn-primary" href="/contacts" data-goal="order_service">Обсудить мультфильм</a></p>
</div></section><section class="section service-block alt" id="business">
<div class="container">
<div class="service-head">
<span class="service-tag">🚀 Для бизнеса</span>
<h2>Рекламные ИИ-мультики</h2>
<p class="service-lead">Решаем задачи бизнеса через анимацию: от вирусной рекламы до имиджевых роликов для VIP-клиентов.</p>
</div>
<div class="service-grid">
<article class="service-card">
<h3>🎯 Рекламный ролик</h3>
<p>Анимация, которая останавливает скролл и удерживает внимание. Покажем продукт через историю, а не через сухие факты.</p>
</article>
<article class="service-card">
<h3>🆕 Запуск нового направления</h3>
<p>Объясним сложную услугу просто — через понятную метафору и тёплую историю. Клиенты поймут и влюбятся.</p>
</article>
<article class="service-card">
<h3>🏢 Имиджевый ролик</h3>
<p>Выделит ваш бренд среди конкурентов, покажет инновационность и повысит лояльность клиентов.</p>
</article>
<article class="service-card">
<h3>🎁 VIP-подарки клиентам</h3>
<p>Персональные мультики для ключевых клиентов и партнёров. То, что не выбрасывают и показывают друзьям.</p>
</article>
</div>
<div class="service-cta">
<a href="/contacts" class="btn btn-primary btn-lg" data-goal="order_business_page">Заказать для бизнеса</a>
</div>
</div>
</section>
<section class="section"><div class="container">
<h2 class="section-title">Что подготовить для заказа</h2>
<p class="section-subtitle">Опишите продукт, аудиторию и задачу рекламы. Пришлите логотип, фирменные цвета, основные тезисы и площадку размещения.</p>
<div class="service-summary">
<h2>Стоимость и сроки</h2>
<p>В студии есть тарифы «Искры» — 2 500 ₽, «История» — 4 500 ₽ и «Сказка» — 9 000 ₽. Это общие тарифы по длительности и составу работы, а не фиксированная цена любого проекта в этом направлении.</p>
<p>Посмотрите <a href="/#prices">состав тарифов</a> и <a href="/services#extras">дополнительные опции</a>. Стоимость, срок и формат результата согласуем до начала работы.</p>
<h2>Как проходит работа</h2>
<p>Обсуждаем задачу и условия, утверждаем сценарий и стиль, создаём анимацию и озвучку. Затем показываем результат и вносим правки в рамках выбранного тарифа.</p>
<p><a href="/portfolio">Посмотреть примеры работ</a> · <a href="/contacts">Связаться со студией</a></p>
</div>
</div></section><section class="section"><div class="container">
<h2 class="section-title">Другие услуги</h2>
<nav class="service-links" aria-label="Другие услуги"><a href="/personal-animation">Персональные мультфильмы на заказ</a><a href="/social-animation">Анимационные ролики для соцсетей</a></nav>
</div></section><p class="container privacy-settings"><button type="button" id="cookieSettings">Настройки аналитики</button></p></main><footer class="footer">
<div class="container footer-inner">
<div class="footer-col">
<a href="/" class="logo"><span class="logo-bird">🐦</span><span class="logo-text">О'ЛЯПКА</span></a>
<p class="footer-about">Студия авторских ИИ-мультиков.</p>
</div>
<div class="footer-col">
<h2>Навигация</h2>
<a href="/">Главная</a>
<a href="/services">Услуги</a>
<a href="/portfolio">Работы</a>
<a href="/contacts">Контакты</a>
</div>
<div class="footer-col">
<h2>Документы</h2>
<a href="/legal">Политика cookies</a>
<a href="/legal#agreement">Пользовательское соглашение</a>
</div>
<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://vk.com/club240204788" target="_blank" rel="noopener">ВКонтакте</a>
</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>
</body>
</html>