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

Делаем сайты, которые объясняют продукт, быстро загружаются и приносят заявки. От структуры и текста до запуска и поддержки.

Что это и кому нужно

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

Направление подходит:

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

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

Задачи, которые решаем

• Корпоративный сайт. Многостраничная структура: о компании, услуги, отрасли, примеры, контакты, блог.
• Лендинг. Одностраничная страница под конкретное предложение или рекламную кампанию. Когда выбрать лендинг, а когда полноценный сайт, описано в статье лендинг или многостраничный сайт.
• B2B-сайт. Сайт для долгих сделок: доверие, экспертиза, материалы для принятия решения. Подход разобран в статье сайт для B2B-компании.
• Редизайн и переработка. Обновление внешнего вида и структуры с сохранением позиций в поиске.
• Подготовка к рекламе. Страницы, формы, аналитика под запуск. См. контекстная реклама: как подготовить сайт.
• Блог и база знаний. Раздел статей для привлечения аудитории из поиска.
• Поддержка. Обновление, исправления, развитие. Подробнее: поддержка и развитие сайта.

Что входит в работу

• Бриф и анализ задачи: целевая аудитория, конкуренты, ключевые сценарии посетителя.
• Структура сайта и прототипы страниц.
• Техническое задание, если проект сложный (как составить техническое задание).
• Дизайн страниц для настольных и мобильных экранов.
• Адаптивная вёрстка (адаптивная вёрстка).
• Работа над скоростью загрузки: оптимизация изображений, кода, шрифтов (скорость загрузки сайта).
• Основы поисковой оптимизации: структура, заголовки, метаданные, карта сайта, разметка (SEO при разработке).
• Формы заявок, подключение почты и уведомлений, аналитика.
• Размещение на хостинге, настройка домена и защищённого соединения.
• Помощь с наполнением и текстами.

Как проходит работа

Общая логика этапов описана в статье этапы разработки сайта. Вкратце:

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

Что получает клиент

• Готовый сайт на вашем домене с настроенным хостингом и защищённым соединением.
• Исходные файлы, доступы и права на сайт, закреплённые в договоре.
• Адаптивные страницы, корректно работающие на телефонах, планшетах и компьютерах.
• Формы заявок, уведомления на почту, подключённая аналитика.
• Базовые настройки для поиска: заголовки, описания, карта сайта, файл с правилами для роботов.
• Инструкцию по самостоятельному редактированию содержимого.
• Гарантийный период на исправление ошибок.
• Предложение по поддержке и развитию.

Объём и сроки

Ориентиры для типовых проектов, без привязки к конкретным суммам. Точная оценка делается после брифа.

Сроки сильно зависят от скорости согласований и готовности материалов. Если тексты и изображения готовятся параллельно, проект идёт быстрее. Общие ориентиры по стоимости собраны на странице Цены.

На что обратить внимание

Начало с дизайна, а не с задачи. Красивый сайт, который не отвечает на вопросы посетителя, не приводит заявок. Сначала структура и смысл, потом оформление.

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

Сайт только для компьютера. Значительная часть трафика приходит с телефонов. Мобильную версию проектируем наравне с настольной.

Тексты в последний момент. Если наполнение откладывается до конца, сроки срываются, а дизайн приходится переделывать под реальный объём текста.

Отсутствие аналитики. Без счётчиков и целей невозможно понять, что работает. Подключаем их до запуска, а не после.

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

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

Частые вопросы

Что лучше: лендинг или многостраничный сайт?

Лендинг подходит для одного предложения и рекламных кампаний. Если у вас несколько услуг, нужно объяснять сложный продукт и привлекать аудиторию из поиска, лучше многостраничный сайт. Мы поможем выбрать по вашей ситуации.

Вы пишете тексты для сайта?

Да, можем подготовить тексты или отредактировать ваши. Для технологических компаний особенно важно, чтобы текст был точным и понятным без специальной подготовки. Примеры нашего подхода можно увидеть на страницах Услуги и в блоге.

Сколько времени занимает разработка?

Лендинг делается за одну-две недели, корпоративный сайт за один-два месяца. Основной тормоз обычно согласования и тексты, а не разработка.

Кому принадлежит сайт?

Права на сайт и доступы передаются вам. Нюансы по лицензиям на сторонние компоненты и шрифты мы указываем заранее.

Вы занимаетесь продвижением?

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

Можно ли дорабатывать сайт после запуска?

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

Как мы начнём работать?

Напишите на [email protected] или откройте страницу Контакты: расскажите о задаче, мы ответим вопросами и предложим формат работы.

Нужна ли система управления содержимым?

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

Как вы обеспечиваете безопасность сайта?

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

Сколько правок включено в проект?

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

Пример типового проекта

Компания, разрабатывающая технологию для промышленности, приходит с проблемой: продукт сложный, а сайт состоит из трёх экранов с общими фразами. Потенциальные клиенты не понимают, чем она отличается, и уходят. Мы выделяем разделы по услугам и отраслям, добавляем страницы с примерами и подробным описанием процесса, готовим блог со статьями на вопросы, которые клиенты задают на встречах, и размещаем заметные точки связи на каждой странице. За счёт структуры посетитель за пару минут понимает, подходит ли ему решение, а поисковые системы видят много полезных страниц под реальные запросы. Подробнее о подходе к такому контенту в статье про сайт для B2B-компании.

Что мы считаем качественным сайтом

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