Свой бизнес: макетная мастерская


План презентации Почему необходимо моделирование бизнес-процессов веб-студии. Опыт «WebProfy»: рабочая схема бизнес-процесса создания сайта (поэтапное рассмотрение). Основные ошибки начинающих веб-студий. Бизнес-процесс – логичный, последовательный, взаимосвязанный набор мероприятий, потребляющий ресурсы, формирующий ценность, создающий результат.


Почему необходимо моделировать бизнес-процессы веб-студии? Не бывает двух одинаковых проектов! (аксиома) Обеспечить прозрачность и предсказуемость проекта для Исполнителя и Заказчика – Цели, задачи проекта – Участники, коммуникации – Этапы работ, контрольные точки – Сроки реализации – Результат Алхимия? Нет! Рецепт – оптимизация бизнес-процесса.






Этап 2. Проектирование продукта Подготовка Брифа Подготовка Технического Задания Подготовка Спецификаций – формирование требования по дизайну – определение перечня и сбор исходных материалов – структура сайта – инфоблоки (названия, свойства, логика работы) – сервисы (печать, комментарии, отзывы и т.д.) – сетки страниц – регламентация правил формирования файла выгрузки Согласованный и подписанные Бриф, ТЗ, Спецификации


Этап 3. Дизайн Дизайн-концепция главной страницы Дизайн типовой внутренней страницы Дизайн экранных форм (каталог, корзина, личный кабинет) – разработка макета – презентация заказчику – формирование листа замечаний, реализация замечаний – утверждение макета – порядок работ – аналогичен Акт сдачи-приемки работ по этапу дизайна


Этап 4. Верстка Дизайн-концепция главной страницы Открытие тестовой площадки Верстка главной страницы, типовой внутренней страницы и экранных форм – Демонстрация заказчику – Формирование листа замечаний, реализация замечаний – Утверждение верстки Создание прототипа и шаблонов Акт сдачи-приемки работ по этапу верстки


Этап 5. Программирование Программирование стандартного функционала Программирование дополнительных модулей Внутреннее тестирование Тестирование модели заказчиком – параллельно – запрос файла выгрузки – параллельно – тестовая интеграция – первичное наполнение, исправление выявленных несоответствий с ТЗ) – Демонстрация заказчику – Формирование заказчиком bag-list – Внесение правок заказчиком – Утверждение программной части Акт сдачи-приемки работ по этапу программирования






Основные ошибки молодых компаний 2. Приоритет «картинки» над дизайном – Неверное выявление целей и задач – Размытое представление о целевой аудитории – Экономия времени на погружение в предметную область – Прямое копирование чужих работ – Неверное расставление приоритетов









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

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

Наша Студия всегда располагалась в российской «силиконовой долине» - Зеленограде. У нас были сильные программисты, а значит мы могли легко получать и выполнять такие заказы. Было решёно - это наш шанс!

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

Какая гадость эта ваша веб-интеграция

Обеспечить обмен данными между двумя системами несложно. Но наши первые несколько лет работы в новом качестве были болезненными и обошлись недёшево.

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

Мы не сдавались, и, словно мышки из анекдота, «кололись, плакали, но упорно продолжали грызть кактус».

Перед тем как приступить

Прежде чем рассказать о процессах, договоримся о терминологии этой статьи.

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

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

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

Шаг 1. Цели и задачи

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

Типичный пример: Сайт должен быть интегрирован с билетной системой ProfTicket.

и стараемся в таких случаях добиться большей однозначности формулировки:

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

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

Шаг 2. Бизнес-процессы и протокол взаимодействия

Теперь нужно решить, как системы должны взаимодействовать для выполнения той или иной задачи. Продолжим строить аналогии с билетной системой. Кстати, речь идет о совершенно реальном проекте: в 2013 году мы помогли компании «Дилявер» открыть сервис заказа билетов ShowMart.Ru . Для выполнения бронирования билета необходимо ответить на несколько вопросов:

  • Какое мероприятие выбрал покупатель?
  • Какой сеанс (сочетание даты и времени) был выбран?
  • Какие места (номер сектора, ряд и кресла) были выбраны?
  • Не были ли проданы эти места другому покупателю ранее?
  • Не находятся ли данные места в резерве, иными словами, не происходит ли оформление покупки этих мест другим покупателем прямо сейчас?
  • И так далее...

