Кейс НС Диджитал · MediaTech / Creator Economy
WEB PLATFORMCREATOR ECONOMYSTRAPISUBSCRIPTIONPAYMENTSAUTHORSPERSONAL ACCOUNTCONTENT

FRAME COMIC. НЕ САЙТ. ПЛАТФОРМА ДЛЯ АВТОРОВ И ЧИТАТЕЛЕЙ.

DIGITAL PRODUCT · ПЛАТФОРМА В РАЗВИТИИ

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

FRAME COMIC · LIVE INTERFACE
Главная страница платформы Frame Comic
FRAME COMICREADPUBLISHSUBSCRIBEMONETIZECREATORSPERSONAL ACCOUNTSTRAPIPAYMENTSCOMMUNITYFRAME COMICREADPUBLISHSUBSCRIBEMONETIZECREATORSPERSONAL ACCOUNTSTRAPIPAYMENTSCOMMUNITY
Архитектура продукта

Здесь недостаточно одного типа пользователя. Нужно связать три стороны.

Frame Comic — двухсторонняя контентная платформа, где интересы читателя и автора связываются через третий слой — саму систему. Читатель ищет и потребляет контент. Автор публикует и монетизирует. Платформа управляет доступом, оплатой и связями между ними.
01 / READER

Читатель

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

02 / AUTHOR

Автор

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

03 / PLATFORM

Платформа

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

Главная сложность

Не просто дать прочитать комикс. Создать экономику вокруг контента.

PRODUCT LOGIC

Контент может быть бесплатным. Платным. По подписке. И менять статус со временем.

Именно поэтому Frame Comic — не обычная контентная площадка. Система должна понимать, кто пользователь, какой контент ему доступен, купил ли он главу, действует ли подписка, какие условия установил автор и когда платный доступ должен измениться. Это уже бизнес-логика digital-продукта.

01 / DISCOVERY
Найти нужную историю

Большому объёму контента нужны каталог, фильтрация и понятная навигация.

02 / ACCESS
Определить права доступа

Не каждая глава доступна одинаково каждому пользователю.

03 / MONEY
Связать контент с оплатой

Подписка, покупка главы и другие платные сценарии должны работать в единой логике.

04 / CREATOR
Дать автору управление

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

Content discovery

Каталог должен помогать найти историю, а не просто показывать обложки.

Каталог комиксов Frame Comic с системой фильтров
CATALOG / FILTERING

Контент имеет много параметров. И пользователь должен ими управлять.

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

ТИПЖАНРСТАТУС ПРОЕКТАВОЗРАСТНОЙ РЕЙТИНГГОДОЦЕНКА
Reader journey

От первого контакта до постоянного пользователя.

01 / DISCOVER Увидеть контент Главная, рекомендации или каталог.
02 / FILTER Найти интересное Жанр, тип, рейтинг, статус и другие параметры.
03 / TITLE Открыть произведение Описание, автор, жанры, рейтинг, статистика.
04 / CHAPTER Перейти к главам Выбрать доступный контент для чтения.
05 / ACCESS Получить доступ Бесплатно, по подписке или через покупку.
06 / ACCOUNT Вернуться История, избранное, покупки и дальнейшее чтение.
Monetization

Главы — это контент. Но ещё и цифровой товар.

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

CREATOR ECONOMY

Читатель платит за доступ. Автор получает инструмент монетизации.

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

SUBSCRIPTION Подписная модель для доступа к платному контенту.
CHAPTER PURCHASE Возможность приобретения отдельной главы, а не всей библиотеки.
FREE CONTENT Главы могут быть полностью бесплатными.
PAID PERIOD Автор может задать период платного доступа.
AUTO FREE Система может автоматически перевести главу в бесплатный режим после заданного срока.
AUTHOR PAYOUT В бизнес-логике платформы предусмотрена система выплат авторам.
Subscription UX

Оплата — не отдельная страница. Она встроена в путь чтения.

ACCESS CONTROL

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

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

Оформление подписки в Frame Comic
Creator side

Автор здесь — не строка под названием. Это отдельный тип пользователя.

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

AUTHOR WORKSPACE

Создать. Опубликовать. Настроить доступ. Назначить цену. Монетизировать.

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

