/* ============================================================
ПРЕФИКС: iprd-art-
Все классы уникальны — не конфликтуют с чужими стилями
============================================================ */

.iprd-art-wrap {
padding: 0 0 80px;
font-family: ‘Nunito Sans’, serif;
font-size: 17px;
line-height: 1.8;
color: #2c2c2c;
background: #ffffff;
}

/* Сброс box-sizing внутри статьи */
.iprd-art-wrap *,
.iprd-art-wrap *::before,
.iprd-art-wrap *::after {
box-sizing: border-box;
}

/* —- ШАПКА СТАТЬИ —- */
.iprd-art-label {
display: inline-block;
background: #0078D7;
color: #fff;
font-family: ‘Arial’, sans-serif;
font-size: 11px;
font-weight: 700;
letter-spacing: 0.12em;
text-transform: uppercase;
padding: 5px 14px;
border-radius: 3px;
margin-bottom: 22px;
}

.iprd-art-h1 {
font-family: ‘Nunito Sans’, serif;
font-size: 32px;
font-weight: 700;
line-height: 1.25;
color: #111111;
margin: 0 0 16px 0;
padding: 0;
border: none;
background: none;
}

.iprd-art-lead {
font-size: 18px;
line-height: 1.75;
color: #444;
margin: 0 0 40px 0;
padding: 0;
border-left: 3px solid #0078D7;
padding-left: 18px;
}

/* —- БЛОК СОДЕРЖАНИЯ —- */
.iprd-art-toc {
background: #EBF6FF;
border: 1px solid #B3D9F5;
border-radius: 8px;
padding: 24px 28px;
margin: 0 0 48px 0;
}

.iprd-art-toc-title {
font-family: ‘Arial’, sans-serif;
font-size: 13px;
font-weight: 700;
letter-spacing: 0.08em;
text-transform: uppercase;
color: #0078D7;
margin: 0 0 14px 0;
}

.iprd-art-toc-list {
margin: 0;
padding: 0;
list-style: none;
counter-reset: toc-counter;
}

.iprd-art-toc-list li {
counter-increment: toc-counter;
position: relative;
padding: 5px 0 5px 28px;
font-family: ‘Arial’, sans-serif;
font-size: 14px;
color: #333;
border-bottom: 1px solid #e2e8f5;
}

.iprd-art-toc-list li:last-child {
border-bottom: none;
}

.iprd-art-toc-list li::before {
content: counter(toc-counter);
position: absolute;
left: 0;
top: 5px;
width: 20px;
height: 20px;
background: #0078D7;
color: #fff;
font-size: 11px;
font-weight: 700;
border-radius: 50%;
display: flex;
align-items: center;
justify-content: center;
line-height: 20px;
text-align: center;
}

.iprd-art-toc-list a {
color: #0078D7;
text-decoration: none;
}

.iprd-art-toc-list a:hover {
text-decoration: underline;
}

/* —- РАЗДЕЛИТЕЛЬ —- */
.iprd-art-divider {
border: none;
border-top: 2px solid #EEF2FF;
margin: 48px 0;
}

/* —- ЗАГОЛОВКИ —- */
.iprd-art-h2 {
font-family: ‘Nunito Sans’, serif;
font-size: 24px;
font-weight: 700;
color: #111;
margin: 0 0 16px 0;
padding: 0 0 10px 0;
border-bottom: 2px solid #0078D7;
line-height: 1.35;
background: none;
}

.iprd-art-h3 {
font-family: ‘Arial’, sans-serif;
font-size: 17px;
font-weight: 700;
color: #0078D7;
margin: 28px 0 8px 0;
padding: 0;
border: none;
background: none;
}

/* —- АБЗАЦЫ —- */
.iprd-art-p {
margin: 0 0 18px 0;
padding: 0;
color: #2c2c2c;
font-size: 17px;
line-height: 1.8;
}

/* —- ИНФО-БЛОК —- */
.iprd-art-infobox {
background: #E5F3FF;
border-left: 4px solid #0078D7;
border-radius: 0 8px 8px 0;
padding: 18px 22px;
margin: 28px 0;
}

.iprd-art-infobox-label {
font-family: ‘Arial’, sans-serif;
font-size: 13px;
font-weight: 700;
color: #0078D7;
margin: 0 0 6px 0;
}

.iprd-art-infobox-text {
font-size: 15px;
color: #333;
margin: 0;
line-height: 1.7;
}

/* —- ЭТАПЫ (нумерованные блоки) —- */
.iprd-art-steps {
display: flex;
flex-direction: column;
gap: 14px;
margin: 24px 0;
}

