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

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

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

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

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

Продажи:

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

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

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

Более подробно читайте здесь.