1487 lines
97 KiB
HTML
1487 lines
97 KiB
HTML
<!doctype html>
|
||
<html lang="ru">
|
||
|
||
<head>
|
||
<meta charset="UTF-8">
|
||
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
||
<title>AdConversion — веб-разработка</title>
|
||
<meta name="description"
|
||
content="Создаем сайты, которые работают: проектируем, дизайним и собираем продукты под бизнес-задачи.">
|
||
<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=Nunito+Sans:wght@400;500;600;700;800;900&display=swap"
|
||
rel="stylesheet">
|
||
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/swiper@11/swiper-bundle.min.css">
|
||
<link rel="stylesheet" href="assets/css/main.min.css">
|
||
</head>
|
||
|
||
<body>
|
||
<div class="page page--landing">
|
||
<header class="site-header" aria-label="Шапка сайта">
|
||
<div class="site-header__inner">
|
||
<a class="site-header__logo" href="/" aria-label="AdConversion — на главную">
|
||
<img src="assets/img/logo.svg" width="100" height="17" alt="AdConversion">
|
||
</a>
|
||
|
||
<nav class="site-header__nav" aria-label="Основная навигация">
|
||
<a href="#services">Услуги</a>
|
||
<a href="#cases">Кейсы</a>
|
||
<a href="#faq">FAQ</a>
|
||
</nav>
|
||
</div>
|
||
</header>
|
||
|
||
<main>
|
||
<section class="hero" aria-labelledby="hero-title">
|
||
<div class="container hero__container">
|
||
<div class="hero__content">
|
||
<div class="hero__badge">
|
||
<span aria-hidden="true">✦</span>
|
||
веб-разработка
|
||
</div>
|
||
|
||
<h1 class="hero__title" id="hero-title">
|
||
Создаем сайты,<br>
|
||
<span>которые</span> работают
|
||
</h1>
|
||
|
||
<p class="hero__text">
|
||
Проектируем, дизайним и собираем продукты под бизнес-задачи: заявки, продажи, доверие и рост.
|
||
</p>
|
||
|
||
<div class="hero__actions" aria-label="Основные действия">
|
||
<a class="btn btn--dark" href="#contact">
|
||
Обсудить проект
|
||
</a>
|
||
<a class="btn btn--light" href="#cases">Смотреть кейсы</a>
|
||
</div>
|
||
|
||
<ul class="hero__tags" aria-label="Направления разработки">
|
||
<li>UI/UX Design</li>
|
||
<li>Frontend</li>
|
||
<li>Backend & API</li>
|
||
<li>CMS Systems</li>
|
||
</ul>
|
||
</div>
|
||
|
||
<div class="hero-card hero-card--conversion" aria-label="Конверсия плюс 38 процентов">
|
||
<div class="hero-card__icon">
|
||
<img src="assets/img/icon-star.svg" width="22" height="22" alt="">
|
||
</div>
|
||
<div>
|
||
<span>Конверсия</span>
|
||
<strong>+38%</strong>
|
||
</div>
|
||
</div>
|
||
|
||
<div class="hero-card hero-card--launch" aria-label="Срок запуска от двух недель">
|
||
<span>Срок запуска</span>
|
||
<strong>от 2 недель</strong>
|
||
</div>
|
||
</div>
|
||
</section>
|
||
|
||
<section class="results" aria-labelledby="results-title">
|
||
<div class="container results__container">
|
||
<div class="results__content">
|
||
<ul class="results__icons" aria-hidden="true">
|
||
<li class="results__icon results__icon--yandex" style="--icon-bg: #dd1738;">
|
||
<img src="assets/img/icon-yandex.svg" width="32" height="32" alt="">
|
||
</li>
|
||
<li class="results__icon results__icon--wordpress" style="--icon-bg: #117faa;">
|
||
<img src="assets/img/icon-wordpress.svg" width="32" height="32" alt="">
|
||
</li>
|
||
<li class="results__icon results__icon--shopify" style="--icon-bg: #7bbc34;">
|
||
<img src="assets/img/icon-shopify.svg" width="32" height="32" alt="">
|
||
</li>
|
||
<li class="results__icon results__icon--aistudio" style="--icon-bg: #2f3134;">
|
||
<img src="assets/img/icon-aistudio.svg" width="32" height="32" alt="">
|
||
</li>
|
||
<li class="results__icon results__icon--bitrix" style="--icon-bg: #3cb7e9;">
|
||
<img src="assets/img/icon-bitrix.svg" width="32" height="32" alt="">
|
||
</li>
|
||
<li class="results__icon results__icon--cloudflare" style="--icon-bg: #f2f2f2;">
|
||
<img src="assets/img/icon-cloudflare.svg" width="32" height="32" alt="">
|
||
</li>
|
||
<li class="results__icon results__icon--google" style="--icon-bg: #f2f2f2;">
|
||
<img src="assets/img/icon-google.svg" width="32" height="32" alt="">
|
||
</li>
|
||
<li class="results__icon results__icon--openai" style="--icon-bg: #1db58e;">
|
||
<img src="assets/img/icon-openai.svg" width="32" height="32" alt="">
|
||
</li>
|
||
<li class="results__icon results__icon--tilda" style="--icon-bg: #ff5f34;">
|
||
<img src="assets/img/icon-tilda.svg" width="32" height="32" alt="">
|
||
</li>
|
||
<li class="results__icon results__icon--n8n" style="--icon-bg: #ed5f87;">
|
||
<img src="assets/img/icon-n8n.svg" width="32" height="32" alt="">
|
||
</li>
|
||
<li class="results__icon results__icon--vk" style="--icon-bg: #3a68a2;">
|
||
<img src="assets/img/icon-vk.svg" width="32" height="32" alt="">
|
||
</li>
|
||
</ul>
|
||
|
||
<p class="results__label">Наши результаты</p>
|
||
<h2 class="results__title" id="results-title">
|
||
1000 заказов<br>
|
||
1000 положительных отзывов<br>
|
||
238 122 приведенных пользователя
|
||
</h2>
|
||
</div>
|
||
</div>
|
||
</section>
|
||
|
||
<section class="expertise" id="services" aria-labelledby="expertise-title">
|
||
<div class="expertise__container">
|
||
<div class="expertise__header">
|
||
<div class="expertise__heading">
|
||
<p class="expertise__label">Экспертиза</p>
|
||
<h2 class="expertise__title" id="expertise-title">
|
||
Что мы <span>создаем</span>
|
||
</h2>
|
||
</div>
|
||
|
||
<p class="expertise__text">
|
||
Закрываем весь цикл: от аналитики и первых прототипов до сложного backend'а и поддержки.
|
||
</p>
|
||
</div>
|
||
|
||
<div class="expertise__tabs" aria-label="Типы проектов" role="tablist">
|
||
<button class="expertise__tab is-active" type="button" data-expertise-filter="landings" role="tab" aria-selected="true" aria-pressed="true">Лендинги</button>
|
||
<button class="expertise__tab" type="button" data-expertise-filter="shops" role="tab" aria-selected="false" aria-pressed="false">Интернет-магазины</button>
|
||
<button class="expertise__tab" type="button" data-expertise-filter="integrations" role="tab" aria-selected="false" aria-pressed="false">Интеграции</button>
|
||
<button class="expertise__tab" type="button" data-expertise-filter="design" role="tab" aria-selected="false" aria-pressed="false">Дизайн</button>
|
||
</div>
|
||
</div>
|
||
|
||
<div class="expertise__cases swiper" id="cases" aria-label="Примеры проектов">
|
||
<div class="expertise__track swiper-wrapper">
|
||
<article class="expertise-card swiper-slide" data-expertise-group="landings">
|
||
<div class="expertise-card__media">
|
||
<img src="assets/img/expertise-case-dark.jpg" width="300" height="279" alt="">
|
||
</div>
|
||
<div class="expertise-card__body">
|
||
<h3 class="expertise-card__title">MVP-продукты</h3>
|
||
<ul class="expertise-card__list">
|
||
<li>Запуск MVP за 4 недели</li>
|
||
<li>Интеграция банковских API</li>
|
||
</ul>
|
||
<ul class="expertise-card__tags" aria-label="Технологии">
|
||
<li>React Native</li>
|
||
<li>Node.js</li>
|
||
<li>Security</li>
|
||
</ul>
|
||
</div>
|
||
</article>
|
||
|
||
<article class="expertise-card swiper-slide" data-expertise-group="landings">
|
||
<div class="expertise-card__media">
|
||
<img src="assets/img/expertise-case-web.jpg" width="300" height="279" alt="">
|
||
</div>
|
||
<div class="expertise-card__body">
|
||
<h3 class="expertise-card__title">Лендинги</h3>
|
||
<ul class="expertise-card__list">
|
||
<li>Структура под заявки</li>
|
||
<li>Адаптивная верстка</li>
|
||
</ul>
|
||
<ul class="expertise-card__tags" aria-label="Технологии">
|
||
<li>HTML</li>
|
||
<li>SCSS</li>
|
||
<li>JS</li>
|
||
</ul>
|
||
</div>
|
||
</article>
|
||
|
||
<article class="expertise-card swiper-slide" data-expertise-group="landings">
|
||
<div class="expertise-card__media">
|
||
<img src="assets/img/expertise-case-laptop.jpg" width="300" height="279" alt="">
|
||
</div>
|
||
<div class="expertise-card__body">
|
||
<h3 class="expertise-card__title">Промо-страницы</h3>
|
||
<ul class="expertise-card__list">
|
||
<li>Быстрый запуск кампании</li>
|
||
<li>Формы и аналитика</li>
|
||
</ul>
|
||
<ul class="expertise-card__tags" aria-label="Технологии">
|
||
<li>Figma</li>
|
||
<li>Frontend</li>
|
||
<li>Analytics</li>
|
||
</ul>
|
||
</div>
|
||
</article>
|
||
|
||
<article class="expertise-card swiper-slide" data-expertise-group="landings">
|
||
<div class="expertise-card__media">
|
||
<img src="assets/img/expertise-case-dark.jpg" width="300" height="279" alt="">
|
||
</div>
|
||
<div class="expertise-card__body">
|
||
<h3 class="expertise-card__title">B2B-страницы</h3>
|
||
<ul class="expertise-card__list">
|
||
<li>Сложная подача услуги</li>
|
||
<li>Подключение CRM</li>
|
||
</ul>
|
||
<ul class="expertise-card__tags" aria-label="Технологии">
|
||
<li>Bitrix24</li>
|
||
<li>API</li>
|
||
<li>Forms</li>
|
||
</ul>
|
||
</div>
|
||
</article>
|
||
|
||
<article class="expertise-card swiper-slide" data-expertise-group="landings">
|
||
<div class="expertise-card__media">
|
||
<img src="assets/img/expertise-case-web.jpg" width="300" height="279" alt="">
|
||
</div>
|
||
<div class="expertise-card__body">
|
||
<h3 class="expertise-card__title">Квиз-воронки</h3>
|
||
<ul class="expertise-card__list">
|
||
<li>Сценарии вопросов</li>
|
||
<li>Передача лидов в CRM</li>
|
||
</ul>
|
||
<ul class="expertise-card__tags" aria-label="Технологии">
|
||
<li>Quiz</li>
|
||
<li>CRM</li>
|
||
<li>Webhook</li>
|
||
</ul>
|
||
</div>
|
||
</article>
|
||
|
||
<article class="expertise-card swiper-slide" data-expertise-group="landings">
|
||
<div class="expertise-card__media">
|
||
<img src="assets/img/expertise-case-laptop.jpg" width="300" height="279" alt="">
|
||
</div>
|
||
<div class="expertise-card__body">
|
||
<h3 class="expertise-card__title">SEO-лендинги</h3>
|
||
<ul class="expertise-card__list">
|
||
<li>Семантическая структура</li>
|
||
<li>Базовая оптимизация</li>
|
||
</ul>
|
||
<ul class="expertise-card__tags" aria-label="Технологии">
|
||
<li>SEO</li>
|
||
<li>Schema</li>
|
||
<li>Speed</li>
|
||
</ul>
|
||
</div>
|
||
</article>
|
||
|
||
<article class="expertise-card swiper-slide" data-expertise-group="shops">
|
||
<div class="expertise-card__media">
|
||
<img src="assets/img/expertise-case-laptop.jpg" width="300" height="279" alt="">
|
||
</div>
|
||
<div class="expertise-card__body">
|
||
<h3 class="expertise-card__title">Интернет-магазины</h3>
|
||
<ul class="expertise-card__list">
|
||
<li>Каталог и карточки товаров</li>
|
||
<li>Корзина, оплата, доставка</li>
|
||
</ul>
|
||
<ul class="expertise-card__tags" aria-label="Технологии">
|
||
<li>WooCommerce</li>
|
||
<li>PHP</li>
|
||
<li>API</li>
|
||
</ul>
|
||
</div>
|
||
</article>
|
||
|
||
<article class="expertise-card swiper-slide" data-expertise-group="shops">
|
||
<div class="expertise-card__media">
|
||
<img src="assets/img/expertise-case-web.jpg" width="300" height="279" alt="">
|
||
</div>
|
||
<div class="expertise-card__body">
|
||
<h3 class="expertise-card__title">Каталоги</h3>
|
||
<ul class="expertise-card__list">
|
||
<li>Фильтры и сортировка</li>
|
||
<li>Удобная структура категорий</li>
|
||
</ul>
|
||
<ul class="expertise-card__tags" aria-label="Технологии">
|
||
<li>WordPress</li>
|
||
<li>ACF</li>
|
||
<li>AJAX</li>
|
||
</ul>
|
||
</div>
|
||
</article>
|
||
|
||
<article class="expertise-card swiper-slide" data-expertise-group="shops">
|
||
<div class="expertise-card__media">
|
||
<img src="assets/img/expertise-case-dark.jpg" width="300" height="279" alt="">
|
||
</div>
|
||
<div class="expertise-card__body">
|
||
<h3 class="expertise-card__title">Личный кабинет</h3>
|
||
<ul class="expertise-card__list">
|
||
<li>История заказов</li>
|
||
<li>Профиль покупателя</li>
|
||
</ul>
|
||
<ul class="expertise-card__tags" aria-label="Технологии">
|
||
<li>Auth</li>
|
||
<li>Backend</li>
|
||
<li>UX</li>
|
||
</ul>
|
||
</div>
|
||
</article>
|
||
|
||
<article class="expertise-card swiper-slide" data-expertise-group="shops">
|
||
<div class="expertise-card__media">
|
||
<img src="assets/img/expertise-case-laptop.jpg" width="300" height="279" alt="">
|
||
</div>
|
||
<div class="expertise-card__body">
|
||
<h3 class="expertise-card__title">Checkout</h3>
|
||
<ul class="expertise-card__list">
|
||
<li>Сценарии оформления заказа</li>
|
||
<li>Валидация и подсказки</li>
|
||
</ul>
|
||
<ul class="expertise-card__tags" aria-label="Технологии">
|
||
<li>JS</li>
|
||
<li>Payment</li>
|
||
<li>Delivery</li>
|
||
</ul>
|
||
</div>
|
||
</article>
|
||
|
||
<article class="expertise-card swiper-slide" data-expertise-group="shops">
|
||
<div class="expertise-card__media">
|
||
<img src="assets/img/expertise-case-web.jpg" width="300" height="279" alt="">
|
||
</div>
|
||
<div class="expertise-card__body">
|
||
<h3 class="expertise-card__title">Маркетплейс</h3>
|
||
<ul class="expertise-card__list">
|
||
<li>Карточки продавцов</li>
|
||
<li>Разделение заказов</li>
|
||
</ul>
|
||
<ul class="expertise-card__tags" aria-label="Технологии">
|
||
<li>CMS</li>
|
||
<li>CRM</li>
|
||
<li>Logistics</li>
|
||
</ul>
|
||
</div>
|
||
</article>
|
||
|
||
<article class="expertise-card swiper-slide" data-expertise-group="shops">
|
||
<div class="expertise-card__media">
|
||
<img src="assets/img/expertise-case-dark.jpg" width="300" height="279" alt="">
|
||
</div>
|
||
<div class="expertise-card__body">
|
||
<h3 class="expertise-card__title">Товарные витрины</h3>
|
||
<ul class="expertise-card__list">
|
||
<li>Быстрая загрузка каталога</li>
|
||
<li>Промо-блоки и подборки</li>
|
||
</ul>
|
||
<ul class="expertise-card__tags" aria-label="Технологии">
|
||
<li>Catalog</li>
|
||
<li>Cache</li>
|
||
<li>SEO</li>
|
||
</ul>
|
||
</div>
|
||
</article>
|
||
|
||
<article class="expertise-card swiper-slide" data-expertise-group="integrations">
|
||
<div class="expertise-card__media">
|
||
<img src="assets/img/expertise-case-dark.jpg" width="300" height="279" alt="">
|
||
</div>
|
||
<div class="expertise-card__body">
|
||
<h3 class="expertise-card__title">Интеграции</h3>
|
||
<ul class="expertise-card__list">
|
||
<li>Обмен товарами и заказами</li>
|
||
<li>Синхронизация статусов</li>
|
||
</ul>
|
||
<ul class="expertise-card__tags" aria-label="Технологии">
|
||
<li>1C</li>
|
||
<li>Bitrix24</li>
|
||
<li>API</li>
|
||
</ul>
|
||
</div>
|
||
</article>
|
||
|
||
<article class="expertise-card swiper-slide" data-expertise-group="integrations">
|
||
<div class="expertise-card__media">
|
||
<img src="assets/img/expertise-case-web.jpg" width="300" height="279" alt="">
|
||
</div>
|
||
<div class="expertise-card__body">
|
||
<h3 class="expertise-card__title">Платежные API</h3>
|
||
<ul class="expertise-card__list">
|
||
<li>Оплата и возвраты</li>
|
||
<li>Безопасная обработка данных</li>
|
||
</ul>
|
||
<ul class="expertise-card__tags" aria-label="Технологии">
|
||
<li>YooKassa</li>
|
||
<li>Webhook</li>
|
||
<li>Security</li>
|
||
</ul>
|
||
</div>
|
||
</article>
|
||
|
||
<article class="expertise-card swiper-slide" data-expertise-group="integrations">
|
||
<div class="expertise-card__media">
|
||
<img src="assets/img/expertise-case-laptop.jpg" width="300" height="279" alt="">
|
||
</div>
|
||
<div class="expertise-card__body">
|
||
<h3 class="expertise-card__title">CRM-связки</h3>
|
||
<ul class="expertise-card__list">
|
||
<li>Передача лидов</li>
|
||
<li>Автоматизация воронок</li>
|
||
</ul>
|
||
<ul class="expertise-card__tags" aria-label="Технологии">
|
||
<li>CRM</li>
|
||
<li>REST</li>
|
||
<li>Forms</li>
|
||
</ul>
|
||
</div>
|
||
</article>
|
||
|
||
<article class="expertise-card swiper-slide" data-expertise-group="integrations">
|
||
<div class="expertise-card__media">
|
||
<img src="assets/img/expertise-case-dark.jpg" width="300" height="279" alt="">
|
||
</div>
|
||
<div class="expertise-card__body">
|
||
<h3 class="expertise-card__title">Складские остатки</h3>
|
||
<ul class="expertise-card__list">
|
||
<li>Обновление наличия</li>
|
||
<li>Контроль резервов</li>
|
||
</ul>
|
||
<ul class="expertise-card__tags" aria-label="Технологии">
|
||
<li>Inventory</li>
|
||
<li>API</li>
|
||
<li>Cron</li>
|
||
</ul>
|
||
</div>
|
||
</article>
|
||
|
||
<article class="expertise-card swiper-slide" data-expertise-group="integrations">
|
||
<div class="expertise-card__media">
|
||
<img src="assets/img/expertise-case-web.jpg" width="300" height="279" alt="">
|
||
</div>
|
||
<div class="expertise-card__body">
|
||
<h3 class="expertise-card__title">Email-сервисы</h3>
|
||
<ul class="expertise-card__list">
|
||
<li>Подписки и сегменты</li>
|
||
<li>Триггерные уведомления</li>
|
||
</ul>
|
||
<ul class="expertise-card__tags" aria-label="Технологии">
|
||
<li>Unisender</li>
|
||
<li>SMTP</li>
|
||
<li>Events</li>
|
||
</ul>
|
||
</div>
|
||
</article>
|
||
|
||
<article class="expertise-card swiper-slide" data-expertise-group="integrations">
|
||
<div class="expertise-card__media">
|
||
<img src="assets/img/expertise-case-laptop.jpg" width="300" height="279" alt="">
|
||
</div>
|
||
<div class="expertise-card__body">
|
||
<h3 class="expertise-card__title">Сервисные API</h3>
|
||
<ul class="expertise-card__list">
|
||
<li>Карты, доставка, аналитика</li>
|
||
<li>Единый слой интеграций</li>
|
||
</ul>
|
||
<ul class="expertise-card__tags" aria-label="Технологии">
|
||
<li>Yandex</li>
|
||
<li>Maps</li>
|
||
<li>Analytics</li>
|
||
</ul>
|
||
</div>
|
||
</article>
|
||
|
||
<article class="expertise-card swiper-slide" data-expertise-group="design">
|
||
<div class="expertise-card__media">
|
||
<img src="assets/img/expertise-case-web.jpg" width="300" height="279" alt="">
|
||
</div>
|
||
<div class="expertise-card__body">
|
||
<h3 class="expertise-card__title">UI-концепции</h3>
|
||
<ul class="expertise-card__list">
|
||
<li>Визуальная система сайта</li>
|
||
<li>Главные экраны и состояния</li>
|
||
</ul>
|
||
<ul class="expertise-card__tags" aria-label="Технологии">
|
||
<li>Figma</li>
|
||
<li>UI</li>
|
||
<li>UX</li>
|
||
</ul>
|
||
</div>
|
||
</article>
|
||
|
||
<article class="expertise-card swiper-slide" data-expertise-group="design">
|
||
<div class="expertise-card__media">
|
||
<img src="assets/img/expertise-case-laptop.jpg" width="300" height="279" alt="">
|
||
</div>
|
||
<div class="expertise-card__body">
|
||
<h3 class="expertise-card__title">Дизайн-системы</h3>
|
||
<ul class="expertise-card__list">
|
||
<li>Компоненты и состояния</li>
|
||
<li>Подготовка к разработке</li>
|
||
</ul>
|
||
<ul class="expertise-card__tags" aria-label="Технологии">
|
||
<li>Design Kit</li>
|
||
<li>Tokens</li>
|
||
<li>Components</li>
|
||
</ul>
|
||
</div>
|
||
</article>
|
||
|
||
<article class="expertise-card swiper-slide" data-expertise-group="design">
|
||
<div class="expertise-card__media">
|
||
<img src="assets/img/expertise-case-dark.jpg" width="300" height="279" alt="">
|
||
</div>
|
||
<div class="expertise-card__body">
|
||
<h3 class="expertise-card__title">Прототипы</h3>
|
||
<ul class="expertise-card__list">
|
||
<li>Кликабельные сценарии</li>
|
||
<li>Проверка логики до разработки</li>
|
||
</ul>
|
||
<ul class="expertise-card__tags" aria-label="Технологии">
|
||
<li>Prototype</li>
|
||
<li>CJM</li>
|
||
<li>UX</li>
|
||
</ul>
|
||
</div>
|
||
</article>
|
||
|
||
<article class="expertise-card swiper-slide" data-expertise-group="design">
|
||
<div class="expertise-card__media">
|
||
<img src="assets/img/expertise-case-web.jpg" width="300" height="279" alt="">
|
||
</div>
|
||
<div class="expertise-card__body">
|
||
<h3 class="expertise-card__title">Редизайн</h3>
|
||
<ul class="expertise-card__list">
|
||
<li>Обновление визуала</li>
|
||
<li>Сохранение рабочей структуры</li>
|
||
</ul>
|
||
<ul class="expertise-card__tags" aria-label="Технологии">
|
||
<li>Audit</li>
|
||
<li>UI</li>
|
||
<li>Frontend</li>
|
||
</ul>
|
||
</div>
|
||
</article>
|
||
|
||
<article class="expertise-card swiper-slide" data-expertise-group="design">
|
||
<div class="expertise-card__media">
|
||
<img src="assets/img/expertise-case-laptop.jpg" width="300" height="279" alt="">
|
||
</div>
|
||
<div class="expertise-card__body">
|
||
<h3 class="expertise-card__title">Mobile UI</h3>
|
||
<ul class="expertise-card__list">
|
||
<li>Адаптивные макеты</li>
|
||
<li>Удобные мобильные сценарии</li>
|
||
</ul>
|
||
<ul class="expertise-card__tags" aria-label="Технологии">
|
||
<li>Mobile</li>
|
||
<li>Responsive</li>
|
||
<li>UX</li>
|
||
</ul>
|
||
</div>
|
||
</article>
|
||
|
||
<article class="expertise-card swiper-slide" data-expertise-group="design">
|
||
<div class="expertise-card__media">
|
||
<img src="assets/img/expertise-case-dark.jpg" width="300" height="279" alt="">
|
||
</div>
|
||
<div class="expertise-card__body">
|
||
<h3 class="expertise-card__title">Креативы</h3>
|
||
<ul class="expertise-card__list">
|
||
<li>Баннеры и промо-блоки</li>
|
||
<li>Единый стиль коммуникаций</li>
|
||
</ul>
|
||
<ul class="expertise-card__tags" aria-label="Технологии">
|
||
<li>Creative</li>
|
||
<li>Brand</li>
|
||
<li>Promo</li>
|
||
</ul>
|
||
</div>
|
||
</article>
|
||
</div>
|
||
</div>
|
||
</section>
|
||
|
||
<section class="process" id="process" aria-labelledby="process-title">
|
||
<div class="process__container">
|
||
<div class="process__heading">
|
||
<p class="process__label">Процесс</p>
|
||
<h2 class="process__title" id="process-title">
|
||
Как будет <span>проходить работа?</span>
|
||
</h2>
|
||
</div>
|
||
|
||
<div class="process__grid">
|
||
<article class="process-card">
|
||
<span class="process-card__number">01</span>
|
||
<h3 class="process-card__title">Бриф и цели</h3>
|
||
<p class="process-card__text">
|
||
Разбираем задачу, аудиторию, конкурентов, воронку и критерии результата.
|
||
</p>
|
||
</article>
|
||
|
||
<article class="process-card">
|
||
<span class="process-card__number">02</span>
|
||
<h3 class="process-card__title">Структура и прототип</h3>
|
||
<p class="process-card__text">
|
||
Собираем логику страниц, блоки, сценарии и будущую навигацию.
|
||
</p>
|
||
</article>
|
||
|
||
<article class="process-card">
|
||
<span class="process-card__number">03</span>
|
||
<h3 class="process-card__title">Дизайн</h3>
|
||
<p class="process-card__text">
|
||
Создаем визуальную концепцию, UI-kit, адаптивы и состояния.
|
||
</p>
|
||
</article>
|
||
|
||
<article class="process-card">
|
||
<span class="process-card__number">04</span>
|
||
<h3 class="process-card__title">Разработка</h3>
|
||
<p class="process-card__text">
|
||
Верстаем, подключаем CMS, формы, интеграции, анимации и админку.
|
||
</p>
|
||
</article>
|
||
|
||
<article class="process-card">
|
||
<span class="process-card__number">05</span>
|
||
<h3 class="process-card__title">Тестирование</h3>
|
||
<p class="process-card__text">
|
||
Проверяем адаптив, скорость, формы, SEO-базу, аналитику и ошибки.
|
||
</p>
|
||
</article>
|
||
|
||
<article class="process-card">
|
||
<span class="process-card__number">06</span>
|
||
<h3 class="process-card__title">Запуск и поддержка</h3>
|
||
<p class="process-card__text">
|
||
Публикуем проект, отслеживаем работу и развиваем сайт после релиза.
|
||
</p>
|
||
</article>
|
||
</div>
|
||
</div>
|
||
</section>
|
||
|
||
<section class="technologies" id="technologies" aria-labelledby="technologies-title">
|
||
<div class="technologies__container">
|
||
<p class="technologies__label">Технологии</p>
|
||
<h2 class="technologies__title" id="technologies-title">
|
||
Технологии, с которыми <span>мы работаем</span>
|
||
</h2>
|
||
</div>
|
||
|
||
<div class="technologies__marquee" aria-label="Технологии, с которыми мы работаем">
|
||
<div class="technologies__row technologies__row--top">
|
||
<div class="technologies__track technologies__track--left">
|
||
<div class="technologies__group">
|
||
<span class="technology-item">
|
||
<span class="technology-item__icon technology-item__icon--wordpress">
|
||
<img src="assets/img/icon-wordpress.svg" width="32" height="32" alt="">
|
||
</span>
|
||
<span>WordPress</span>
|
||
</span>
|
||
<span class="technology-item">
|
||
<span class="technology-item__icon technology-item__icon--n8n">
|
||
<img src="assets/img/icon-n8n.svg" width="32" height="32" alt="">
|
||
</span>
|
||
<span>n8n</span>
|
||
</span>
|
||
<span class="technology-item">
|
||
<span class="technology-item__icon technology-item__icon--bitrix">
|
||
<img src="assets/img/icon-bitrix.svg" width="32" height="32" alt="">
|
||
</span>
|
||
<span>Bitrix</span>
|
||
</span>
|
||
<span class="technology-item">
|
||
<span class="technology-item__icon technology-item__icon--react">
|
||
<img src="assets/img/icon-react.svg" width="32" height="32" alt="">
|
||
</span>
|
||
<span>React.js</span>
|
||
</span>
|
||
<span class="technology-item">
|
||
<span class="technology-item__icon technology-item__icon--nuxt">
|
||
<img src="assets/img/icon-nuxt.svg" width="32" height="32" alt="">
|
||
</span>
|
||
<span>Nuxt</span>
|
||
</span>
|
||
<span class="technology-item">
|
||
<span class="technology-item__icon technology-item__icon--woo">
|
||
<img src="assets/img/icon-woo.svg" width="32" height="32" alt="">
|
||
</span>
|
||
<span>WooCommerce</span>
|
||
</span>
|
||
<span class="technology-item">
|
||
<span class="technology-item__icon technology-item__icon--modx">
|
||
<img src="assets/img/icon-modx.svg" width="32" height="32" alt="">
|
||
</span>
|
||
<span>MODX</span>
|
||
</span>
|
||
<span class="technology-item">
|
||
<span class="technology-item__icon technology-item__icon--php">
|
||
<img src="assets/img/icon-php.svg" width="32" height="32" alt="">
|
||
</span>
|
||
<span>PHP</span>
|
||
</span>
|
||
<span class="technology-item">
|
||
<span class="technology-item__icon technology-item__icon--docker">
|
||
<img src="assets/img/icon-docker.svg" width="32" height="32" alt="">
|
||
</span>
|
||
<span>Docker</span>
|
||
</span>
|
||
<span class="technology-item">
|
||
<span class="technology-item__icon technology-item__icon--git">
|
||
<img src="assets/img/icon-git.svg" width="32" height="32" alt="">
|
||
</span>
|
||
<span>GIT</span>
|
||
</span>
|
||
<span class="technology-item">
|
||
<span class="technology-item__icon technology-item__icon--mysql">
|
||
<img src="assets/img/icon-mysql.svg" width="32" height="32" alt="">
|
||
</span>
|
||
<span>MySQL</span>
|
||
</span>
|
||
<span class="technology-item">
|
||
<span class="technology-item__icon technology-item__icon--tilda">
|
||
<img src="assets/img/icon-tilda.svg" width="32" height="32" alt="">
|
||
</span>
|
||
<span>Tilda</span>
|
||
</span>
|
||
<span class="technology-item">
|
||
<span class="technology-item__icon technology-item__icon--vue">
|
||
<img src="assets/img/icon-vue.svg" width="32" height="32" alt="">
|
||
</span>
|
||
<span>Vue.js</span>
|
||
</span>
|
||
</div>
|
||
<div class="technologies__group" aria-hidden="true">
|
||
<span class="technology-item">
|
||
<span class="technology-item__icon technology-item__icon--wordpress">
|
||
<img src="assets/img/icon-wordpress.svg" width="32" height="32" alt="">
|
||
</span>
|
||
<span>WordPress</span>
|
||
</span>
|
||
<span class="technology-item">
|
||
<span class="technology-item__icon technology-item__icon--n8n">
|
||
<img src="assets/img/icon-n8n.svg" width="32" height="32" alt="">
|
||
</span>
|
||
<span>n8n</span>
|
||
</span>
|
||
<span class="technology-item">
|
||
<span class="technology-item__icon technology-item__icon--bitrix">
|
||
<img src="assets/img/icon-bitrix.svg" width="32" height="32" alt="">
|
||
</span>
|
||
<span>Bitrix</span>
|
||
</span>
|
||
<span class="technology-item">
|
||
<span class="technology-item__icon technology-item__icon--react">
|
||
<img src="assets/img/icon-react.svg" width="32" height="32" alt="">
|
||
</span>
|
||
<span>React.js</span>
|
||
</span>
|
||
<span class="technology-item">
|
||
<span class="technology-item__icon technology-item__icon--nuxt">
|
||
<img src="assets/img/icon-nuxt.svg" width="32" height="32" alt="">
|
||
</span>
|
||
<span>Nuxt</span>
|
||
</span>
|
||
<span class="technology-item">
|
||
<span class="technology-item__icon technology-item__icon--woo">
|
||
<img src="assets/img/icon-woo.svg" width="32" height="32" alt="">
|
||
</span>
|
||
<span>WooCommerce</span>
|
||
</span>
|
||
<span class="technology-item">
|
||
<span class="technology-item__icon technology-item__icon--modx">
|
||
<img src="assets/img/icon-modx.svg" width="32" height="32" alt="">
|
||
</span>
|
||
<span>MODX</span>
|
||
</span>
|
||
<span class="technology-item">
|
||
<span class="technology-item__icon technology-item__icon--php">
|
||
<img src="assets/img/icon-php.svg" width="32" height="32" alt="">
|
||
</span>
|
||
<span>PHP</span>
|
||
</span>
|
||
<span class="technology-item">
|
||
<span class="technology-item__icon technology-item__icon--docker">
|
||
<img src="assets/img/icon-docker.svg" width="32" height="32" alt="">
|
||
</span>
|
||
<span>Docker</span>
|
||
</span>
|
||
<span class="technology-item">
|
||
<span class="technology-item__icon technology-item__icon--git">
|
||
<img src="assets/img/icon-git.svg" width="32" height="32" alt="">
|
||
</span>
|
||
<span>GIT</span>
|
||
</span>
|
||
<span class="technology-item">
|
||
<span class="technology-item__icon technology-item__icon--mysql">
|
||
<img src="assets/img/icon-mysql.svg" width="32" height="32" alt="">
|
||
</span>
|
||
<span>MySQL</span>
|
||
</span>
|
||
<span class="technology-item">
|
||
<span class="technology-item__icon technology-item__icon--tilda">
|
||
<img src="assets/img/icon-tilda.svg" width="32" height="32" alt="">
|
||
</span>
|
||
<span>Tilda</span>
|
||
</span>
|
||
<span class="technology-item">
|
||
<span class="technology-item__icon technology-item__icon--vue">
|
||
<img src="assets/img/icon-vue.svg" width="32" height="32" alt="">
|
||
</span>
|
||
<span>Vue.js</span>
|
||
</span>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
|
||
<div class="technologies__row technologies__row--bottom">
|
||
<div class="technologies__track technologies__track--right">
|
||
<div class="technologies__group">
|
||
<span class="technology-item">
|
||
<span class="technology-item__icon technology-item__icon--tilda">
|
||
<img src="assets/img/icon-tilda.svg" width="32" height="32" alt="">
|
||
</span>
|
||
<span>Tilda</span>
|
||
</span>
|
||
<span class="technology-item">
|
||
<span class="technology-item__icon technology-item__icon--vue">
|
||
<img src="assets/img/icon-vue.svg" width="32" height="32" alt="">
|
||
</span>
|
||
<span>Vue.js</span>
|
||
</span>
|
||
<span class="technology-item">
|
||
<span class="technology-item__icon technology-item__icon--wordpress">
|
||
<img src="assets/img/icon-wordpress.svg" width="32" height="32" alt="">
|
||
</span>
|
||
<span>WordPress</span>
|
||
</span>
|
||
<span class="technology-item">
|
||
<span class="technology-item__icon technology-item__icon--modx">
|
||
<img src="assets/img/icon-modx.svg" width="32" height="32" alt="">
|
||
</span>
|
||
<span>MODX</span>
|
||
</span>
|
||
<span class="technology-item">
|
||
<span class="technology-item__icon technology-item__icon--php">
|
||
<img src="assets/img/icon-php.svg" width="32" height="32" alt="">
|
||
</span>
|
||
<span>PHP</span>
|
||
</span>
|
||
<span class="technology-item">
|
||
<span class="technology-item__icon technology-item__icon--docker">
|
||
<img src="assets/img/icon-docker.svg" width="32" height="32" alt="">
|
||
</span>
|
||
<span>Docker</span>
|
||
</span>
|
||
<span class="technology-item">
|
||
<span class="technology-item__icon technology-item__icon--git">
|
||
<img src="assets/img/icon-git.svg" width="32" height="32" alt="">
|
||
</span>
|
||
<span>GIT</span>
|
||
</span>
|
||
<span class="technology-item">
|
||
<span class="technology-item__icon technology-item__icon--mysql">
|
||
<img src="assets/img/icon-mysql.svg" width="32" height="32" alt="">
|
||
</span>
|
||
<span>MySQL</span>
|
||
</span>
|
||
<span class="technology-item">
|
||
<span class="technology-item__icon technology-item__icon--tilda">
|
||
<img src="assets/img/icon-tilda.svg" width="32" height="32" alt="">
|
||
</span>
|
||
<span>Tilda</span>
|
||
</span>
|
||
<span class="technology-item">
|
||
<span class="technology-item__icon technology-item__icon--vue">
|
||
<img src="assets/img/icon-vue.svg" width="32" height="32" alt="">
|
||
</span>
|
||
<span>Vue.js</span>
|
||
</span>
|
||
<span class="technology-item">
|
||
<span class="technology-item__icon technology-item__icon--wordpress">
|
||
<img src="assets/img/icon-wordpress.svg" width="32" height="32" alt="">
|
||
</span>
|
||
<span>WordPress</span>
|
||
</span>
|
||
<span class="technology-item">
|
||
<span class="technology-item__icon technology-item__icon--n8n">
|
||
<img src="assets/img/icon-n8n.svg" width="32" height="32" alt="">
|
||
</span>
|
||
<span>n8n</span>
|
||
</span>
|
||
<span class="technology-item">
|
||
<span class="technology-item__icon technology-item__icon--bitrix">
|
||
<img src="assets/img/icon-bitrix.svg" width="32" height="32" alt="">
|
||
</span>
|
||
<span>Bitrix</span>
|
||
</span>
|
||
<span class="technology-item">
|
||
<span class="technology-item__icon technology-item__icon--react">
|
||
<img src="assets/img/icon-react.svg" width="32" height="32" alt="">
|
||
</span>
|
||
<span>React.js</span>
|
||
</span>
|
||
</div>
|
||
<div class="technologies__group" aria-hidden="true">
|
||
<span class="technology-item">
|
||
<span class="technology-item__icon technology-item__icon--tilda">
|
||
<img src="assets/img/icon-tilda.svg" width="32" height="32" alt="">
|
||
</span>
|
||
<span>Tilda</span>
|
||
</span>
|
||
<span class="technology-item">
|
||
<span class="technology-item__icon technology-item__icon--vue">
|
||
<img src="assets/img/icon-vue.svg" width="32" height="32" alt="">
|
||
</span>
|
||
<span>Vue.js</span>
|
||
</span>
|
||
<span class="technology-item">
|
||
<span class="technology-item__icon technology-item__icon--wordpress">
|
||
<img src="assets/img/icon-wordpress.svg" width="32" height="32" alt="">
|
||
</span>
|
||
<span>WordPress</span>
|
||
</span>
|
||
<span class="technology-item">
|
||
<span class="technology-item__icon technology-item__icon--modx">
|
||
<img src="assets/img/icon-modx.svg" width="32" height="32" alt="">
|
||
</span>
|
||
<span>MODX</span>
|
||
</span>
|
||
<span class="technology-item">
|
||
<span class="technology-item__icon technology-item__icon--php">
|
||
<img src="assets/img/icon-php.svg" width="32" height="32" alt="">
|
||
</span>
|
||
<span>PHP</span>
|
||
</span>
|
||
<span class="technology-item">
|
||
<span class="technology-item__icon technology-item__icon--docker">
|
||
<img src="assets/img/icon-docker.svg" width="32" height="32" alt="">
|
||
</span>
|
||
<span>Docker</span>
|
||
</span>
|
||
<span class="technology-item">
|
||
<span class="technology-item__icon technology-item__icon--git">
|
||
<img src="assets/img/icon-git.svg" width="32" height="32" alt="">
|
||
</span>
|
||
<span>GIT</span>
|
||
</span>
|
||
<span class="technology-item">
|
||
<span class="technology-item__icon technology-item__icon--mysql">
|
||
<img src="assets/img/icon-mysql.svg" width="32" height="32" alt="">
|
||
</span>
|
||
<span>MySQL</span>
|
||
</span>
|
||
<span class="technology-item">
|
||
<span class="technology-item__icon technology-item__icon--tilda">
|
||
<img src="assets/img/icon-tilda.svg" width="32" height="32" alt="">
|
||
</span>
|
||
<span>Tilda</span>
|
||
</span>
|
||
<span class="technology-item">
|
||
<span class="technology-item__icon technology-item__icon--vue">
|
||
<img src="assets/img/icon-vue.svg" width="32" height="32" alt="">
|
||
</span>
|
||
<span>Vue.js</span>
|
||
</span>
|
||
<span class="technology-item">
|
||
<span class="technology-item__icon technology-item__icon--wordpress">
|
||
<img src="assets/img/icon-wordpress.svg" width="32" height="32" alt="">
|
||
</span>
|
||
<span>WordPress</span>
|
||
</span>
|
||
<span class="technology-item">
|
||
<span class="technology-item__icon technology-item__icon--n8n">
|
||
<img src="assets/img/icon-n8n.svg" width="32" height="32" alt="">
|
||
</span>
|
||
<span>n8n</span>
|
||
</span>
|
||
<span class="technology-item">
|
||
<span class="technology-item__icon technology-item__icon--bitrix">
|
||
<img src="assets/img/icon-bitrix.svg" width="32" height="32" alt="">
|
||
</span>
|
||
<span>Bitrix</span>
|
||
</span>
|
||
<span class="technology-item">
|
||
<span class="technology-item__icon technology-item__icon--react">
|
||
<img src="assets/img/icon-react.svg" width="32" height="32" alt="">
|
||
</span>
|
||
<span>React.js</span>
|
||
</span>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</section>
|
||
|
||
<section class="turnkey" id="turnkey" aria-labelledby="turnkey-title">
|
||
<div class="turnkey__container">
|
||
<div class="turnkey__card">
|
||
<div class="turnkey__content">
|
||
<p class="turnkey__label">Под ключ</p>
|
||
<h2 class="turnkey__title" id="turnkey-title">
|
||
Что входит в разработку под ключ
|
||
</h2>
|
||
<p class="turnkey__text">
|
||
Полный цикл от аналитики до запуска и поддержки.
|
||
</p>
|
||
<a class="btn btn--dark turnkey__button" href="#contact">Получить предложение</a>
|
||
</div>
|
||
|
||
<ul class="turnkey__list" aria-label="Что входит в разработку под ключ">
|
||
<li>Аналитика и структура страниц</li>
|
||
<li>UX-прототип</li>
|
||
<li>UI-дизайн</li>
|
||
<li>Адаптив под desktop / tablet / mobile</li>
|
||
<li>Frontend-разработка</li>
|
||
<li>CMS или backend</li>
|
||
<li>Формы и заявки</li>
|
||
<li>Интеграции с CRM / Bitrix24 / 1C / Telegram</li>
|
||
<li>Базовая SEO-подготовка</li>
|
||
<li>Настройка аналитики</li>
|
||
<li>Тестирование</li>
|
||
<li>Перенос на хостинг</li>
|
||
<li>Инструкция по управлению сайтом</li>
|
||
<li>Поддержка после запуска</li>
|
||
</ul>
|
||
</div>
|
||
</div>
|
||
</section>
|
||
|
||
<section class="clients" id="reviews" aria-labelledby="clients-title">
|
||
<div class="clients__container">
|
||
<p class="clients__label">Наши клиенты</p>
|
||
<h2 class="clients__title" id="clients-title">
|
||
Что говорят <span>клиенты</span>
|
||
</h2>
|
||
</div>
|
||
|
||
<div class="clients__marquee" aria-label="Отзывы клиентов">
|
||
<div class="clients__row clients__row--top">
|
||
<div class="clients__track clients__track--left">
|
||
<div class="clients__group">
|
||
<article class="review-card">
|
||
<p class="review-card__text">"Получили не просто красивый сайт, а понятную структуру, удобную админку и нормальную техническую основу для рекламы."</p>
|
||
<div class="review-card__author">
|
||
<span class="review-card__avatar" aria-hidden="true"></span>
|
||
<div>
|
||
<h3 class="review-card__name">Анна</h3>
|
||
<p class="review-card__position">руководитель проекта</p>
|
||
</div>
|
||
</div>
|
||
</article>
|
||
<article class="review-card">
|
||
<p class="review-card__text">"Получили не просто красивый сайт, а понятную структуру, удобную админку и нормальную техническую основу для рекламы."</p>
|
||
<div class="review-card__author">
|
||
<span class="review-card__avatar" aria-hidden="true"></span>
|
||
<div>
|
||
<h3 class="review-card__name">Анна</h3>
|
||
<p class="review-card__position">руководитель проекта</p>
|
||
</div>
|
||
</div>
|
||
</article>
|
||
<article class="review-card">
|
||
<p class="review-card__text">"Получили не просто красивый сайт, а понятную структуру, удобную админку и нормальную техническую основу для рекламы."</p>
|
||
<div class="review-card__author">
|
||
<span class="review-card__avatar" aria-hidden="true"></span>
|
||
<div>
|
||
<h3 class="review-card__name">Анна</h3>
|
||
<p class="review-card__position">руководитель проекта</p>
|
||
</div>
|
||
</div>
|
||
</article>
|
||
<article class="review-card">
|
||
<p class="review-card__text">"Получили не просто красивый сайт, а понятную структуру, удобную админку и нормальную техническую основу для рекламы."</p>
|
||
<div class="review-card__author">
|
||
<span class="review-card__avatar" aria-hidden="true"></span>
|
||
<div>
|
||
<h3 class="review-card__name">Анна</h3>
|
||
<p class="review-card__position">руководитель проекта</p>
|
||
</div>
|
||
</div>
|
||
</article>
|
||
<article class="review-card">
|
||
<p class="review-card__text">"Получили не просто красивый сайт, а понятную структуру, удобную админку и нормальную техническую основу для рекламы."</p>
|
||
<div class="review-card__author">
|
||
<span class="review-card__avatar" aria-hidden="true"></span>
|
||
<div>
|
||
<h3 class="review-card__name">Анна</h3>
|
||
<p class="review-card__position">руководитель проекта</p>
|
||
</div>
|
||
</div>
|
||
</article>
|
||
</div>
|
||
<div class="clients__group" aria-hidden="true">
|
||
<article class="review-card">
|
||
<p class="review-card__text">"Получили не просто красивый сайт, а понятную структуру, удобную админку и нормальную техническую основу для рекламы."</p>
|
||
<div class="review-card__author">
|
||
<span class="review-card__avatar" aria-hidden="true"></span>
|
||
<div>
|
||
<h3 class="review-card__name">Анна</h3>
|
||
<p class="review-card__position">руководитель проекта</p>
|
||
</div>
|
||
</div>
|
||
</article>
|
||
<article class="review-card">
|
||
<p class="review-card__text">"Получили не просто красивый сайт, а понятную структуру, удобную админку и нормальную техническую основу для рекламы."</p>
|
||
<div class="review-card__author">
|
||
<span class="review-card__avatar" aria-hidden="true"></span>
|
||
<div>
|
||
<h3 class="review-card__name">Анна</h3>
|
||
<p class="review-card__position">руководитель проекта</p>
|
||
</div>
|
||
</div>
|
||
</article>
|
||
<article class="review-card">
|
||
<p class="review-card__text">"Получили не просто красивый сайт, а понятную структуру, удобную админку и нормальную техническую основу для рекламы."</p>
|
||
<div class="review-card__author">
|
||
<span class="review-card__avatar" aria-hidden="true"></span>
|
||
<div>
|
||
<h3 class="review-card__name">Анна</h3>
|
||
<p class="review-card__position">руководитель проекта</p>
|
||
</div>
|
||
</div>
|
||
</article>
|
||
<article class="review-card">
|
||
<p class="review-card__text">"Получили не просто красивый сайт, а понятную структуру, удобную админку и нормальную техническую основу для рекламы."</p>
|
||
<div class="review-card__author">
|
||
<span class="review-card__avatar" aria-hidden="true"></span>
|
||
<div>
|
||
<h3 class="review-card__name">Анна</h3>
|
||
<p class="review-card__position">руководитель проекта</p>
|
||
</div>
|
||
</div>
|
||
</article>
|
||
<article class="review-card">
|
||
<p class="review-card__text">"Получили не просто красивый сайт, а понятную структуру, удобную админку и нормальную техническую основу для рекламы."</p>
|
||
<div class="review-card__author">
|
||
<span class="review-card__avatar" aria-hidden="true"></span>
|
||
<div>
|
||
<h3 class="review-card__name">Анна</h3>
|
||
<p class="review-card__position">руководитель проекта</p>
|
||
</div>
|
||
</div>
|
||
</article>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
|
||
<div class="clients__row clients__row--bottom">
|
||
<div class="clients__track clients__track--right">
|
||
<div class="clients__group">
|
||
<article class="review-card">
|
||
<p class="review-card__text">"Получили не просто красивый сайт, а понятную структуру, удобную админку и нормальную техническую основу для рекламы."</p>
|
||
<div class="review-card__author">
|
||
<span class="review-card__avatar" aria-hidden="true"></span>
|
||
<div>
|
||
<h3 class="review-card__name">Анна</h3>
|
||
<p class="review-card__position">руководитель проекта</p>
|
||
</div>
|
||
</div>
|
||
</article>
|
||
<article class="review-card">
|
||
<p class="review-card__text">"Получили не просто красивый сайт, а понятную структуру, удобную админку и нормальную техническую основу для рекламы."</p>
|
||
<div class="review-card__author">
|
||
<span class="review-card__avatar" aria-hidden="true"></span>
|
||
<div>
|
||
<h3 class="review-card__name">Анна</h3>
|
||
<p class="review-card__position">руководитель проекта</p>
|
||
</div>
|
||
</div>
|
||
</article>
|
||
<article class="review-card">
|
||
<p class="review-card__text">"Получили не просто красивый сайт, а понятную структуру, удобную админку и нормальную техническую основу для рекламы."</p>
|
||
<div class="review-card__author">
|
||
<span class="review-card__avatar" aria-hidden="true"></span>
|
||
<div>
|
||
<h3 class="review-card__name">Анна</h3>
|
||
<p class="review-card__position">руководитель проекта</p>
|
||
</div>
|
||
</div>
|
||
</article>
|
||
<article class="review-card">
|
||
<p class="review-card__text">"Получили не просто красивый сайт, а понятную структуру, удобную админку и нормальную техническую основу для рекламы."</p>
|
||
<div class="review-card__author">
|
||
<span class="review-card__avatar" aria-hidden="true"></span>
|
||
<div>
|
||
<h3 class="review-card__name">Анна</h3>
|
||
<p class="review-card__position">руководитель проекта</p>
|
||
</div>
|
||
</div>
|
||
</article>
|
||
<article class="review-card">
|
||
<p class="review-card__text">"Получили не просто красивый сайт, а понятную структуру, удобную админку и нормальную техническую основу для рекламы."</p>
|
||
<div class="review-card__author">
|
||
<span class="review-card__avatar" aria-hidden="true"></span>
|
||
<div>
|
||
<h3 class="review-card__name">Анна</h3>
|
||
<p class="review-card__position">руководитель проекта</p>
|
||
</div>
|
||
</div>
|
||
</article>
|
||
</div>
|
||
<div class="clients__group" aria-hidden="true">
|
||
<article class="review-card">
|
||
<p class="review-card__text">"Получили не просто красивый сайт, а понятную структуру, удобную админку и нормальную техническую основу для рекламы."</p>
|
||
<div class="review-card__author">
|
||
<span class="review-card__avatar" aria-hidden="true"></span>
|
||
<div>
|
||
<h3 class="review-card__name">Анна</h3>
|
||
<p class="review-card__position">руководитель проекта</p>
|
||
</div>
|
||
</div>
|
||
</article>
|
||
<article class="review-card">
|
||
<p class="review-card__text">"Получили не просто красивый сайт, а понятную структуру, удобную админку и нормальную техническую основу для рекламы."</p>
|
||
<div class="review-card__author">
|
||
<span class="review-card__avatar" aria-hidden="true"></span>
|
||
<div>
|
||
<h3 class="review-card__name">Анна</h3>
|
||
<p class="review-card__position">руководитель проекта</p>
|
||
</div>
|
||
</div>
|
||
</article>
|
||
<article class="review-card">
|
||
<p class="review-card__text">"Получили не просто красивый сайт, а понятную структуру, удобную админку и нормальную техническую основу для рекламы."</p>
|
||
<div class="review-card__author">
|
||
<span class="review-card__avatar" aria-hidden="true"></span>
|
||
<div>
|
||
<h3 class="review-card__name">Анна</h3>
|
||
<p class="review-card__position">руководитель проекта</p>
|
||
</div>
|
||
</div>
|
||
</article>
|
||
<article class="review-card">
|
||
<p class="review-card__text">"Получили не просто красивый сайт, а понятную структуру, удобную админку и нормальную техническую основу для рекламы."</p>
|
||
<div class="review-card__author">
|
||
<span class="review-card__avatar" aria-hidden="true"></span>
|
||
<div>
|
||
<h3 class="review-card__name">Анна</h3>
|
||
<p class="review-card__position">руководитель проекта</p>
|
||
</div>
|
||
</div>
|
||
</article>
|
||
<article class="review-card">
|
||
<p class="review-card__text">"Получили не просто красивый сайт, а понятную структуру, удобную админку и нормальную техническую основу для рекламы."</p>
|
||
<div class="review-card__author">
|
||
<span class="review-card__avatar" aria-hidden="true"></span>
|
||
<div>
|
||
<h3 class="review-card__name">Анна</h3>
|
||
<p class="review-card__position">руководитель проекта</p>
|
||
</div>
|
||
</div>
|
||
</article>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</section>
|
||
|
||
<section class="values" id="values" aria-labelledby="values-title">
|
||
<div class="values__container">
|
||
<p class="values__label">Ценности</p>
|
||
<h2 class="values__title" id="values-title">
|
||
Почему с нами <span>удобно работать?</span>
|
||
</h2>
|
||
|
||
<div class="values__grid">
|
||
<article class="value-card">
|
||
<div class="value-card__media" aria-hidden="true">
|
||
<img src="assets/img/icon-placeholder.svg" width="64" height="64" alt="">
|
||
</div>
|
||
<h3 class="value-card__title">Бизнес-ориентированность</h3>
|
||
<p class="value-card__text">
|
||
Разбираем задачу, аудиторию, конкурентов, воронку и критерии результата.
|
||
</p>
|
||
</article>
|
||
|
||
<article class="value-card">
|
||
<div class="value-card__media" aria-hidden="true">
|
||
<img src="assets/img/icon-placeholder.svg" width="64" height="64" alt="">
|
||
</div>
|
||
<h3 class="value-card__title">Хорошая техническая база</h3>
|
||
<p class="value-card__text">
|
||
Разбираем задачу, аудиторию, конкурентов, воронку и критерии результата.
|
||
</p>
|
||
</article>
|
||
|
||
<article class="value-card">
|
||
<div class="value-card__media" aria-hidden="true">
|
||
<img src="assets/img/icon-placeholder.svg" width="64" height="64" alt="">
|
||
</div>
|
||
<h3 class="value-card__title">Абсолютная прозрачность</h3>
|
||
<p class="value-card__text">
|
||
Разбираем задачу, аудиторию, конкурентов, воронку и критерии результата.
|
||
</p>
|
||
</article>
|
||
</div>
|
||
</div>
|
||
</section>
|
||
|
||
<section class="faq" id="faq" aria-labelledby="faq-title">
|
||
<div class="faq__container">
|
||
<p class="faq__label">FAQ</p>
|
||
<h2 class="faq__title" id="faq-title">
|
||
Ответы на часто <span>задаваемые вопросы</span>
|
||
</h2>
|
||
|
||
<div class="faq__list">
|
||
<div class="faq-item">
|
||
<button class="faq-item__button" type="button" aria-expanded="false" aria-controls="faq-answer-1">
|
||
<span>Сколько стоит разработка сайта?</span>
|
||
<span class="faq-item__icon" aria-hidden="true"></span>
|
||
</button>
|
||
<div class="faq-item__panel" id="faq-answer-1" hidden>
|
||
<p>
|
||
Стоимость зависит от типа проекта, количества страниц, дизайна, интеграций и backend-логики. После короткого брифа мы фиксируем состав работ и готовим понятную оценку.
|
||
</p>
|
||
</div>
|
||
</div>
|
||
|
||
<div class="faq-item">
|
||
<button class="faq-item__button" type="button" aria-expanded="false" aria-controls="faq-answer-2">
|
||
<span>Можно ли сделать сайт на WordPress или Bitrix?</span>
|
||
<span class="faq-item__icon" aria-hidden="true"></span>
|
||
</button>
|
||
<div class="faq-item__panel" id="faq-answer-2" hidden>
|
||
<p>
|
||
Да. Подбираем CMS под задачу: WordPress подходит для контентных сайтов и небольших каталогов, Bitrix — для проектов со сложной структурой, интеграциями и расширенной админкой.
|
||
</p>
|
||
</div>
|
||
</div>
|
||
|
||
<div class="faq-item">
|
||
<button class="faq-item__button" type="button" aria-expanded="false" aria-controls="faq-answer-3">
|
||
<span>Вы делаете только дизайн или разработку тоже?</span>
|
||
<span class="faq-item__icon" aria-hidden="true"></span>
|
||
</button>
|
||
<div class="faq-item__panel" id="faq-answer-3" hidden>
|
||
<p>
|
||
Работаем как отдельно с дизайном, так и с полным циклом: аналитика, прототип, UI-дизайн, верстка, разработка, интеграции, тестирование и запуск.
|
||
</p>
|
||
</div>
|
||
</div>
|
||
|
||
<div class="faq-item">
|
||
<button class="faq-item__button" type="button" aria-expanded="false" aria-controls="faq-answer-4">
|
||
<span>Можно ли доработать существующий сайт?</span>
|
||
<span class="faq-item__icon" aria-hidden="true"></span>
|
||
</button>
|
||
<div class="faq-item__panel" id="faq-answer-4" hidden>
|
||
<p>
|
||
Да. Можем доработать интерфейс, исправить технические ошибки, ускорить сайт, подключить новые формы, интеграции, CRM, аналитику или платежные сервисы.
|
||
</p>
|
||
</div>
|
||
</div>
|
||
|
||
<div class="faq-item">
|
||
<button class="faq-item__button" type="button" aria-expanded="false" aria-controls="faq-answer-5">
|
||
<span>Что нужно для старта?</span>
|
||
<span class="faq-item__icon" aria-hidden="true"></span>
|
||
</button>
|
||
<div class="faq-item__panel" id="faq-answer-5" hidden>
|
||
<p>
|
||
На старте достаточно описать задачу, цель сайта, примерную структуру, референсы и ограничения по срокам. Остальное уточняем на брифинге.
|
||
</p>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</section>
|
||
|
||
<section class="contact" id="contact" aria-labelledby="contact-title">
|
||
<div class="contact__container">
|
||
<div class="contact__content">
|
||
<p class="contact__label">Обсудить проект</p>
|
||
<h2 class="contact__title" id="contact-title">
|
||
Готовы обсудить<br>
|
||
<span>ваш проект?</span>
|
||
</h2>
|
||
<p class="contact__text">
|
||
Оставьте заявку, и мы свяжемся с вами в течение рабочего дня для бесплатной консультации.
|
||
</p>
|
||
</div>
|
||
|
||
<form class="contact-sentence" action="#" method="post" novalidate>
|
||
<input type="hidden" name="name">
|
||
<input type="hidden" name="task">
|
||
<input type="hidden" name="phone">
|
||
<input type="hidden" name="email">
|
||
<input type="hidden" name="method">
|
||
<input type="hidden" name="date">
|
||
<input type="hidden" name="time">
|
||
|
||
<p class="contact-sentence__text">
|
||
Мое имя
|
||
<span class="contact-field contact-field--editable is-placeholder" data-field="name" data-type="name" data-placeholder="Иван Иванов" tabindex="0" role="textbox" aria-label="Ваше имя">(Иван Иванов)</span>
|
||
и<br>
|
||
Я хотел бы обсудить
|
||
<span class="contact-field contact-field--selector is-placeholder" data-field="task" data-type="task" data-placeholder="тип задачи" tabindex="0" role="button" aria-haspopup="listbox">(тип задачи <span aria-hidden="true">▾</span>)</span>.
|
||
<br>
|
||
Мой номер телефона
|
||
<span class="contact-field contact-field--editable is-placeholder" data-field="phone" data-type="phone" data-placeholder="+79000000000" tabindex="0" role="textbox" aria-label="Номер телефона">(+79000000000)</span>
|
||
и<br>
|
||
моя почта
|
||
<span class="contact-field contact-field--editable is-placeholder" data-field="email" data-type="email" data-placeholder="почтовый адрес" tabindex="0" role="textbox" aria-label="Email">(почтовый адрес)</span>.
|
||
<br>
|
||
Лучший способ связаться со мной
|
||
<span class="contact-field contact-field--selector is-placeholder" data-field="method" data-type="method" data-placeholder="метод" tabindex="0" role="button" aria-haspopup="listbox">(метод <span aria-hidden="true">▾</span>)</span>.
|
||
<br>
|
||
Удобным временем для беседы было бы
|
||
<span class="contact-field contact-field--selector is-placeholder" data-field="date" data-type="date" data-placeholder="дата" tabindex="0" role="button">(дата <span aria-hidden="true">▾</span>)</span>
|
||
и
|
||
<span class="contact-field contact-field--selector is-placeholder" data-field="time" data-type="time" data-placeholder="время" tabindex="0" role="button" aria-haspopup="listbox">(время <span aria-hidden="true">▾</span>)</span>.
|
||
Давайте создадим вместе нечто исключительное!
|
||
</p>
|
||
|
||
<div class="contact-sentence__actions">
|
||
<button class="btn btn--dark contact-sentence__submit" type="submit">
|
||
Отправить заявку
|
||
</button>
|
||
<p class="contact-sentence__status" aria-live="polite"></p>
|
||
</div>
|
||
</form>
|
||
</div>
|
||
</section>
|
||
</main>
|
||
<footer class="site-footer" aria-label="Подвал сайта">
|
||
<div class="site-footer__container">
|
||
<div class="site-footer__top">
|
||
<div class="site-footer__brand">
|
||
<a class="site-footer__logo" href="/" aria-label="AdConversion — на главную">
|
||
<img src="assets/img/logo.svg" width="190" height="32" alt="AdConversion">
|
||
</a>
|
||
<p class="site-footer__description">
|
||
Разработка цифровых продуктов для<br>
|
||
бизнеса.
|
||
</p>
|
||
</div>
|
||
|
||
<nav class="site-footer__nav" aria-label="Навигация в подвале">
|
||
<h2 class="site-footer__title">Навигация</h2>
|
||
<ul class="site-footer__list">
|
||
<li><a href="#services">Услуги</a></li>
|
||
<li><a href="#cases">Кейсы</a></li>
|
||
<li><a href="#process">Процесс</a></li>
|
||
</ul>
|
||
</nav>
|
||
|
||
<div class="site-footer__contacts">
|
||
<h2 class="site-footer__title">Связь</h2>
|
||
<ul class="site-footer__list">
|
||
<li><a href="#" target="_blank" rel="noopener">Telegram</a></li>
|
||
<li><a href="mailto:hello@adconversion.ru">hello@adconversion.ru</a></li>
|
||
<li><a href="tel:+79990000000">+7 (999) 000-00-00</a></li>
|
||
</ul>
|
||
</div>
|
||
</div>
|
||
|
||
<div class="site-footer__bottom">
|
||
<p>© 2026 ADConversion. Все права защищены.</p>
|
||
<a href="#">Политика конфиденциальности</a>
|
||
</div>
|
||
</div>
|
||
</footer>
|
||
</div>
|
||
<script src="https://code.jquery.com/jquery-3.7.1.min.js"></script>
|
||
<script src="https://cdn.jsdelivr.net/npm/swiper@11/swiper-bundle.min.js"></script>
|
||
<script src="assets/js/main.js"></script>
|
||
</body>
|
||
|
||
</html>
|
||
|
||
|
||
|
||
|
||
|