.iprd-art-step {
display: flex;
gap: 0;
border: 1px solid #B3D9F5;
border-radius: 8px;
overflow: hidden;
}

.iprd-art-step-num {
min-width: 52px;
background: #0078D7;
color: #fff;
font-family: ‘Arial’, sans-serif;
font-size: 20px;
font-weight: 700;
display: flex;
align-items: center;
justify-content: center;
flex-shrink: 0;
}

.iprd-art-step-body {
padding: 14px 18px;
background: #fff;
}

.iprd-art-step-title {
font-family: ‘Arial’, sans-serif;
font-size: 15px;
font-weight: 700;
color: #111;
margin: 0 0 4px 0;
}

.iprd-art-step-text {
font-size: 14px;
color: #555;
margin: 0;
line-height: 1.65;
}

/* —- ТАБЛИЦА ЦЕН —- */
.iprd-art-table-wrap {
overflow-x: auto;
margin: 24px 0;
}

.iprd-art-table {
width: 100%;
border-collapse: collapse;
font-family: ‘Arial’, sans-serif;
font-size: 14px;
}

.iprd-art-table th {
background: #0078D7;
color: #fff;
font-weight: 700;
text-align: left;
padding: 12px 16px;
}

.iprd-art-table td {
padding: 11px 16px;
border-bottom: 1px solid #E8EDF8;
color: #333;
vertical-align: top;
}

.iprd-art-table tr:last-child td {
border-bottom: none;
}

.iprd-art-table tr:nth-child(even) td {
background: #F7F9FE;
}

.iprd-art-price {
color: #0078D7;
font-weight: 700;
}

/* —- СПИСОК (буллеты) —- */
.iprd-art-list {
margin: 12px 0 24px 0;
padding: 0;
list-style: none;
}

.iprd-art-list li {
position: relative;
padding: 7px 0 7px 28px;
font-size: 16px;
color: #333;
border-bottom: 1px solid #f0f0f0;
line-height: 1.65;
}

.iprd-art-list li:last-child {
border-bottom: none;
}

.iprd-art-list li::before {
content: ‘✓’;
position: absolute;
left: 0;
top: 8px;
color: #0078D7;
font-weight: 700;
font-size: 15px;
}

.iprd-art-list—red li::before {
content: ‘✗’;
color: #e53e3e;
}

/* —- КРИТЕРИИ (карточки) —- */
.iprd-art-criteria {
display: flex;
flex-direction: column;
gap: 16px;
margin: 24px 0;
}

.iprd-art-criteria-item {
border: 1px solid #B3D9F5;
border-radius: 8px;
padding: 18px 20px;
background: #fff;
}

.iprd-art-criteria-head {
display: flex;
align-items: center;
gap: 10px;
margin-bottom: 8px;
}

.iprd-art-criteria-num {
background: #0078D7;
color: #fff;
font-family: ‘Arial’, sans-serif;
font-size: 13px;
font-weight: 700;
width: 28px;
height: 28px;
border-radius: 50%;
display: flex;
align-items: center;
justify-content: center;
flex-shrink: 0;
}

.iprd-art-criteria-title {
font-family: ‘Arial’, sans-serif;
font-size: 15px;
font-weight: 700;
color: #111;
margin: 0;
}

.iprd-art-criteria-text {
font-size: 15px;
color: #555;
margin: 0;
line-height: 1.7;
}

