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

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

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

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

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

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

Суть

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

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

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

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

Исходный размер 2700x1299

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

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

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

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

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

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

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

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

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

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

Айдентика

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

Исходный размер 2700x1299

94. Логотип

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

Исходный размер 2700x1299

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

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

Исходный размер 2700x1299

96. Палитра

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

Исходный размер 2700x1299

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

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

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

Исходный размер 2700x1299

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

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

Исходный размер 2700x1299

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

Исходный размер 2700x1299

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

Исходный размер 2700x1299

101. Пауэрбанк, бутылка для воды и ситилайт

Исходный размер 2700x1299

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

Исходный размер 2700x1299

103. Лендинг

Интерфейс

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

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

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

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

Главная

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

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

Потоки

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

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

Мои подборки

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

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

110–112. Мои подборки. Просмотр элементов подборки

Подписки

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

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

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

Профиль

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

Сценарии

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

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

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

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

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

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

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

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

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

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

Заключение

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

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

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

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

Библиография

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).

Источники изображений

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.

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