Любое взаимодействие между системами сводится к структуре «запрос - ответ». Запрос отправляет сторона, которой необходимо получить данные (клиент), а ответ - сторона, у которой эти данные есть (сервер).

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

В какой-то момент нам нужно будет «попросить» одну из систем зарезервировать билеты - проставить отметку, не позволяющую продать эти билеты повторно другому покупателю, а после оформления покупки одна из систем должна будет отправить покупателю письмо-уведомление. Поэтому иногда требуется взаимодействие не на уровне «запрос - ответ», а по формуле «запрос - действие».

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

Шаг 3. Регламент принятия решений и медиаторы

Даже в самом простом проекте веб-интеграции принимают участие как минимум три стороны:

  1. Заказчик.
  2. Владелец системы А (например, 1С-программист в штате клиента).
  3. Владелец системы Б (собственно, мы - веб-программисты).

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

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

  • Чем стороны будут руководствоваться при принятии решения: быстродействием, вопросами безопасности данных или минимальными изменениями в 1С?
  • Кто будет ответственной стороной, принимающей последнее решение, в том случае, если владельцы систем не могут договориться между собой?

На первый взгляд кажется, что ответ на последний вопрос очевиден: заказчик - кому же еще принимать окончательные решения? Однако, это не всегда так.

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

Шаг 4. Стандарт и формат обмена данными

Теперь необходимо договориться о том, на основе какого стандарта и каким способом мы будем осуществлять обмен данными между системами.

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

SOAP

SOAP расшифровывается, как Simple Object Access Protocol. Если дословно переводить с английского, то получится «Простой Протокол Доступа к Объектам». Этот протокол действительно является одним из самых простых и часто используемых при построении веб-проектов. SOAP представляет собой протокол обмена структурированными XML-сообщениями.

Для того чтобы системы использовали единый регламент построения запросов и ответов, используются файлы c описанием такого регламента, составленным на основе стандарта WSDL (от англ. Web Service Description Language - Язык Описания Веб-Сервисов).

SOAP является расширением протокола XML-RPC, и это большой плюс протокола. XML широко распространен, и с форматом XML-Schema хотя бы поверхностно знакомо огромное число специалистов.

Этот же факт является и самым большим минусом SOAP. XML - объёмный формат и с ростом количества данных, которыми обмениваются системы, растет количество передаваемого трафика. С ростом последнего увеличивается время, необходимое на обработку запросов и формирование ответов на них. Всё это делает связку WSDL/SOAP практически непригодной для использования в системах с огромными объёмами плохо структурированных данных - в так называемых Big Data-системах.

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

REST

REST (расшифровка аббревиатуры в данном случае нам ничего не даст, поэтому мы ей пренебрежем) - это протокол вызова удаленной процедуры с помощью обычного HTTP-запроса. Да-да, с помощью тех самых методов GET и POST из учебников Тима О’Райли.

За каждый метод в REST отвечает не отдельно взятая запись в файле WSDL, а URL. К примеру, метод для получения сведений о пользователе будет иметь вид - http://example.com/rest/user. А метод создания нового пользователя - http://example.com/rest/user/create.

Для передачи параметров в REST можно использовать тело запроса, а для описания ошибок - статусные заголовки HTTP. Всё максимально просто и не требует использования дополнительных протоколов. REST гораздо примитивнее SOAP. Именно это делает его отличным выбором, когда нужно обмениваться большим объёмом данных и делать это часто.

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

ВЕЛОСИПЕД

Иногда приходится использовать комбинации нескольких методов и протоколов взаимодействия.

В 1С есть собственный формат CommerceML - XML для передачи коммерческой информации, чаще всего таким способом передаются каталоги товаров.

