Сколько стоит разработка сайта для веб-сервиса или стартапа

Что такое веб-сервисы

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

Знакомство с компанией:

• визитки,
• корпоративные сайты.

Такие сайты решают имиджевые задачи. Они рассказывают о компании или личности, показывают новости, знакомят с сотрудниками, товарами и услугами и т. д. Коммерческую пользу от сайта несёт прайс на услуги, калькулятор, онлайн-консультант и т. п.

Продажи:

• лендинги,
• интернет-магазины.

Главной задачей такого сайта является рассказать о товаре или услуге и подвести посетителя к покупке. Если интернет-магазин решает эту задачу напрямую, то лендинг (он же одностраничник) чаще всего только генерирует лиды — пробуждает интерес целевой аудитории к товару или услуге и предлагает оставить свой электронный адрес или другие контактные данные. На эту задачу работает каждый элемент одностраничника, размещение которых должно быть логически оправданно. Как сделать лендинг, учат профессионалы из конструктора для создания сайтов Tilda.

Информационные:

• блоги,
• медиа.

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

Блог не обязательно делать с нуля — платформ для этих целей, вроде LiveJournal, Blogger, Blogspot, Tumblr и других, хватало во все времена.

Общение:

• соцсети,
• форумы,
• сайты знакомств.

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

Веб-сервисы:

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

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

Сайты-сервисы и интернет-сервисы — это синонимы веб-сервисов, поэтому не теряйтесь, если встретите такие формулировки.

Сервисы должны быть полезными, их главная задача — сделать так, чтобы пользователь решил проблему быстро и с минимальными усилиями. Представьте, что вам нужна кредитная карта. Чтобы выбрать и заказать подходящую, вы можете самостоятельно изучить сайты десятка банков, потом поехать в офис одного из них, отстоять очередь, поговорить с менеджером, заполнить документы, а через неделю вернуться за готовой кредиткой. Другой вариант — воспользоваться сервисами вроде banki.ru или sravni.ru, где в одном месте собрана вся важная информация о продуктах и есть функция заказа онлайн.

Хороший сервис всегда выглядит лаконично. Чем меньше деталей отвлекает пользователя от основной функции, тем лучше. Наглядный пример — любые сервисы «Яндекса» или Google: на странице с картами вы найдёте только карты, а на сайте онлайн-кошелька — только инструмент для управления финансами, без лишних ссылок и рекламы других продуктов.

Чтобы пользователю было удобно, при разработке такого сайта очень важно уделить внимание UX-аналитике, а затраты на UX/UI-дизайн могут оказаться гораздо выше, чем при создании обычного лендинга или интернет-магазина.

Почему создавать сайты сервисов сложнее и дороже, чем визитки

Разработку веб-сервиса придётся делать с нуля. Готовые коробочные решения для этого практически не подходят, особенно если речь идёт о продукте, а не о калькуляторе на сайте компании.

Что же усложняет создание такого сайта?

• Более высокие затраты на UX-аналитику, UX/UI-дизайн и фронтенд-разработку. Сервисом будут пользоваться люди со специфическими потребностями, и чем более узкую задачу надо закрыть, тем острее интерфейс должен быть заточен под своего пользователя. Не стоит недооценивать важность пользовательского интерфейса.
• Затраты на бэкенд-разработку. Лендингу или визитке бэкенд не нужен, потому что их контент статичный и не предполагает никакого интерактива. Веб-сервисам, наоборот же, надо работать с кучей данных: сортировать товары по стоимости, бренду или другому признаку, оформлять бронь в кинотеатре на конкретный фильм, время и место и т. п.
• Интеграция с разными сервисами. Это может быть что угодно: CRM, 1C, SMS-рассылка, push-уведомления, оплата. Эту часть проекта можно сделать ещё дороже, если разрабатывать, например, собственный платёжных шлюз, но зачем, если есть готовые решения.
• Отсутствие коробочных решений и конструкторов. Визитку можно сделать из шаблона, а интернет-магазин — на основе сотен готовых CMS. Но если тебе нужна система по управлению отгрузками нефтепродуктов с уникальной механикой, заточенной под твои бизнес-процессы, то тебе не обойтись без кастомной разработки с нуля, а это долго и дорого.

Из чего складывается цена разработки веб-сервиса

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

• Аналитика (3%)

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

• Дизайн (11%)

На стадии дизайна продумываются пользовательский опыт (UX), интерфейс (UI) и внешний вид сервиса.

• Разработка (55%)

Чтобы сервис был хорош собой на всех устройствах, фронтенд-разработчики делают адаптивную HTML/CSS-вёрстку и в целом силой кода приводят в движение созданный дизайн, а бэкенд-разработчики налаживают клиент-серверное взаимодействие и бизнес-логику со стороны сервера.

• Тестирование (11%)

Чтобы клиент не получал абы как работающий продукт, тестировщики прогоняют его через ручные и автоматизированные тесты для выявления багов.

• Менеджмент (20%)

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

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

Что входит в стек технологий веб-сервиса

Правильный набор технологий — первый шаг к созданию любого продукта, в том числе и веб-сервиса. В компании Лайв Тайпинг используются:

• Языки программирования PHP, Python, Ruby.
• Фреймворки Laravel, Yii2, Symfony, Django, Ruby On Rails.
• Базы данных MySQL, PostgreSQL, Redis, MongoDB.
• Операционные системы Ubuntu, CentOS.

