Original size 1140x1600

Исследование для веб-платформы создания и продажи подборок контента

Проектирование веб-платформы для создания авторских подборок контента

product research

Задачи, которые решает платформа

Для авторов платформа закрывает несколько фундаментальных задач

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

Для читателей платформа выполняет роль «навигатора» в хаотичном медиаполе

Сокращает количество источников информации до нескольких доверенных авторов, избавляя ленту от «мусорного» контента и снижая ощущение FOMO.
Делает контент не разовым, а удобным для повторного обращения благодаря структуре подборок (они регулярно обновляются, но всегда можно найти старые ссылки) и «отложенному».

Платформа бренда

Суть

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

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

Личность бренда

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

Original size 2700x1299

88–93. Личность бренда

Тон коммуникации

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

Ценности бренда

1. Бережное отношение к информации и вниманию пользователя 2. Уважение к работе авторов 3. Открытость разным темам и точкам зрения 4. Не количество, а качество

Рациональные преимущества

1. Единая среда, где можно собирать контент из разных каналов, оформлять его в структурированные подборки и монетизировать как самостоятельный продукт. 2. Понятные и гибкие режимы доступа к подборкам: приватно, единоразовая оплата, подписка, доступ по ссылке или бесплатно. 3. Поддержка авторской монетизации и аналитика по аудитории. 4. Удобные режимы просмотра обновлений и механики повторного обращения к материалам.

Эмоциональные преимущества

1. Чувство, что рядом есть надёжный проводник, который уже всё изучил и бережно отобрал главное. 2. Уменьшение когнитивной усталости и удовольствие от качественного контента. 3. Ощущение, что время в интернете тратится осознанно: вместо прокрутки лент человек обращается к важному для него контенту.

Sealecta — название, в котором соединены слова sea (от англ. — «море») и select (от англ. — «выбирать, отборный») как олицетворение авторской выборки из большого количества контента

Айдентика

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

Original size 2700x1299

94. Логотип

Логотип состоит из гротеска с узким начертанием: буквы слегка сжаты по горизонтали, что визуально поддерживает идею «упаковки» информации в подборку. Такое начертание отличает знак от текста в интерфейсе, но остаётся простым и читаемым. По краям букв «s» и «a» штрихи превращаются в линии, которые олицетворяют «вливающиеся» потоки контента. Логотип всегда размещается так, чтобы его края упирались в границы формата или формы. Знак объединяет в себе формы букв «s» и «a».

Original size 2700x1299

95. Типографика

Типографика состоит из шрифтового семейства TT Commons Pro Trial. Это современный геометрический гротеск с нейтральным характером и хорошей читабельностью в цифровой среде. Один шрифт используется в интерфейсе, подписях на носителях и длинных текстах, а в логотипе — его узкое начертание.

Original size 2700x1299

96. Палитра

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

Original size 2700x1299

97. Оформление карусели в социальной сети. Использование круга как метафоры пузыря

Графика и изображения

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

Original size 2700x1299

98. Плакаты. Использование графики с градиентной обводкой

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

Original size 2700x1299

99. Бейдж участника мероприятия и чехол на телефон

Original size 2700x1299

100. Шоппер и кружки

Original size 2700x1299

101. Оформление историй для соцсетей. Использование круга как метафоры жемчужин

Original size 2700x1299

102. Лендинг

Интерфейс

Интерфейс Sealecta организован как последовательность шагов работы с подборками: от сбора источников до просмотра лент обновлений и управления монетизацией. Каждый раздел решает отдельную задачу.

Меню и разделы

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

Original size 2614x4225

103. Главная страница

Главная

Главная страница — витрина сервиса, которая помогает пользователям найти подходящие для них подборки. Здесь есть блок «Выбор Sealecta» с подборками, которые команда сервиса считает удачными, лента новинок от авторов, на которых пользователь уже подписан, и карусели по интересам. Фильтры по категориям и типу доступа позволяют отобрать релевантные подборки: например, посмотреть только бесплатные подборки по дизайну и кино.

104–106. Потоки. Просмотр обновлений в источниках

Потоки

Раздел «Потоки» — рабочий инструмент автора для управления входящим контентом из разных источников. Пользователь может переключаться между режимами просмотра обновлений потоков и сортировки отобранных из потока ссылок по подборкам. Экран строится из нескольких колонок, наполнение которых меняется в зависимости от выбранного режима. Автор создаёт поток под конкретную тему, добавляет туда источники (Telegram-каналы, блоги, рубрики сайтов), а система отслеживает новые публикации и показывает в списке карточек, отмечая новые публикации счётчиками. В режиме сортировки материалы, которые автор посчитал полезными, можно перетаскивать и распределять в нужные подборки. В дальнейшем сохраненные в подборки ссылки можно отредактировать и опубликовать для подписчиков.

107–108. Потоки. Режим сортировки отобранных материалов по подборкам

Мои подборки

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