COMIC Добавление собственного произведения на платформу.
CHAPTERS Публикация новых глав и развитие произведения.
PRICE Возможность устанавливать стоимость доступа к контенту.
PAID PERIOD Настройка периода, в течение которого глава остаётся платной.
AUTO STATUS Автоматическое изменение режима доступа после заданного срока.
MONETIZATION Коммерческая логика и выплаты авторам становятся частью самого продукта.
Registration / Auth

Без регистрации — контент. После регистрации — персональный сервис.

Регистрация пользователя Frame Comic и вход через VK ID
ACCOUNT SYSTEM

Аккаунт связывает читателя с его действиями.

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

VK ID · SOCIAL AUTH
Content page

У произведения есть не только обложка. У него есть структура.

COMIC ENTITY

Произведение собирает контент, автора и аудиторию в одной точке.

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

Список глав произведения на платформе Frame Comic
Technology

Под ярким визуалом — серьёзная техническая логика.

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

PLATFORM STACK

Контент. Пользователи. Доступ. Оплата. Аналитика. В одной архитектуре.

Для платформы вроде Frame Comic главная сложность не в выборе одного фреймворка. Необходимо, чтобы разные технологические слои работали вместе: контентная база, frontend, авторизация, платёжные сценарии, аналитика и дальнейшее развитие продукта.

01 / STRAPI

Headless CMS

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

02 / TINKOFF

Платёжный контур

Tinkoff представлен в опубликованном технологическом наборе проекта для коммерческих сценариев.

03 / VK

VK ID

Социальная авторизация сокращает количество шагов при создании аккаунта.

04 / METRICA

Яндекс Метрика

Аналитика помогает изучать поведение пользователей и использование digital-продукта.

05 / SEO TOOLS

Screaming Frog

Инструмент представлен в технологическом наборе кейса для технической работы с web-проектом.

06 / CUSTOM LOGIC

Бизнес-логика

Подписка, доступ, публикация, цены и авторские сценарии требуют индивидуального программирования.

Platform contour

Платформа с авторами и оплатой — это больше, чем интерфейс.

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

Product development

Такой проект начинается не с главной страницы.

01

Анализ модели

Кто читает, кто публикует, какой контент существует и как работает монетизация.

02

Роли пользователей

Разделили сценарии читателя, автора и системной части платформы.

03

Архитектура контента

Произведения, главы, жанры, авторы и связанные сущности.

04

Access logic

Спроектировали логику бесплатного, платного и подписного доступа.

05

UX / UI

Собрали каталог, карточки, регистрацию, личные сценарии и monetization UX.

06

Development

Связали frontend, контентную систему и программную бизнес-логику.

07

Интеграции

Авторизация, платёжные и аналитические инструменты.

08

Тестирование и развитие

Проверка пользовательских сценариев и дальнейшее развитие самого продукта.

Результат

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

Для такого кейса гораздо сильнее работает не выдуманная «конверсия +47%», а сам масштаб реализованной продуктовой логики.

01 / PLATFORM

Полноценная web-платформа

Не лендинг и не каталог, а цифровой сервис для нескольких типов пользователей.

02 / CREATOR

Авторская экономика

Публикация, цены, платный период и монетизация контента.

03 / READER

Читательский сервис

Каталог, фильтры, главы, аккаунт, подписка и покупки.

04 / TECHNOLOGY

Система для дальнейшего роста

Контентный слой, пользователи, оплаты и аналитика объединены в одном продукте.

НС Диджитал · Digital Product

КОГДА ПОЛЬЗОВАТЕЛЬ МОЖЕТ ЧИТАТЬ. ПУБЛИКОВАТЬ. ПОКУПАТЬ. ЗАРАБАТЫВАТЬ. ЭТО УЖЕ НЕ ПРОСТО САЙТ.

Frame Comic — один из кейсов, который показывает НС Диджитал именно как команду разработки цифровых продуктов. Здесь пересекаются контент, разные роли пользователей, личные кабинеты, подписная модель, платный доступ, авторская монетизация, платёжный контур, авторизация, аналитика и управление данными. То есть то, что обычно остаётся за красивым первым экраном.