Чем занимается веб-студия и как выбрать её для своего проекта

Чем занимается веб-студия? Она проектирует, рисует, программирует и запускает сайты, а потом помогает их развивать. Выбирать её стоит не по красоте портфолио, а по тому, как устроен процесс, насколько понятна смета и что вы получите на руки после сдачи проекта.

Чем занимается веб-студия и чем она отличается от дизайн-студии

Веб-студия создаёт и развивает сайты и веб-сервисы: от анализа задачи и прототипа до программирования, запуска и поддержки. Дизайн-студия чаще отвечает только за визуальную часть и передаёт макеты разработчикам.

Типичный набор работ веб-студии:

• проектирование: структура сайта, сценарии пользователей, прототипы;
• дизайн интерфейсов и адаптация под телефоны;
• вёрстка, программирование, интеграции с CRM, 1С, платёжными сервисами;
• наполнение и техническая основа для SEO;
• запуск, перенос, поддержка и доработки.

Дизайн-студии занимаются айдентикой, графикой, макетами интерфейсов, иногда упаковкой. Креативные и медиаагентства работают с рекламными кампаниями и размещением. Если сайт делают несколько подрядчиков, нужен один ответственный за стыки между ними.

Когда бизнесу нужна внешняя команда

Внешняя команда нужна, когда задачу не закрыть своими силами из-за компетенций, сроков или нагрузки. Студия даёт взгляд со стороны, опыт похожих проектов и специалистов, которых невыгодно держать в штате ради одного запуска.

Признаки, что пора искать исполнителя:

• запускается новый продукт, и сайт нужен к конкретной дате;
• текущий сайт устарел, неудобен на телефоне или не приносит заявок;
• после ребрендинга сайт выглядит иначе, чем остальные материалы;
• в штате нет дизайнера, разработчика или аналитика, а маркетинг перегружен;
• нужна интеграция, которую своя команда раньше не делала.

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

Как выбрать веб-студию: что проверить до договора

При выборе веб-студии смотрите на четыре вещи: портфолио с похожими задачами, описанный процесс, прозрачную смету и договор, где прописаны права на результат и передача доступов. Цена и красота макетов вторичны.

Портфолио

Ищите проекты с похожей задачей, а не только из вашей отрасли. Открывайте живые сайты, а не скриншоты: проверьте их на телефоне, оцените скорость и работу форм. Спросите, что именно делала студия — весь проект или только дизайн.

Процесс и команда

Попросите описать этапы, результат каждого и порядок согласования правок. Уточните, кто ведёт проект с обеих сторон и кто из специалистов в штате, а кто привлекается. Например, QIO на старте фиксирует, что запускается сейчас, а что переносится в следующую итерацию; подход описан на странице о студии.

Прозрачная смета

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

Договор, права и доступы

По статье 1296 ГК РФ исключительное право на произведение, созданное по заказу, принадлежит заказчику, если договор не предусматривает иное. Поэтому читайте, что именно в договоре написано о правах на дизайн и код. Домен, хостинг, Яндекс Вебмастер, Search Console и Метрику лучше оформлять на компанию, а студии давать пользовательский доступ.

Маршрут проекта: от брифа до передачи исходников

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

1. Бриф. Цели, аудитория, материалы, ограничения. Что в него включить, разобрано в статье о брифе на разработку сайта.
2. Исследование и ТЗ. Конкуренты, структура, требования, критерии приёмки. Как сделать их проверяемыми, описано в материале о техническом задании и приёмке сайта.
3. Прототип. Схемы страниц без дизайна для проверки логики и содержания.
4. Дизайн. Макеты ключевых страниц, затем остальных, с мобильными версиями.
5. Разработка. Вёрстка, программирование, интеграции, наполнение.
6. Тестирование. Формы, браузеры, телефоны, скорость, базовые SEO-настройки.
7. Запуск. Перенос на рабочий сервер, подключение аналитики, проверка индексации.
8. Передача. Исходники, доступы, инструкция, договорённость о поддержке.

Что заказчик получает на выходе

На выходе заказчик получает работающий сайт, исходные файлы дизайна и кода, доступы ко всем сервисам и инструкцию. Без этого набора любая доработка будет зависеть от прежнего подрядчика.

• макеты в редактируемом формате и дизайн-система: цвета, шрифты, компоненты;
• исходный код и описание, как его развернуть;
• доступы к админке, хостингу, домену, аналитике;
• инструкция для редакторов;
• акт с перечнем принятых работ.

Доступы к сервисам поисковых систем выдаются через роли. В Яндекс Вебмастере управлять правами других пользователей может только владелец, подтвердивший права на сайт. В Search Console есть подтверждённые и делегированные владельцы, а также пользователи с полным или ограниченным доступом. Проверьте, что владелец — ваша компания.

Эффект от сайта измеряют целями в аналитике: заявки, звонки, покупки. Их лучше согласовать ещё в ТЗ, чтобы было с чем сравнивать.

Из чего складывается смета веб-студии

Стоимость зависит от объёма и сложности: числа уникальных шаблонов страниц, интеграций, требований к дизайну, сроков и того, кто готовит контент. Срочность и неготовые материалы обычно увеличивают бюджет.

• тип сайта: лендинг, корпоративный сайт, интернет-магазин, сервис;
• число уникальных макетов и состояний интерфейса;
• интеграции с внешними системами;
• контент: кто пишет тексты и готовит фото;
• сроки и состав команды;
• расходы вне студии: домен, хостинг, платные модули.

Чтобы сравнить предложения, приведите их к одному составу работ. Иначе дешёвый вариант может просто не включать то, что есть в дорогом.

Ошибки заказчика, которые дорого обходятся

Чаще всего проект дорожает из-за решений на старте: выбор только по цене, размытое задание, отсутствие критериев приёмки и доступы, оформленные на подрядчика. Эти ошибки проще предотвратить, чем исправлять.

• Выбор по минимальной цене. Низкая смета часто означает урезанный состав работ, который всплывёт допсоглашениями.
• Размытое ТЗ. «Современный сайт как у конкурента» каждый понимает по-своему.
• Нет критериев приёмки. Спор «готово или нет» затягивает сдачу.
• Экономия на прототипе. Ошибки структуры находятся уже в коде, где их дороже исправлять.
• Контент «потом». Сайт готов, а тексты и фото ещё нет — запуск откладывается.
• Аккаунты на подрядчике. При смене студии доступы приходится восстанавливать.

Чтобы обсуждать проект предметно, начните с брифа и списка задач, а затем сравните, какие из них студия готова взять. Перечень работ QIO по сайтам, дизайну, SEO и поддержке собран в разделе услуг.

Источники

• Статья 1296 ГК РФ. Произведения, созданные по заказу | Легалакт
• Управление правами доступа | Справка Яндекс Вебмастера
• Об управлении владельцами, пользователями и разрешениями | Справка Search Console