Элемент (запись) подборки можно добавить из «Потоков» (есть ссылка на первоисточник) или вручную (ссылка опциональна). Большинство данных об элементе добавляется автоматически вместе с метаданными: заголовок материала, тип контента, название источника, обложка или превью‑картинка (при необходимости — скриншот страницы). Пользователь всегда может отредактировать эти поля. Особую ценность подборке придают авторские комментарии к элементам, но они не являются обязательными.

Подписки

Для просмотра подборок, на которые подписан пользователь, доступны два режима: лента и галерея. В режиме галереи подборки распределены по группам: «Закреплённые», «Бесплатные», «По подписке», «Купленные». Над списком работает сортировка по дате обновления, дате подписки и по алфавиту. Также вверху есть фильтр по категории подборок и поиск, помогающий найти не только подборки, но и элементы внутри них. В режиме ленты пользователь видит материалы, которые опубликовали в подписках, в хронологическом порядке. Такой режим особенно удобен для мобильных устройств и повседневного просмотра обновлений. Можно просматривать обновления всех подборок или только выбранных. Заинтересовавшую запись можно отложить, чтобы прочитать позже. Сбоку экрана отображаются отложенные записи в сжатом виде. На количество отложенных записей можно устанавливать лимит, чтобы их не становилось слишком много.

109. Подписки. Просмотр обновлений подборок в режиме ленты. 110. Подписки. Просмотр списка подборок в режиме галереи

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

Профиль

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

Сценарии

1. Отслеживание разных источников

Job story. «Когда я в течение дня просматриваю несколько сайтов, Telegram‑каналов и рассылок, я хочу видеть эти источники в одном месте, чтобы не держать в голове, где и что я сохранил или видел».

2. Быстрое превращение находки в элемент подборки

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

3. Оформление платной экспертной подборки

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

4. Подписчик пришёл за автором

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

5. Человек ищет качественный контент по определенной теме

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

Заключение

Результатом исследования и этапов проектирования стала веб-платформа, которая помогает авторам и читателям выстраивать работу с контентом как понятный, управляемый процесс

Сервис не ломает привычные практики: кураторы продолжают пользоваться своими источниками и каналами, но получают вспомогательный слой, который позволяет из разрозненных ссылок собирать цельные подборки, удобно их обновлять и продавать. Для читателей Sealecta делает потребление контента осознанным: они получают подборки с понятной ценностью и релевантную ленту обновлений от авторов, которым доверяют.

К моменту защиты дипломного проекта планируется сделать полноценную дизайн‑систему для Sealecta на основе UDF‑подхода

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

Bibliography

Show

0 to 2000 Subscribers in 8 Months — Reddit /r/Substack Электронный ресурс. URL: https://www.reddit.com/r/Substack/comments/16dmd3i/0_to_2000_subscribers_in_8_months/ (дата обращения: 29.11.2025).

74% опрошенных испытывают цифровую усталость — ВБР Электронный ресурс. URL: https://www.vbr.ru/help/novosti/74-oprosennih-ispitivaut-cifrovuju-ystalost-45207/ (дата обращения: 18.11.2025).

Academic Obsidian — Emile van Krieken Электронный ресурс. URL: https://www.emilevankrieken.com/blog/2025/academic-obsidian/ (дата обращения: 25.11.2025).

How Much Information Can the Brain Process? Электронный ресурс. URL: https://www.technologynetworks.com/neuroscience/news/caltech-scientists-have-quantified-the-speed-of-human-thought-394395 (дата обращения: 18.11.2025).

How to Scope — The Scope, Substack Электронный ресурс. URL: https://thescope.substack.com/p/how-to-scope (дата обращения: 30.11.2025).

Newsletter Writers: What’s Your Biggest Workflow… — Reddit /r/Substack Электронный ресурс. URL: https://www.reddit.com/r/Substack/comments/1p8w33e/newsletter_writers_whats_your_biggest_workflow/ (дата обращения: 30.11.2025).

Signal–to–Noise Ratio — Nielsen Norman Group Электронный ресурс. URL: https://www.nngroup.com/articles/signal-noise-ratio/ (дата обращения: 20.11.2025).

Substack for Authors: An Exciting Opportunity or Just Hype? — Author Media Электронный ресурс. URL: https://www.authormedia.com/substack-for-authors-an-exciting-opportunity-or-just-hype/ (дата обращения: 29.11.2025).

Substack Is Both Great and Terrible for Authors — Jane Friedman Электронный ресурс. URL: https://janefriedman.com/substack-is-both-great-and-terrible-for-authors/ (дата обращения: 29.11.2025).

10.

Zettelkasten: что это и как работает — Нетология Электронный ресурс. URL: https://netology.ru/blog/04-2022-zettelkasten (дата обращения: 25.11.2025).

11.

Аналитика и статистика: есть ли будущее у email‑маркетинга? — PPC.World Электронный ресурс. URL: https://ppc.world/articles/analitika-i-statistika-est-li-buduschee-u-email-marketinga-issledovanie/ (дата обращения: 20.11.2025).

12.