Этот формат разработан специалистами фирм 1С и Extra.RU. Им помогали друзья из московского офиса Microsoft.

По этой причине формат не предусматривает многих вариантов использования, и «чистого» CommerceML часто не хватает. Это приводит к необходимости дополнения его специальным функционалом.

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

В случаях когда нужно постоянно поддерживать данные в актуальном состоянии, мы можем связать Rest API и передачу XML вместе. Тогда 1С будет отправлять XML напрямую на сервер, используя стандартные POST-запросы.

Шаг 5. Безопасность данных

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

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

Вариантов защиты много. Мы рассмотрим только некоторые из них.

HTTPS

Протокол HTTP - самый распространенный и самый незащищенный. Данные по нему передаются в незашифрованном виде. HTTPS - это разновидность http-протокола, поддерживающая шифрование с использованием сертификатов SSL или TCL.

Сертификаты - это алгоритм, по которому будет происходить шифрование данных. Об этом алгоритме знают только передающая и принимающая стороны в момент передачи данных. SSL-сертификаты могут поставляться самим сервером, но тогда они будут считаться недоверенными, и браузеры могут выдавать пугающие пользователя картинки.

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

HTTP-Basic авторизация

Вторым методом обеспечения защиты является способ, при котором две системы «представляются» друг другу с помощью пары «логин - пароль» до того, как начать обмениваться данными. Такой метод называется «HTTP-basic авторизация».

Чтобы злоумышленники не смогли перехватить пароли, «представляться» системам лучше в шифрованном виде, т.е. HTTP-basic авторизацию надо использовать совместно с SSL-шифрованием.

Предоставление доступа по IP-адресу

Если система не слишком сложна и у серверов взаимодействующих систем есть определенные и неизменные IP-адреса, можно предоставлять доступ к обмену данными только для этих IP-адресов.

Этот вариант прост в реализации и поэтому широко распространен. Но иногда он приводит к внезапным проблемам с доступом.

Шаг 6. Техническое задание

У вас могут быть превосходные отношения с заказчиком или его 1С-программистами, но «дружба дружбой, а табачок врозь». Мы настоятельно рекомендуем зафиксировать договоренности по всем описанным шагам письменно.

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

В процессе практической тесной работы, которая заняла не один месяц, 1С-программисты изменили свою точку зрения и приняли решения сделать для нас копию своей БД, реплицированную с главной и передать ее нам для того, чтобы мы «делали с ней все, что захотим».

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

В приведённом примере нам повезло - 1С-программисты оказались ребятами порядочными и подтвердили перед своим руководством нашу правоту. Но повезет ли так же в следующий раз?

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

Шаг 7. Реализация

В непосредственном производстве работ по интеграции тоже есть несколько отличий от моноразработки.

ЕДИНАЯ КОМАНДА

Чтобы разработка шла как можно более гладко, избегайте деления на «ваших» и «наших». Наоборот, сделайте всё для формирования единой команды из разработчиков внешней информационной системы и ваших программистов.

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

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

ТЕСТИРОВАНИЕ НА ВХОДЕ

Работая с третьей стороной, придется заниматься тестированием не только «на выходе», но и «на входе».

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

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

ПОКРЫТИЕ ТЕСТАМИ

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

Чем быстрее обнаружится, в каком месте системы и что именно «полетело», тем меньшими будут затраты на её поддержку, и тем выше будет прибыль. Поэтому не экономьте на покрытии кода тестами.

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

Шаг 8. Отказоустойчивость

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