Сколько стоят веб-сервисы

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

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

Информационный сайт или маркетплейс

Иногда сервис — это отдельный ресурс, который решает определённые задачи. К примеру, системы бронирования Airbnb или Skyscanner нужны для того, чтобы найти жильё или купить билет на самолёт. Это яркий пример лаконичного сервиса с одной главной функцией.

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

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

Самая затратная функциональность маркетплейса — это корзины и оформление заказов. Логика корзины сложно устроена. Минимум, который она должна уметь — хранить выбранные товары, пополнять и убирать их с пересчётом итоговой суммы, а максимум — учитывать, как на итоговую сумму влияют промо-коды и акции в духе «добавь товар, А и В и получи товар С со скидкой 20%».

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

В итоге создание маркетплейса типа Яндекс. Маркета будет стоить от 1 млн 705 тыс. рублей до 3 млн 498 тыс. рублей.

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

Доска объявлений может быть как самостоятельным сервисом (Юла, Авито), так и частью другого сайта, например, СМИ. Последнее делает читателя более лояльным и усиливает трафик.

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

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

Создание доски объявлений будет стоить от 1 млн 397 тыс. рублей до 2 млн 728 тыс. рублей.

Онлайн-консультанты

Еще один распространённый вариант сервиса — сайт для онлайн-консультаций. Такой формат часто используют юристы или врачи, хотя, по сути, он подходит для любой сферы, в которой эксперт может дать совет или рекомендацию без личной встречи. На сайте LiveExpert может зарегистрироваться специалист из любой области (от эзотерики до бизнеса), а пользователи будут задавать ему вопросы через специальную форму. Ресурс может быть полностью заточен под работу в интернете, как в случае с сервисом Яндекс. Здоровье, где пользователи обращаются к специалистам через чат, аудиосообщения или видеосвязь.

В некоторых случаях онлайн-консультация — это дополнительная бесплатная услуга, которой можно воспользоваться, чтобы познакомиться с компанией, принять решение о заказе или задать уточняющие вопросы. Окно с онлайн-консультацией можно встретить там, где посетителям что-то продают. Такими формами пользуются digital-агентства, учебные заведения, маркетплейсы, интернет-магазины и многие другие компании.

Одна из самых важных функций таких сервисов — система коммуникации. Под ней имеется в виду чат, аудио- или видеозвонки, через которые будут общаться пользователи и специалисты сервиса. Чаще всего это уже готовое стороннее решение, которое нужно интегрировать с веб-сервисом. Время на интеграцию зависит от того, насколько сервис лёгок в обращении, есть ли у него отзывчивая поддержка и набор интерфейсных решений и элементов, он же UI-кит. Например, сервис Quickblox обеспечивает передачу сообщений, но у неё нет своего UI-кита, поэтому рисовать интерфейс чата придётся команде разработки. В свою очередь, закрывающийся 30 октября 2019 года сервис Layer предоставляет свои интерфейсные элементы.

На дизайн и разработку веб-сервиса для онлайн-консультаций уйдёт от 979 тыс. до 2 млн 244 тыс. рублей.

Компания из сферы услуг и торговли

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

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

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

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

Сервис, сравнивающий цены на различные товары, по нашим оценкам стоит от 968 тыс. до 2 млн 46 тыс. рублей.

Системы бронирования

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

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

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

Компания Лайв Тайпинг сделала дизайн и разработку сервиса для туристов, желающих занять номер в отеле, Instaroom. Любой отель может повесить на своём сайте виджет, с помощью которого турист сможет обсудить бронирование номера. Представитель отеля общается с посетителем сайта через административную панель. В таблице есть несколько функциональных возможностей, смысл которых, на наш взгляд, требует пояснения.

В таблице обращает на себя внимание функциональность «Модуль бронирования». Это форма, в которой пользователь сайта выбирает параметры бронируемой комнаты или номера, смотрит свободные слоты времени, изучает предложения на соседние дни и т. п. У неё есть свой интерфейс и логика работы, которую нужно программировать.

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

Стоимость создания веб-сервиса для бронирования — от 671 тыс. до 1 млн 584 тыс. рублей.

Создатели программ и приложений

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

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

Бесплатные онлайн-версии офисных программ есть у Microsoft: если вы не готовы покупать и устанавливать Excel ради того, чтобы поработать в нём пару дней, можете воспользоваться им прямо в браузере.

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

Давать вилку стоимости таких сервисов очень сложно. Если доска объявлений более-менее одинакова по функциональности независимо от продаваемых товаров, то текстовый редактор и фото-редактор — принципиально разные вещи; отличаться друга от друга по сложности разработки будут даже текстовые редакторы, например, Telegraph и Microsoft Word. Если вам нужно оценить разработку подобного сервиса — напишите нам, разберёмся вместе.

Вывод

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

Разработка сайта-сервиса стоит дороже, чем разработка какого-либо другого сайта. Потребуется ответственная работа аналитика, UX/UI-дизайнера, фронтенд и бэкенд-разработчиков и тестировщика. Хотите обойтись конструктором? Ничего не выйдет: из ограниченного набора элементов не собрать систему, которая будет работать на определённые бизнес-цели. Только кастомная разработка с нуля.

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

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