ИССИЭЗ НИУ ВШЭ. Поведение россиян в интернете в год пандемии Электронный ресурс. URL: https://issek.hse.ru/news/470858519.html (дата обращения: 25.11.2025).

13.

ИССИЭЗ НИУ ВШЭ. Насколько готовы россияне платить за цифровые подписки? Электронный ресурс. URL: https://issek.hse.ru/news/961648516.html (дата обращения: 18.11.2025).

14.

ИССИЭЗ НИУ ВШЭ. Платформенная занятость в России Электронный ресурс. URL: https://issek.hse.ru/news/975577465.html (дата обращения: 18.11.2025).

15.

Исследование о потреблении медиа в России — CNews Электронный ресурс. URL: https://www.cnews.ru/news/line/2025-04-08_issledovanie_o_potreblenii (дата обращения: 25.11.2025).

16.

Исследование: как и почему читают рассылки брендов — UniSender Электронный ресурс. URL: https://www.unisender.com/ru/blog/issledovanie-kak-pochemu-kakie-rassylki-brendov-chitayut/#anchor-1 (дата обращения: 20.11.2025).

17.

Как устроена «Медуза» — Medium / Meduza How It Works Электронный ресурс. URL: https://medium.com/meduza-how-it-works/-1a99202d27a3 (дата обращения: 29.11.2025).

18.

Медиа‑потребление 2023: исследование — AdIndex Электронный ресурс. URL: https://adindex.ru/news/researches/2023/04/21/312124.phtml (дата обращения: 25.11.2025).

19.

Медиапотребление — Sostav.ru Электронный ресурс. URL: https://www.sostav.ru/publication/medipotreblenie-74914.html (дата обращения: 24.11.2025).

20.

Медиатренды современного рынка — АКОСП Электронный ресурс. URL: https://akospr.ru/issledovaniya/mediatrendy-sovremennogo-rynka (дата обращения: 30.11.2025).

21.

Метод «второго мозга» Тиаго Форте — Notionbox Электронный ресурс. URL: https://notionbox.ru/metod-vtorogo-mozga-tyago-forte/ (дата обращения: 25.11.2025).

22.

От развлечений к выгоде: какие онлайн‑подписки выбирают россияне — НАФИ Электронный ресурс. URL: https://nafi.ru/analytics/ot-razvlecheniy-k-vygode-kakie-onlayn-podpiski-vybirayut-rossiyane/ (дата обращения: 18.11.2025).

23.

Почему стало модно фотографироваться на старые iPhone: плюсы и минусы такой съёмки — Peopletalk Электронный ресурс. URL: https://peopletalk.ru/article/pochemu-stalo-modno-fotografirovatsya-na-starye-iphone-plyusy-i-minusy-takoj-semki/ (дата обращения: 18.11.2025).

24.

Пузырь фильтров знает о вас всё: что это такое и как он формирует медиапотребление — Sysblok Электронный ресурс. URL: https://sysblok.ru/society/puzyr-filtrov-znaet-o-vas-vsjo-chto-jeto-takoe-i-kak-on-formiruet-mediapotreblenie/ (дата обращения: 21.11.2025).

25.

Рассылка‑дайджест: максимум пользы в одном письме — Mailfit Электронный ресурс. URL: https://mailfit.com/blog/rassylka-dajdzhest-maksimum-polzy-v-odnom-pisme (дата обращения: 21.11.2025).

26.

Что такое RSS‑лента и как её настроить — UniSender Электронный ресурс. URL: https://www.unisender.com/ru/glossary/chto-takoe-rss-lenta-i-kak-ee-nastroit/#anchor-4 (дата обращения: 20.11.2025).

27.

Что такое Substack: соцсеть для уволенных журналистов и блогеров — ZEH Media Электронный ресурс. URL: https://zeh.media/zalipnut/579436-chto-takoye-substack–sotsset-dlya-uvolennykh-amerikanskikh-zhurnalistov-blogerov-begushchikh-ot-alg (дата обращения: 21.11.2025).

Image sources

Show

https://www.coleorloff.com/wp-content/uploads/2024/09/after.png (дата обращения: 09.12.25)

https://www.youtube.com/watch?v=Ip4qW6g9p9Q (дата обращения: 09.12.25)

https://www.ted.com/talks/barry_schwartz_the_paradox_of_choice/transcript?language=ru&subtitle=en (дата обращения: 09.12.25)

https://avatars.mds.yandex.net/get-mpic/5268639/2a00000191824b231f0029ce665887fb55ad/orig (дата обращения: 09.12.25)

https://signalvnoise.com/svn3/ (дата обращения: 09.12.25)

https://signalvnoise.com/archives/ (дата обращения: 09.12.25)

https://www.youtube.com/results?search_query=digital+detox+vlog&sp=CAMSAhAB (дата обращения: 09.12.25)

https://youtu.be/i2augS6uIpo?si=UA_DHsfR0UU7xe4b (дата обращения: 09.12.25)

https://youtu.be/m35NxfMfTmo?si=qeILJjgIA3WuQW3q (дата обращения: 09.12.25)

10.