Что такое цифровой продукт

Цифровой сервис и цифровой продукт — это одно и то же? Мы в Uplab различаем эти понятия. Цифровой сервис — это услуга или функция, доступная через интернет с использованием цифровых технологий: онлайн-платформы для бухгалтерии, облачные хранилища данных, сервисы видеоконференций, системы управления проектами. А цифровой продукт обязательно включает в себя экономику, то есть приносит прибыль своему владельцу. В этой статье подробно рассказываем о том, в чём, на наш взгляд, отличие двух определений и какие цифровые продукты создаёт наша компания.

Главные определения

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

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

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

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

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

• продукт может делать определённый процесс удобнее или быстрее;
• может замещать физическую функцию;
• предоставлять доступ к крупной сети (например, такси);
• может создавать новую функцию — AI — ассистент;
• может замещать целые отрасли: например, нейросеть для генерации видео.

Какие бизнес-задачи решают цифровые продукты и сервисы

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

Пример: медиапортал

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

Решение: личный кабинет с удобным редактором, где можно быстро и легко загружать любой контент, а также систематизировать его с помощью присвоения рубрик и тегов. Также на портале можно публиковать анонсы событий. Мы в Uplab разработали такое решение для портала «Богослов».

Пример: сервис для отправки электронной отчетности

Проблема: Несистематизированные данные и отчёты в Excel, мешающие быстро принимать решения.

Решение: цифровая система сбора и анализа данных с визуализацией (дашборд). Результат: единый источник актуальных данных, наглядные метрики в реальном времени, управленческие решения принимаются быстрее на основе фактов. Мы в Uplab воплотили это в личном кабинете сервиса ГИС «Энергоэффективность», где каждая компания-пользователь может видеть аналитику по выбросу парниковых газов и другим параметрам.

Примеры цифровых продуктов

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

• Онлайн-сервисы. Сайты и приложения для решения разных бизнес задач, для обмена данными между бизнесами и государством, для оптимизации текущих бизнес-процессов и сокращения издержек на внедрение новых.
• Личные кабинеты. Персональные разделы физических лиц или компаний на сайте или в приложении, где доступны различные действия, настройки сервиса и аналитика.
• Клиентские и партнёрские порталы — сайты, наполненные информацией (статьи, видео, документы) и содержащие возможности для общения коллег и совместной работы.
• Данные: системы сбора, анализа и визуализации данных; базы данных, аналитические отчеты в цифровом виде, датасеты для исследований.
• Бизнес-приложения. Специализированные сервисы для автоматизации различных бизнес-процессов: например, взаимоотношений с сотрудниками и клиентами; оформления сделок; создания заявок и остановки задач. Примеры: HRM, CRM.
• Программное обеспечение. Операционные системы, офисные программы (Word, Excel), графические редакторы (Photoshop), антивирусы, игры для ПК и консолей (купленные как файлы), мобильные приложения (скачанные и установленные).
• Цифровой контент. Электронные книги, музыкальные альбомы и отдельные треки, фильмы и сериалы (купленные для скачивания или просмотра офлайн), цифровые фотографии и изображения, шрифты, 3D-модели, шаблоны документов.
• Учебные материалы. Видеолекции, презентации, PDF-файлы, тесты, доступ к которым предоставляется после покупки (если это не интерактивная платформа).

Товар или услуга?

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

Товары

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

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

Услуги

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

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

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

Товары и услуги в диджитал

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

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

2. Цифровые продукты часто доставляются как услуги. Модель SaaS (Software as a Service) является ярким примером. Вместо покупки лицензии на программное обеспечение (традиционный «цифровой товар») клиент платит за доступ к функциональности программы через интернет. Ещё один пример — стриминговые сервисы, где клиент платит не за товар (фильм, подкаст), а за доступ к библиотеке контента, что можно охарактеризовать как услугу.

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

Виды цифровых продуктов, которые разрабатывает Uplab

Наша компания специализируется на цифровых продуктах и сервисах для бизнеса и государства:

• внешние и корпоративные порталы
• корпоративные сайты
• каталоги и витрины
• e-commerce
• системы сайтов

Расскажем вкратце, что скрывается за каждым названием и какие задачи бизнеса решают эти продукты.