/* —- CTA блок —- */
.iprd-art-cta {
background: linear-gradient(135deg, #0078D7 0%, #005fa3 100%);
border-radius: 12px;
padding: 32px 36px;
margin: 48px 0 0 0;
text-align: center;
}

.iprd-art-cta-title {
font-family: ‘Georgia’, serif;
font-size: 22px;
font-weight: 700;
color: #fff;
margin: 0 0 12px 0;
line-height: 1.3;
}

.iprd-art-cta-text {
font-size: 15px;
color: rgba(255,255,255,0.85);
margin: 0 0 24px 0;
line-height: 1.65;
}

.iprd-art-cta-btn {
display: inline-block;
background: #fff;
color: #0078D7;
font-family: ‘Arial’, sans-serif;
font-size: 15px;
font-weight: 700;
padding: 13px 32px;
border-radius: 6px;
text-decoration: none;
transition: background 0.2s, color 0.2s;
}

.iprd-art-cta-btn:hover {
background: #E5F3FF;
color: #0078D7;
}

/* —- АДАПТИВ —- */
@media (max-width: 600px) {
.iprd-art-wrap { padding: 0 0 60px; }
.iprd-art-h1 { font-size: 24px; }
.iprd-art-h2 { font-size: 20px; }
.iprd-art-step-num { min-width: 40px; font-size: 16px; }
.iprd-art-cta { padding: 24px 20px; }
.iprd-art-cta-title { font-size: 18px; }
}


Разработка сайтов

Вы решили создать сайт для бизнеса и столкнулись с потоком непонятных предложений: одни студии обещают «сайт за 3 дня», другие предлагают «полный цикл разработки» за совершенно разные деньги. Разбираемся, что реально входит в понятие «под ключ» — и как не переплатить за воздух.

1. Что такое разработка сайта под ключ

Разработка сайта «под ключ» означает, что исполнитель берёт на себя весь цикл работ — от первоначального анализа задачи до запуска готового ресурса. Вам не нужно отдельно искать дизайнера, программиста, SEO-специалиста и копирайтера. Одна команда ведёт проект от идеи до результата.

«Под ключ» не означает одинаковый набор услуг у всех студий. Одни включают SEO-оптимизацию в базовый пакет, другие выставляют её отдельным счётом. Поэтому перед подписанием договора нужно чётко зафиксировать, что именно входит в работу.

💡 Ключевой критерий

Хороший подрядчик всегда фиксирует полный список работ в техническом задании (ТЗ) и договоре — до начала разработки. Устные договорённости в этой сфере не работают.

2. Из каких этапов состоит разработка сайта

Стандартный полный цикл разработки включает следующие этапы:

1

Анализ и стратегия

Изучение бизнеса клиента, целевой аудитории, конкурентов. Определение целей сайта: продажи, лиды, имидж. Формирование технического задания.

2

Проектирование структуры (UX)

Разработка карты сайта и прототипов страниц. На этом этапе продумывается навигация, расположение блоков и пользовательский путь — без дизайна, только логика.

3

Дизайн (UI)

Создание визуального оформления: главная страница, внутренние страницы, мобильная версия. Дизайн должен соответствовать фирменному стилю компании.

4

Вёрстка и программирование

Перевод дизайна в рабочий сайт. Подключение CMS (WordPress, Битрикс, OpenCart), настройка форм, каталогов, фильтров, личного кабинета — в зависимости от задачи.

5

Наполнение контентом

Размещение текстов, изображений, видео. В хороших студиях копирайтер пишет тексты под SEO, а не просто переносит информацию «как есть».

6

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

Настройка мета-тегов, заголовков H1–H3, скорости загрузки, микроразметки, robots.txt и карты сайта. Без этого сайт будет невидим в Google.

7

Тестирование

Проверка на разных устройствах и браузерах, тест форм, оплаты (если интернет-магазин), скорости страниц по Google PageSpeed.

8

Запуск и поддержка

Перенос на боевой сервер, настройка хостинга и SSL-сертификата. После запуска — обучение клиента работе с сайтом и техническое сопровождение.

3. Какие типы сайтов разрабатывают под ключ

Тип сайта определяет объём работ, сроки и стоимость. Вот основные форматы, актуальные для бизнеса в Казахстане:

Сайт-визитка / Landing Page

1–5 страниц, задача — быстро донести суть предложения и получить заявку. Подходит для услуг, мероприятий, рекламных кампаний. Срок разработки: 1–3 недели.

Корпоративный сайт

Многостраничный сайт с разделами «О компании», «Услуги», «Портфолио», «Новости», «Контакты». Формирует доверие и имидж. Срок: 3–6 недель.

Интернет-магазин

Полноценная e-commerce платформа с каталогом, корзиной, оплатой и личным кабинетом. Обычно разрабатывается на WooCommerce, OpenCart или 1С-Битрикс. Срок: 6–12 недель.

Каталог продукции / B2B-портал

Сайт с большим объёмом товаров или услуг без функции онлайн-оплаты. Популярен в промышленном и оптовом бизнесе. Срок: 4–8 недель.

4. Сколько стоит разработка сайта в Казахстане

Стоимость зависит от типа сайта, уровня индивидуализации и опыта студии. Ориентировочные диапазоны цен в 2026 году:

Тип сайта Стоимость (тенге) Срок разработки
Лендинг / сайт-визитка от 150 000 ₸ 1–3 недели
Корпоративный сайт от 300 000 ₸ 3–6 недель
Интернет-магазин от 500 000 ₸ 6–12 недель
Портал / нестандартная разработка от 800 000 ₸ от 3 месяцев

⚠️ Важно

Слишком низкая цена — сигнал тревоги. За 30 000–50 000 тг реальной разработки не бывает. Это либо шаблон без адаптации, либо работа без договора и гарантий.

5. Как выбрать веб-студию: 7 критериев

Рынок веб-разработки в Казахстане переполнен предложениями. Чтобы не ошибиться с выбором, проверяйте студию по следующим критериям:

1

Портфолио с реальными проектами

Попросите ссылки на готовые сайты — не скриншоты, а живые адреса. Проверьте скорость загрузки, мобильную версию, наполнение. Если студия не может показать работающие проекты — это тревожный знак.

2

Прозрачное техническое задание

Серьёзный подрядчик составляет подробное ТЗ перед началом работ. В нём фиксируются: структура сайта, функционал, платформа, сроки, ответственность сторон. Без ТЗ любая договорённость — устная и ничем не защищена.

3

Чёткий договор

Договор должен содержать: полный перечень работ, сроки сдачи каждого этапа, стоимость и порядок оплаты, права на готовый сайт. Если студия предлагает работать без договора — откажитесь.

4

Включённая SEO-оптимизация

Даже красивый сайт без базовой SEO-оптимизации будет невидим в Google. Уточните, входят ли в стоимость мета-теги, заголовки H1–H6, скорость страниц, карта сайта и robots.txt.

5

Адаптивность под мобильные

Более 70% пользователей в Казахстане заходят на сайты с телефона. Адаптивная вёрстка — не опция, а обязательное требование. Попросите показать мобильную версию уже готовых проектов студии.

6

Поддержка после запуска

Уточните: что происходит, если сайт сломается через неделю после запуска? Есть ли гарантийный период? Хорошая студия даёт гарантию минимум 3–6 месяцев.

7

Реальные отзывы и рекомендации

Поищите отзывы в Google Maps, 2GIS, профильных группах Telegram и WhatsApp. Попросите контакт 1–2 клиентов, чтобы спросить напрямую — не только на сайте студии, где отзывы всегда положительные.

6. Красные флаги: когда стоит отказаться от студии

Есть признаки, которые сигнализируют о ненадёжном подрядчике:

  • Обещают сделать сайт за 3–5 дней без уточнения задачи
  • Нет портфолио или показывают только скриншоты
  • Отказываются заключать договор или составлять ТЗ
  • Цена значительно ниже рынка без объяснения причин
  • Не могут объяснить, на какой платформе будет сайт и почему
  • Права на сайт остаются у студии, а не у вас
  • Не отвечают на вопросы по технической части

7. Вопросы, которые нужно задать студии перед заказом

Чтобы сравнить предложения разных студий на одном уровне, задайте каждой из них одинаковый список вопросов:

  • На какой платформе (CMS) вы разработаете сайт и почему именно на ней?
  • Входит ли мобильная адаптация в базовую стоимость?
  • Кто будет заниматься наполнением сайта контентом?
  • Входит ли базовая SEO-оптимизация в пакет?
  • Какова скорость загрузки ваших готовых проектов по Google PageSpeed?
  • Какой гарантийный период вы предоставляете?
  • Кому принадлежит домен, хостинг и код сайта после сдачи?
  • Как проходит приёмка работ и что является критерием завершения проекта?

8. Чек-лист: что проверить у готового сайта перед подписанием акта

Перед финальной оплатой обязательно проверьте сайт самостоятельно:

  • Откройте сайт на смартфоне — всё ли корректно отображается?
  • Проверьте скорость на PageSpeed Insights (score от 70+)
  • Отправьте тестовую заявку через форму — пришло ли письмо на почту?
  • Убедитесь, что установлен SSL-сертификат (адрес начинается с https://)
  • Проверьте, что все тексты уникальны и без опечаток
  • Убедитесь, что сайт корректно работает в Chrome, Safari, Firefox
  • Проверьте, заполнены ли мета-теги на всех страницах

Итог: как выбрать студию и не пожалеть

Разработка сайта под ключ — это инвестиция, а не расход. Грамотно созданный сайт привлекает клиентов, формирует доверие и работает на бизнес 24 часа в сутки.

Ключевые правила выбора студии: требуйте ТЗ и договор до старта работ; проверяйте живые проекты, а не скриншоты; уточняйте, что именно входит в стоимость; не гонитесь за самой низкой ценой — экономия обернётся переделкой; убедитесь, что права на сайт переходят к вам.

Нужна разработка сайта под ключ в Казахстане?

Команда IPROD разрабатывает корпоративные сайты, интернет-магазины и промышленные порталы. Работаем по договору, с ТЗ и гарантией результата.

Обсудить проект →