Некоторые из проектов, выполненных нами, могут потерять от $35 000 до $70 000 в случае суточного простоя. Это заставляет дополнительно задумываться о мероприятиях повышения отказоустойчивости всей системы.

  • Резервное копирование. Все это прописывают в ТЗ и договорах. Но давайте будем честны, вы всегда проверяете, действительно ли хостер или разработчик настроил процедуры резервного копирования в соответствии с договоренностями? Чаще всего это выясняется тогда, когда беда уже произошла.
  • Нагрузочное тестирование. На какую посещаемость и пиковую нагрузку рассчитывает заказчик? Умножьте эту цифру хотя бы на 2,5 и сделайте синтетические нагрузочные тесты. Тестировать нужно не только сайт, но и те системы, с которыми взаимодействует проект.
  • Сезонность. Знайте сезонность бизнеса своего заказчика. Посещаемость сайта сети кинотеатров, который мы сделали и поддерживаем, в новогодние праздники возрастает в 2-3 раза. В этом проекте мы начинаем подготовку к Новому году в начале ноября.
  • Готовность к «откату». Вы работаете в команде, и это придется учитывать. Будьте готовы к тому, что ваши новые функции могут нарушить нормальную работу внешней системы и изменения придется быстро «откатить» назад. Несмотря на нагрузочное тестирование, внешние системы иногда выходят из строя по независящим от вас причинам. Вы должны быть готовы продолжить работу, отключив на время совместный функционал. Например, во время аварии сервиса покупки билетов вместо процесса оформления заказа мы показываем сообщение с извинениями, но сам сайт продолжает свою работу.

Шаг 9. Логирование и мониторинг

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

Это объективный инструмент, с помощью которого можно будет восстановить хронологию событий, поможет не только сохранить нервы, но и защитит в случае судебных разбирательств. Поэтому готовую систему важно «обвешать» индикаторами и датчиками.

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

Мы не станем подробно затрагивать этот процесс и, может быть, посвятим этому отдельную статью, но для тех, кто плохо знаком с этими темами, советуем начать с гугления терминов Pinba, Zabbix и Munin.

Шаг 10. Документирование

Договоритесь о том, в каком виде будет вестись проектная документация, и постарайтесь держать её в актуальном состоянии.

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

Совет самый простой по смыслу и самый сложный по соблюдению. Мы в Студии стараемся это делать примерно так:

  • Договорились о формате ведения и месте хранения проектной документации.
  • Составили перечень документов, входящих в понятие «проектная документация». Как правило это несколько документов, включая карту бизнес-процессов, описание серверной архитектуры, наше ТЗ, документация на API внешней системы, и т.д.
  • Назначили ответственного за актуальность документации. Обычно это руководитель проекта.
  • Назначили периодичность проверки документации.

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

Заключение

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

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

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

Наш арт-директор Саша Котов считает, что мы «маемся дурью», и это никто читать не будет:-)

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



Каждый бизнесмен сталкивается с необходимостью продвижения своих товаров и услуг. А учитывая то, что в последние годы ни один человек не представляет себе жизни без Интернета, первое, что приходит на ум – это именно создание и развитие собственного сайта.

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

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

Шаг 1. Оформление деятельности

Конечно, в сети есть немало исполнителей-фрилансеров, которые получают заказы и оплату за свой труд, не подписывая никаких договоров. Но станет ли доверять крупная престижная компания человеку «с улицы», о котором она ничего не знает и который в любой момент может подвести? Вряд ли.

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

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

Примечательно, что открытие собственной веб-студии не требует серьёзных финансовых вложений – регистрация ИП обойдётся вам примерно в 1000 рублей (весь процесс занимает около недели).

Шаг 2. Выбор услуг

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

Чем занимается веб-студия, и какие услуги пользуются наибольшей популярностью среди заказчиков?

В первую очередь это создание сайтов разной сложности:

  • Сайты-«визитки» - небольшие по объёму ресурсы, на которых размещается основная информация о компании, её деятельности, публикуются новости и т. д.
  • Интернет-магазины – сайты, которые дают пользователю возможность не только ознакомиться с основной информацией о компании, но и заказать товар, выбрать способ оплаты и доставки в режиме онлайн.
  • Информационные сайты (например, электронные журналы и газеты, сайты типа «КакПросто» и т. д.) – ресурсы, предназначенные для обеспечения большого количества людей информацией.
  • Динамические flash-сайты – красивые сервисы с оригинальным дизайном и анимацией, больше напоминающие мультфильм или компьютерную игру.
  • Форумы и тематические порталы – ресурсы, имеющие большой функционал и полностью зависящие от активности пользователей.

