Глава 3. Медиа-платформа
Setly — это медиа‑платформа для планирования чек‑планов для путешествий, состоящая из разделов «Главная», «Чек‑планы», «Статьи», «Тесты», а также «Редактор персональных планов», «Личный кабинет» и страниц «Вход/Регистрация». Главный концепт платформы — простой и понятный интерфейс, с которым может работать широкая аудитория без дополнительного порога входа.
User Story 1: Создание персонализированного чек-листа
Как любитель путешествий, я хочу создать и редактировать свой чек-лист для поездки в Японию, используя готовые шаблоны (например, «Что взять с собой», «Места для посещения»), чтобы систематизировать подготовку и не забыть важные детали, адаптировав список под свои потребности.
User Story 2: Поиск и использование популярного чек-листа от сообщества
Как начинающий путешественник, планирующий первую поездку в Исландию, я хочу найти публичный чек-лист от опытного пользователя с высоким рейтингом, просмотреть его содержимое и скопировать себе, чтобы сэкономить время на подготовку и воспользоваться проверенным опытом сообщества.
User Story 3: Управление доступом к личному плану и совместное планирование
Как путешественник, который едет в отпуск с друзьями, я хочу сделать свой чек-лист общим через режим «по ссылке» и разрешить друзьям просматривать и отмечать выполненные пункты, чтобы мы могли вместе координировать сборы и ничего не забыть.
Представляет собой цикличную структуру, сайт удерживает внимание пользователя за счет дальнейших советов, прохождения тестов, регистрации и создания чек-планов. Все страницы связаны между собой и позволяют легко перемещаться между друг другом
Header и Nav Bar
1. Десктопная версия 2. Мобильная версия
Для придания интерфейсу лёгкости блоки основных действий вынесены в плавающие меню с эффектом прозрачности и блюра: такой приём часто используется медиа‑сервисами, чтобы панели управления оставались заметными, но не перегружали визуальное поле. Верхнее меню закреплено в верхней части экрана и содержит основные разделы сайта; из него же осуществляется переход в личный кабинет.
1. Десктоп версия при просмотре чужого чек-плана 2. Мобильная версия при просмотре чужого чек-плана 3. Десктоп, режим редактирования
Нижнее меню является контекстным и изменяется в зависимости от статуса пользователя и состояния чек‑плана, то есть находится ли он в режиме редактирования или просмотра. Этот nav‑бар появляется только при работе с чек‑планами и собирает в себе все ключевые действия с ними, чтобы не располагать управление по различным зонам интерфейса.
Главная страница
Главная страница представляет проект и кратко объясняет функциональность сервиса. Её основные цели — познакомить пользователя с платформой, показать ценность сообщества и публичных планов, предложить перейти к статьям или попробовать создать собственный чек‑план.
Каталог чек‑планов
Каталог чек‑планов — ключевая страница обмена опытом, где пользователи видят разные подходы к подготовке путешествий. Каталог разбит на типы поездок, а для более точного поиска предусмотрена поисковая строка и фильтры.
Если по запросу не находится подходящий план, пользователь получает мягкое приглашение создать первый чек‑план на эту тему и поделиться им с другими.
Личный кабинет
Личный кабинет аккумулирует все созданные чек‑планы, позволяет настраивать профиль и запускать создание новых планов.
Работа с чек-планами
При создании нового чек‑плана пользователь выбирает между использованием готового шаблона и полностью пустой структурой, которую он наполняет самостоятельно.
Модальное окно создания нового чек-плана
Просмотр публичных чек‑планов доступен без регистрации, однако для сохранения и редактирования плана необходима учётная запись. Структурно чек‑план состоит из модулей, которые можно добавлять и настраивать под свои нужды.
С учётом пользовательских запросов предусмотрены типовые блоки: «Чек‑лист вещей», «Ссылки, куда сходить», «Таблица бюджета», «Заметки» и модуль произвольного текста. Добавляя эти блоки через нижнюю панель, пользователь кастомизирует структуру плана, а платформа при этом предлагает базовые, понятные сущности, которые направляют, а не перегружают.
При первом создании чек‑плана запускается краткий онбординг по работе с редактором; затем его можно повторно вызвать по иконке вопроса в режиме редактирования.
Тесты
Для уже собранных планов предусмотрено предложение пройти один из коротких тестов платформы. Тесты поддерживают интерес к сервису и развлекают пользователя, как бы говоря «ты уже собрался, можешь расслабиться».
Статьи
В статьях собраны полезные советы на тему путешествий от платформы
Страница «О нас»
Страница «О нас» рассказывает о проекте и представляет авторов
Система
Страницы входа/регистрации
Страницы ошибок
Техническая реализация предполагает использование современного стека: Next.js для фронтенда, Python/FastAPI для бэкенда и SQLAlchemy/SQLModel для управления базой данных. Это обеспечивает масштабируемость и гибкость для будущих интеграций (например, с API фотостока)
