Кто не хочет терять деньги, время и веру в людей, просчитывают всё на шаг вперёд
Команда студии ONE PAGE
От решений, принятых на старте проекта, напрямую зависит его успех. Мы знаем, как сэкономить время, деньги и нервы, поэтому подготовили пошаговый план по составлению ТЗ на разработку сайта. Также расскажем о возможных дополнительных расходах, подводных камнях и нюансах выбора подрядчика.
Заказать сайт – не ракету строить
Но почему-то часто именно на этом этапе всё идёт не по плану
Вроде задача понятная: нужен сайт – берёшь и делаешь. Технологий – вагон. Студий – сотни. Фрилансеров – тысячи.
Вопросов быть не должно. А они есть.
Какой сайт мне нужен?
Как понять, что мне нужен именно лендинг, а не многостраничник? Если ошибусь, сайт будет работать вхолостую.
На чём делать сайт? Не понимаю...
Конструктор, CMS, фреймворки, самописное решение – разобраться бы, чем они отличаются. Не хочу через год переделывать всё заново.
Кому доверить реализацию?
Один обещает сделать за три дня и пять копеек, другой просит полмиллиона и полгода. Кому верить – непонятно.
От чего складывается стоимость?
Цены разные, а по дизайну сайты обещают сделать одинаковые. Откуда такая разница? Где подвох?
Успех проекта гарантирован, если у заказчика есть ответы на эти вопросы
Екатерина, тимлид студии
Все эти вопросы появляются в самом начале, когда только-только задумался о сайте. И, общаясь с заказчиками, мы увидели закономерность: все ошибки оттого, что некому было подсказать правильное решение на старте.
Знать, где лежат грабли, ещё не значит не наступить на них
И хотя советчиков всегда много, ошибки продолжают совершаться. Что сработало у соседа, вам может не подойти.
На самом деле, на все вопросы, возникающие на старте, есть четкие и простые ответы
Игорь, руководитель студии
Не нужно становиться техническим экспертом, нужна лишь понятная система выбора. Ниже мы разложили по полкам всё, что нужно знать перед заказом сайта: как сформулировать задачу, какой тип сайта выбрать, на чём его делать, сколько это стоит и кому доверить.
Шаг 1
Определите задачи сайта
Главная работа сайта – решать конкретные бизнес-задачи, т. е. приносить заявки, продавать, информировать, автоматизировать
Задач может быть несколько. И чтобы не запутаться, мы разбили их на четыре блока. Выберите свои. Один пункт или несколько – главное, чтобы вы чётко понимали: за что именно будет отвечать ваш сайт.
Продажи и трафик
Всё, что приносит деньги и приводит людей:
• Увеличение онлайн-продаж
• Увеличение офлайн-продаж
• Расширение географии продаж
• Проведение рекламных кампаний
Маркетинг и репутация
Работа с имиджем, доверием и узнаваемостью:
• Формирование образа бренда
• Демонстрация экспертности
• Сбор клиентской базы
• Привлечение партнеров
• Изучение целевой аудитории
Автоматизация и сервис
Оптимизация процессов и помощь клиентам:
• Автоматизация приёма заявок
• Онлайн-оплата и бронирование
• Улучшение сервиса и обратная связь
• Обучение клиентов
• Изучение целевой аудитории
Некоммерческие и кадры
Когда цель не в прибыли, а в пользе:
• Информирование о деятельности
• Сбор пожертвований
• Привлечение волонтёров
• Продвижение общественно значимых идей
Сначала важно определить задачи. Потом подбирать вид сайта
Екатерина, тимлид студии
Для нас, как специалистов, связь между задачами бизнеса и видом сайта очевидна. Однако заказчики нередко ориентируются не на реальные потребности, а на то, что визуально привлекло внимание или кажется более «солидным». Отталкиваясь сначала от визуала, а уже потом от задач, часто возникает разочарование, потому что ожидания не сошлись с реальностью. Поэтому важно сначала определить задачи, а уже затем переходить к выбору подходящего сайта – ко второму шагу.
Шаг 2
Какой вид сайта для каких задач подходит
Чтобы у вас не было путаницы, мы описали какие бывают сайты и в каких случаях их выбирать
Смотрите, сверяйтесь со своими задачами из первого шага и выбирайте осознанно, не гадая.
Одностраничный сайт
Максимально заточен под одно действие и даёт самую высокую конверсию, когда нужно быстро собрать заявки.
Для каких задач:
Продажа одного товара или услуги, сбор заявок на акцию, запуск нового продукта, тестирование спроса.
Сайт-визитка
Небольшой сайт, который заменяет электронную визитку. Даёт клиенту минимально необходимую информацию и контакт для связи.
Для каких задач:
Краткое представление компании или частного специалиста.
Корпоративный сайт
Многостраничный сайт, который формирует доверие и репутацию, одновременно выполняя функцию сбора клиентов через формы связи.
Для каких задач:
Подробное представление компании, публикация новостей и экспертных материалов, привлечение партнёров и соискателей, а также сбор заявок через формы связи.
Интернет-магазин
Полноценная торговая площадка с каталогом товаров, корзиной и личным кабинетом, предназначенная для самостоятельного оформления заказов.
Для каких задач:
Продажа множества товаров онлайн, приём оплаты, расчёт доставки, управление остатками, проведение акций и настройка скидок.
Сайт-каталог
Удобная витрина для просмотра вариантов с последующей связью для обсуждения деталей.
Для каких задач:
Демонстрация большой коллекции работ, товаров или проектов, где нет корзины и онлайн-оплаты.
Веб-сервис
Сайт, который не просто информирует, а выполняет полезные функции: помогает записаться, рассчитать, заказать, отследить.
Для каких задач:
Онлайн-запись, личные кабинеты, бронирование, сложные расчёты, автоматизация процессов.
Шаг 3
Технологии для сайта
Это база, от которой зависит, что вы сможете сделать с сайтом завтра
Может казаться, что главное – просто сделать. Красиво, современно, чтобы работало. Но сайт будет жить с вами не один год. А бизнес – штука живая: задачи меняются, появляются новые идеи, вырастают обороты. На этом этапе необходимо посмотреть немного вперед и выбрать такую технологию, которая не упрётся в потолок, когда бизнес пойдёт вверх.
Конструкторы (Тильда, Базиум, Flexbe)
Как работает: Собираете сайт из готовых блоков. Никакого кода.
Плюсы: Быстрая разработка. Недорого. Красивые шаблоны. Меняете текст и фото сами.
Минусы: Ограничения по функционалу – сложные каталоги, личные кабинеты, нестандартные интеграции уже не потянет. Сайт привязан к платформе, забрать себе нельзя.
Кому: Для лендингов, сайтов-визиток, портфолио, небольших магазинов, где не нужна сложная логика.
Популярные CMS (Битрикс, ModX)
Как работает: Программист переносит вёрстку сайта на готовую систему управления. После сдачи вы сами управляете контентом через админку.
Плюсы: Подходит для 80% задач – от блога до интернет-магазина. Вы – полный хозяин сайта. Можно кастомизировать и развивать.
Минусы: При плохой сборке, сайт может тормозить.
Кому: Всем, кому нужен полноценный рабочий сайт с возможностью роста.
Собственные CMS веб-студий
Как работает: Студия переносит вёрстку на свою собственную систему управления, которую использует для всех своих проектов. Вы работаете в их админке.
Плюсы: Удобно для типовых задач студии, полный контроль со стороны разработчиков.
Минусы: Зависимость от студии, нет готовых модулей, при смене подрядчика возможно придется переделывать сайт с нуля.
Кому: Для тех, кто планирует долгосрочную поддержку в этой студии и доверяет их технологиям.
Статичный сайт (HTML/CSS/JS)
Как работает: Программисты пишут код под вашу задачу. После сдачи сайт работает как готовая страница – без админки, баз данных и сложной начинки.
Плюсы: Загружается мгновенно. Дешевый хостинг. Не требует обслуживания и обновлений.
Минусы: Любые правки проходят только через программиста. Нельзя самому менять контент.
Кому: Для небольших сайтов-визиток, промо-страниц или портфолио, где контент меняется редко и не нужна админка.
Ошибки с выбором технической стороны сайта приводят к потере сотен тысяч рублей
Веб-студия ONE PAGE
Хотим подчеркнуть: все шаги, о которых мы говорим – не теория, а выводы из нашего практического опыта и работы с заказчиками. Мы не раз видели, как ошибки на старте приводят к не самым приятным последствиям, лишним затратам и переделкам. Поэтому ниже делимся несколькими примерами из практики наших клиентов.
Цена ошибки: реальные кейсы клиентов
Посмотрите, как ошибались другие на примере наших заказчиков – с причинами, последствиями и выводами.
Зависимость от конкретной студии
Клиент выбрал студию, которая делает сайты на собственной платформе (CMS). Админка была, но разобраться в ней оказалось сложно. В итоге любая правка – даже сменить телефон или добавить новость – шла через программиста. И занимала от нескольких дней до месяца. Но клиент не мог с этим сайтом уйти в другую студию, так как с кастомными CMS никто работать не хочет.
Цена ошибки
Потеря времени и денег. Сайт есть, а управлять им быстро нельзя. В итоге, спустя долгое время мучений, клиенту пришлось разрабатывать новый сайт с нуля.
Вывод
Как показывает практика, кастомная CMS удобна исключительно самой студии, и развивается она, только пока существует сама студия (обновления безопасности, устранение багов, оптимизация и т.п.). Поэтому важно перед началом работ убедиться в том, что студия работает с популярной CMS, которая входит в верхний список рейтингов. Иначе каждая мелочь превратится в долгое ожидание, а при плохом раскладе – и в разработку нового сайта.
Упёрлись в потолок
Клиент запустил интернет-магазин на Tilda. На старте всё устраивало: быстро, бюджетно, красиво. Но бизнес вырос – понадобились сложные фильтры, интеграции со сторонними сервисами, личные кабинеты. Tilda это не потянула.
Цена ошибки
Потеря времени, денег и бизнес-возможностей. Сайт пришлось делать заново, а пока его переносили, клиенты не могли заказывать.
Вывод
Конструкторы хороши на старте, но если планируете масштабироваться, закладывайте это сразу. Иначе через год-два придётся начинать с нуля.
Плохая сборка кода
Клиент решил сделать новый корпоративный сайт на популярной CMS взамен старому. Выбрал исполнителя с красивым портфолио. Сделали быстро и дёшево. Через пару месяцев сайт начал тормозить – загрузка по 5-7 секунд. Также сайт выпал из выдачи поисковых систем. Оказалось, что в целях экономии исполнитель использовал нейросети для написания кода в связки со слабыми программистами – по сути, отсутствовал инженерный подход в разработке. Как итог: кривой и немасштабируемый код сайта. В этом кейсе мы рассказывали про инженерный подход в проектировании сайта.
Цена ошибки:
Пришлось нанимать другого специалиста, чтобы частично переписывать код и оптимизировать скорость. Плюс потерянные клиенты и упавшие позиции в поиске.
Вывод:
CMS не гарантирует качество. Если сборка кривая, сайт будет тормозить. Проверяйте реальные проекты исполнителя: как они работают, как грузятся, что говорят клиенты о поддержке.
Цена ошибки измеряется не только в рублях, но и во времени
Игорь, руководитель студии
Пока вы ждёте правки, пока сайт тормозит, пока переделываете – конкуренты работают, клиенты уходят, возможности упускаются. Поэтому смотрите не только на цену сегодня, но и на то, сколько вы потеряете завтра.
Шаг 4
Кому доверить разработку?
Выбор подрядчика, пожалуй, самый сложный этап. Ведь люди, в отличие от технологий, не тестируются до подписания договора
Важно взвесить все плюсы и минусы каждого подхода и отталкиваться от ранее определенных задач сайта, выбранных технологий и планов по его дальнейшему развитию.
Фрилансер
Особенности: Глубоко знает одну область – дизайн, верстку или программирование.
Плюсы: Часто дешевле студии. Гибкий график и прямое общение.
Минусы: За версткой, дизайном и текстами придётся бегать самому. Риски со сроками и юридическим.
Для кого: Подходит для чётких, небольших задач. Нужно быть готовым координировать, контролировать и искать других специалистов.
Веб-студия
Особенности: В команде есть все необходимые специалисты, отточены процессы работы.
Плюсы: Берут на себя всю головную боль. Контролируют качество и сроки. Решают сложные задачи. Дают гарантии и поддержку.
Минусы: Стоит дороже фрилансера. Меньше гибкости в процессе.
Для кого: Идеален для сложных и ответственных проектов, где важен результат, а не экономия.
Ваша команда
Особенности: Ваши сотрудники, которые дышат только вашим проектом.
Плюсы: Максимальная скорость правок, идеальное понимание бизнеса, долгосрочное развитие.
Минусы: Очень трудозатратно. Долго собирать и настраивать процессы. Получится в лучшем случае на «троечку».
Для кого: Оправдано только для крупных компаний, где сайт – критически важный и постоянно меняющийся актив. У вас есть ресурсы и стратегическая необходимость.
Самостоятельно
Особенности: Вы берёте на себя все роли: стратег, дизайнер, копирайтер, верстальщик.
Плюсы: Минимальные денежные вложения. Полная творческая свобода.
Минусы: Огромные затраты времени. Риск сделать «для себя», а не для клиентов. Сильно ограничен в возможностях (только конструкторы).
Для кого: Подходит для личных проектов, тестов или очень простых сайтов, когда есть куча свободного времени.
Выбор подрядчика – самый сложный этап
Игорь, руководитель студии
На старте все выглядят одинаково убедительно. У всех красивые сайты, приятные люди на собеседованиях, правильные слова про качество и любовь к клиентам. Поэтому здесь важно опираться не на обещания, а на факты.
Красные флаги
На что обратить внимание при выборе подрядчика
Если вы заметили хотя бы пару таких флагов, присмотритесь к кандидату повнимательнее.
Называют цену и сроки сразу, без вопросов
Ещё не вникли в задачи, не уточнили детали, а уже готовы озвучить сумму. Хороший подрядчик сначала собирает информацию, задает вопросы, потом называет сроки и бюджет.
Называют только итоговую сумму
Не могут прозрачно показать, из чего складывается стоимость: какие этапы включены, какие работы будут выполнены, сколько времени на них закладывается и какие специалисты участвуют.
Торопят с подписанием или долго отвечают
Торопят с подписанием или, наоборот, отвечают с задержками. Давление на срочность, пропадающая коммуникация, хаотичные ответы – всё это тревожные сигналы.
На сайте среди клиентов – крупные бренды есть, проектов в портфолио нет
Логотипы известных компаний есть, а конкретных проектов, ссылок или кейсов – нет. Поставить можно что угодно, нужно ещё подтвердить.
Нет реальных, подтвержденных отзывов
Проверить реальный опыт клиентов невозможно. Нет видеоотзывов, имён, ссылок на готовые проекты, кейсы или официальных рекомендаций. Надёжный подрядчик, как правило, не скрывает своих клиентов и готов это подтвердить.
Нет повторных проектов от одних и тех же заказчиков
Сам по себе это не критичный показатель, но если клиенты не возвращаются за новыми задачами – стоит задуматься. Это может говорить о том, что сотрудничество прошло не лучшим образом или результат не оправдал ожиданий.
Шаг 5
Что заложить в бюджет
Или почему «сайт столько стоит»?
Мы понимаем: вилка цен на разработку сайтов огромная. И понять, почему один сайт стоит дёшево, а другой – дорого, без погружения в детали практически невозможно. Мы не будем перечислять очевидные вещи вроде дизайна или функциональности. Вместо этого расскажем, как на самом деле формируется цена.
1. Этапы разработки
Качественный сайт не рождается по щелчку пальцев. За ним стоят конкретные последовательные этапы, на каждом из которых работают свои специалисты. Разберём этапы на примере одностраничного сайта.
Разработка прототипа | ~16 часов
Кто работает на этапе:
Маркетолог, копирайтер, дизайнер
Что делают:
Изучают задачи бизнеса, анализируют целевую аудиторию, конкурентов. Определяют задачи сайта, разрабатывают структуру, определяют какой контент нужно предоставить пользователю, чтобы он совершил целевые действия. В визуальном прототипе собирают в понятное расположение и черно-белое представление блоков.
Дизайн-концепты | ~20 часов
Кто работает на этапе:
Дизайнеры
Что делают:
Разрабатывают дизайн, начиная с формирования общего стилистического решения сайта, и создают несколько концепций страницы, чтобы определить с заказчиком визуальное направление и в нём работать.
Дизайн всего сайта | ~18 часов
Кто работает на этапе:
Дизайнеры
Что делают:
После утверждения концепции переходят к детальной проработке: создают дизайн всех блоков страницы, а также скрытых элементов – поп-апов, форм и прочего. Параллельно готовят адаптивные версии для разных устройств.
Верстка, разработка | ~36 часов
Кто работает на этапе:
Верстальщик, программист
Что делают:
Верстают, программируют, настраивает платформу, чтобы сайт быстро грузился, корректно работал на всех устройствах и не падал под нагрузкой. Сайт становится живым и готовым к наполнению.
Как минимум выходит 90 часов на разработку одностраничного сайта
Игорь, руководитель студии
Это работа всей команды. Если пропустить какой-то этап или сделать его поверхностно, качество неизбежно снижается. А экономия в процессе почти всегда выливается в доработки и потери времени потом.
Теперь когда мы знаем сколько часов нужно на разработку лендинга, мы можем понять итоговую стоимость. На рынке стоимость часа у веб-студий в среднем 2000-3000 рублей. Исходя из этого, примерная стоимость одностраничного сайта 180-270 т.р.
2. Стоимость часа специалиста
Есть ещё один важный фактор, который напрямую влияет на итоговую цену: кто именно делает эту работу.
Стоимость рассчитывается как количество часов, умноженное на стоимость часа конкретного специалиста. Вроде всё просто. Но почему одна студия берёт 1 500 рублей в час, а другая – 3500? Дело не в жадности, хотя может быть и в ней. Дело в том, что час новичка и час эксперта – это разное качество, разная скорость и разный результат.
Новичок
Дёшево. Но он будет разбираться в задаче, гуглить решения, ошибаться и переделывать. Один его час стоит мало, но таких часов нужно много. И результат всё равно может оказаться нестабильным.
Опытный специалист
Дороже. Он знает, как сделать правильно с первого раза. Не тратит время на изучение базовых вещей, не наступает на одни и те же грабли. Его час стоит выше, но часов нужно меньше.
ТОП-эксперт
Ещё дороже. К нему приходят, когда задача сложная, когда важно сделать быстро и без права на ошибку. Такие специалисты видят проект целиком, прогнозируют риски и предлагают готовые решения.
Опыт не может стоить дёшево
Игорь, руководитель студии
Чем выше квалификация, тем выше стоимость часа. И тем выше итоговая цена. Но за эти деньги вы получаете не просто сайт, а уверенность: он будет работать, не сломается и не потребует переделок.
Но в то же время тут начинается путаница. У студии может час стоить 3000р., но над проектом будут работать новички, у которых скорость и качество крайне малы. Вот тут и начинается реальность рынка – студия возьмет с вас за фактически затраченное время новичками или за то время, за которое должны были сделать опытные специалисты?
Поэтому стоимость часа студии или конкретного специалиста нам ни о чем не скажет. Но если мы знаем, из каких этапов складывается разработка сайта, сколько примерно времени нужно на каждый этап, и знаем стоимость часа, то мы уже можем понять, насколько обоснованную цену нам предлагают.
3. Два пути: быстро и дешево, дорого и качественно
Всегда же хочется не переплатить лишнего и выбрать самое оптимально ценовое решение. Забегая вперед - экономия всегда сводится к тому, что какие-то этапы разработки будут исключены или же переложены на плечи заказчика.
Путь первый. Сэкономить на этапах или специалистах
Либо подрядчик пропускает важные этапы (аналитику, прототипы), либо на проект ставят неопытных специалистов, которые берут дёшево, но делают медленно и с ошибками. В первом случае сайт получается сырым, без продуманной структуры. Во втором – сроки растягиваются, а качество страдает. И то, и другое в итоге выливается в переделки и доработки. Потому что за результат здесь отвечать никто не готов.
Путь второй. Работать быстро за счет опыта специалистов
Здесь этапы никто сокращать не согласится, потому что специалисты точно знают, как делать правильно. Они работают быстрее, ведь за плечами десятки проектов и отработанных процессов. Времени уходит меньше, но ставка выше. Итоговая цена естественно выходит выше, чем у первого варианта. Зато вы получаете качественный результат, который не требует переделок и приносит пользу с первого дня.
Дешевое решение стоит в разы дороже в долгосрочной перспективе
Игорь, руководитель студии
В первом случае вы платите за видимость экономии, которая часто оборачивается скрытыми расходами. Во втором – за результат, который работает и не требует доработок. Низкая цена и качественный сайт – вещи несовместимые. За настоящим результатом всегда стоит команда, которая знает, как сделать правильно, и готова отвечать за свою работу.
За 10 лет работы нашей студии я видел десятки примеров, когда необоснованная экономия на старте превращались в пожирателей сотен тысяч рублей через короткое время. И итог почти всегда один - разработка нового сайта, но уже с учетом совершенных ошибок.
Экономия – это не про бюджет, а про правильно выбранное решение именно вашей задачи
Веб-студия ONE PAGE
Надеемся, что смогли помочь разобраться во всём, что раньше казалось сложным и пугающим. Теперь вы знаете, с чего начать, как выбрать правильные решения на каждом этапе и на что обращать внимание, чтобы не ошибиться.
Этот гайд – наша попытка сделать так, чтобы хороших проектов становилось больше, а неудачных – меньше. Пользуйтесь, выбирайте с умом и не совершайте ошибок.