Кроме того, крайне востребованной услугой является продвижение сайтов в поисковых системах (SEO) и реклама в социальных сетях (SMM). Логично, что людям мало будет получить в распоряжение сайт, маленькую «ячейку» во всемирной паутине – они захотят обойти конкурентов. Вот тут-то как раз вы сможете предложить дополнительные услуги, связанные с продвижением.

Шаг 3. Поиск офиса

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

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

Шаг 4. Покупка оборудования

Составляя бизнес-план web-студии, на этом моменте стоит остановиться отдельно. Конечно же, основные расходы будут связаны с приобретением современных и мощных компьютеров. Кроме того, может пригодиться разнообразная оргтехника – цветные принтеры, сканеры и т. д. А по-настоящему важным условием является проведение высокоскоростного стабильного Интернета.

Шаг 5. Подбор персонала

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

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

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

Шаг 6. Реклама и поиск клиентов

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

С этой целью можно использовать:

Крайне важно создать качественный продающий сайт для веб-студии. Ведь если вы не сумеете хорошо преподнести и прорекламировать себя, как вы сможете предлагать подобные услуги другим людям? Работая над созданием собственного сайта, нужно выложиться на все 100 %, чтобы ваши потенциальные клиенты увидели, на что вы способны.

Шаг 7. Оценка стартовых и ежемесячных расходов

  • регистрация ИП – 1000 рублей (+500 рублей на непредвиденные затраты);
  • услуги хостинга – 5000 рублей;
  • услуги бухгалтера-юриста – 2000 рублей;
  • доступ к Интернету – 500 рублей;
  • представительские расходы – 2000 рублей.

К этому стоит добавить ещё оплату труда сотрудникам (около 40 тысяч рублей в месяц) и налоговые отчисления (6 % от прибыли).

Шаг 8. Оценка перспективности проекта

Наконец, перейдём к обсуждению самой приятной части. А именно – к подсчёту прогнозируемой прибыли. Окупаемость студии наступит примерно в середине 3-го квартала. А уже на четвёртый год деятельности вполне реально выйти на чистую прибыль в размере до 1,5 млн. рублей в год. Причём, это действительно реальная сумма для студии, создающей порядка 15 сайтов разной сложности в квартал (8 сайтов-визиток, по 2 тематических сайта, интернет-магазина и каталогов продукции и 1 промо-сайт).

Советы для тех, кто планирует создать собственную веб-студию

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

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

Во-вторых, научитесь говорить на языке своих клиентов – предлагайте не конкретные продукты и технологии, а эффективное решение проблемы. Как правило, заказчику всё равно, КАК вы это сделаете. Намного важнее – ЧТО он получит в результате.

В-третьих, не пытайтесь конкурировать с крупными веб-студиями – они всё равно «задавят» вас. Работы хватит всем, и вы не останетесь без заслуженной прибыли.

, Управление продажами , Блог компании WebCanape

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

Именно благодаря описанному ниже подходу WebCanape добилась высокой производительности на старте без роста расходов на масштабирование команды. Только спустя 5 лет работы у нас появился выделенный отдел продаж. До этого поток в 120 заявок в месяц с конверсией в 60% обрабатывал один человек.

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

Базовые бизнес-процессы студии на этапе продаж

Рассмотрим базовые бизнес-процессы, которые есть в любой веб-студии.
  • Учет входящей заявки
  • Отправка анкеты, брифа
  • Обработка брифа, расчет стоимости
  • Подготовка КП
  • Подготовка договора и приложений
  • Выставление счета
  • Оплата счета
Заявку нужно принять, внести в учетную CRM систему (5 минут), данные перенести в базовую часть брифа и отправить его клиенту (еще 5 минут). После заполнения клиентом брифа, его нужно обработать, сделать расчет (20 минут) и подготовить продуманное коммерческое предложение (40 минут) с предварительной структурой сайта и сервисами. На подготовку договора и приложений потребуется еще 30 минут, 10 минут на выставление счета.