• Внешние и корпоративные порталы: Единая точка доступа к информации и сервисам для определенной группы пользователей (сотрудников, партнеров, клиентов). Упорядочивают взаимодействие и доступ к данным.
• Корпоративные сайты: Официальное представительство компании в интернете. Содержат общую информацию о деятельности, услугах, контактах. Формируют имидж и доверие у публики.
• Каталоги и витрины: Представляют структурированный список товаров или услуг с подробными описаниями. Служат для демонстрации ассортимента и выбора, но без прямого функционала онлайн-покупки.
• E-commerce: Онлайн-платформы для продажи товаров или услуг. Включают каталог, корзину, оформление заказа, оплату и доставку. Позволяют совершать покупки через интернет.
• Промосайты: Создаются для продвижения конкретного продукта, акции или мероприятия. Яркие, сфокусированы на одной цели и призыве к действию. Часто временные.
• Системы сайтов: Объединение нескольких взаимосвязанных сайтов под единым управлением или брендом. Могут иметь разные цели, но используют общую инфраструктуру или стиль.

Наш подход к разработке

Мы в Uplab cоздаем цифровые сервисы и функциональные сайты, которые позволяют расти, зарабатывать и быть лидерами в отрасли. На нашем счету более 100 реализованных проектов, в том числе для 18 клиентов из списка Forbes. Для того, чтобы оставаться в топе разработчиков России для В2В, мы применяем актуальные методы, подходы и инструменты.

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

Преимущества Uplab

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

Синергия. Подскажем, когда потребуется участие вашей команды, а также выберем удобный темп совместной работы и комфортный формат взаимодействия.

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

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

Наш стек технологий

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

Frontend: JavaScript, Vue.js, Nuxt.js, HTML/CSS (SCSS)

Backend: PHP, NodeJS, 1С-Битрикс, Битрикс24, Laravel, MySQL, PostgreSQL, Redis, Apache Superset, Jasper, Docker

Интеграции: Rest, SOAP, ЕСИА, СМЭВ, Эквайринг, IAM-системы, Active directory, Keycloak, КриптоПро и др.

Инфраструктура и devops: Zabbix, NewRelic, Ansible, Jenkins, Bash, Python, Gitlab, CI/CD

Как построен наш цикл разработки

Мы всегда отталкиваемся от ключевой цели, но в продукте есть ключевые этапы, которые должны присутствовать всегда.

1. Аналитика и исследования: когда мы изучаем пользователя, рынок, продукт и наших стейкхолдеров, которые хотят сделать этот продукт.

2. Этап дизайна: отрисовываем наглядные прототипы и интерактивные макеты.

3. Потом эти интерактивные макеты могут тестироваться на пользователях, то есть идёт опять исследование (иногда этот этап опускается)

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

4. Разработка

5. Тестирование разработки

6. Запуск проекта

7. После запуска идёт постоянный анализ данных, доработка на основе новых данных. Это замкнутый цикл.

Дизайн-мышление как главный метод

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

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

Ключевые принципы продуктов

• data driven: в основе данные, а не предположения;
• простота (минимум шагов к цели);
• простой интерфейс без каких-то додумываний и двусмысленностей;
• консистентность: единый стиль и логика во всех элементах;
• инклюзивность

Кейсы Uplab

Алюминиевая Ассоциация

Делали: корпоративный сайт, личный кабинет участников Ассоциации

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

1. Создать корпоративный сайт;

2. Связать с ним личный кабинет;

3. Расширить функционал.

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

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

Как мы добивались поставленной цели:

Транслировали имидж компании. Для этого рассказали об Ассоциации; о её участниках и о проектах, которые они делают участники ассоциации.

• Главная страница сделана не в стандартной верстке, потому что у нас сверху большими буквами написано «Алюминиевая Ассоциация». Здесь есть имиджевая история: крупные изображения, мягкое движение, анимация на фоне. При этом навигация понятная — вверху находятся пункты меню.
• Далее идут карточки: новости Ассоциации, мероприятия, сервисы, которые предоставляет Ассоциация, и далее карточки участников Ассоциации.
• Когда участники вступают в Ассоциацию, они заполняют информацию о себе где в личном кабинете: для этого мы сделали очень понятный интерфейс.

Карточки участников — основа дизайна сайта, мы уделили их разработке много времени. Вот что мы реализовали.

1. Типизировали участников: поставщик, потребитель и т.д. Типы закодированы с помощью иконок и цвета.

2. Добавили в каждую карточку логотип, по которому узнаётся, что это за компания

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

4. Реализовали возможность добавлять карточки компаний в закладки.

5. Добавили возможность писать компаниям.

6. Добавили в каждую карточку крупные проекты, которые реализовала компания

7. Добавили проекты компаний.

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

Пример: логотип, загруженный в профиле компании, используется потом везде, где есть её упоминание.

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

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

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