На реализацию этих процессов по одной заявке стандартному отделу продаж требуется примерно 110 минут чистого времени. Это значит, что для обработки 70 заявок необходимо 128 часов. При перерасчете на большое количество заявок - это существенные потери, которые не нужны клиенту, но влияют на конечную стоимость продукта. При этом, веб-студия почему-то пытается оптимизировать работу производства (процесс создания продукта), а не эти пустые процессы. Давайте посмотрим, что сделали мы.

Для обработки 70 заявок в месяц менеджеру требовалось 128 часов (фул-тайм продажник). После оптимизации и автоматизации процессов стало 37 часов. Теперь вы видите почему мы долго работали без выделенного отдела продаж. Единственное, очень важно иметь опытного человека на входе. Автоматизация сама по себе работать не будет.

Скорость и взаимозаменяемость

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

Для многих она выходит на первый план. Менеджер по продажам не может подготовить профессиональное КП. Где взять продажников с опытом продажи сайтов, когда их нет в регионах?

Соответственно нам необходимо было дать инструмент, который поможет хорошим менеджерам с небольшим опытом в сфере веб-разработки быстро вести документооборот и создавать профессиональные КП.


Расчет стоимости сделки и выставление коммерческого предложения

Таким инструментом стал наш внутренний инструмент, который мы назвали «Калькулятор». Существенно позже он переродился в CanapeCRM, которую мы стали предлагать клиентам.

Электронные документы. Мы на 100% отказались от вордовских документов и перешли в online. Клиенту отправляется только ссылка (на бриф, КП, договор, счет). Если что-то меняется - достаточно внести правки документа в системе, нажать F5 и у клиента документ уже обновлен. Из экономии на этом и подобных процессах - появляется высокая эффективность работы.


Учет заявок и бриф для клиента


Формирование договора


Выставление счета и on-line оплата

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


Напоминания менеджеру и аналитика

Один день, который сэкономит миллион

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

В понедельник 31 октября 2016 года я проведу вебинар. Мы обсудим предыдущие материалы, поговорим о важных шагах на старте, покажу, как настраивать систему документооборота и отвечу на все вопросы. Зарегистрироваться на вебинар.

По всем вопросам можете писать в комментариях к постам.

P.S. Напоминаю, что данный материал является логическим продолжением серии материалов о построении бизнеса веб-студии в бюджетном сегменте.

Отправить свою хорошую работу в базу знаний просто. Используйте форму, расположенную ниже

хорошую работу на сайт">

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

Подобные документы

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

    курсовая работа , добавлен 19.06.2015

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

    курсовая работа , добавлен 02.10.2011

    Описание бизнес-процессов транспортной компании ООО "Сильные машины". Построение модели "AS-IS" использования действующей информационной системы при работе с заявкой заказчика. Расчет совокупных доходов от владения выбранной информационной системой.

    дипломная работа , добавлен 09.06.2017

    Оптимизация процессов с помощью подхода Мартина. Проблемы недостаточной эффективности в работе. Автоматизация процесса сверки сведений из электронных документов. Распределение функций по подразделениям и сотрудникам. Ускорение выполнения ручных операций.

    дипломная работа , добавлен 10.12.2013

    Организационная структура туристической компании и функциональные ее обязанности подразделений. Анализ технико-экономических показателей ООО "Югрос Консалтинг". Проектирование автоматизации бизнес-процессов предприятия на платформе 1С: Предприятие 8.2.

    курсовая работа , добавлен 04.06.2015

    Характеристика и организационная структура компании. Описание ее бизнес-процессов. Разработка модели организации различных видов работ, осуществляемых в магазине при помощи BPWin. Ее стоимостной анализ. Построение логической диаграммы процессов в ERWin.

    курсовая работа , добавлен 11.04.2015

    Моделирование бизнес-процессов как средство поиска путей оптимизации деятельности компании. Методология SADT (структурный анализ и проектирование), семейство стандартов IDEF и алгоритмические языки в основе методологий моделирования бизнес-процессов.

    реферат , добавлен 14.12.2011

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

    дипломная работа , добавлен 10.07.2015