Прототип приложения-сервиса
Общее описание: сервис для бизнеса, который позволяет установить, настроить и внедрить веб-приложение на основе работы telegram mini app. В сервисе есть возможность использовать различные модули (надстройки), которые позволяют влиять на бизнес процессы, такие как увеличение конверсий, прибыли, вовлечённости, удержание клиента.
Определения:
Клиент - «наш» потенциальный клиент, покупатель, который получает доступ к настройке и управлению приложением
Пользователь (юзер) — конечный клиент («клиенты нашего клиента), те, кто будут использовать это приложение
Проект — каждый свой сайт/приложение для клиента
Хайлайтсы — аналог «сториз» в инстаграм, верхняя панель с актуальными обновлениями. В отличии от инстаграм, не обязательно содержат исключительно видео/фото контент, могут вести на другие элементы проекта, а так же внешние источники
Шаблон - то, что ты нашёл на просторах и мы будем использовать для сбора нашей приложухи
Креатив - контентная еденица, которая применяется клиентом для Кастомизации своего проекта. Фото, видео, анимация и тд
Модуль - ввожу это определение тк, мы часто будем его использовать. Под модулем мы понимаем «раздел» или функционал, которые может получить клиент дополнительно к базовой версии. Какие-то модули могут быть бесплатными, или стандартными, какие-то отдельными разработками, в том числе и под заказ.
Сториз - это то, что клиент может использовать для продвижения, это понятный и удобный функционал, его скорее всего мы будет без доп оплаты распространять, но это МОДУЛЬ. Юзер может попасть в такие сториз из любого блока, оттуда куда поставит клиент сам. Таким образом я могу нажать на большой блок, и у меня запустится ряд фото или видео.
Подкасты - возможность размещать аудио и видео записи, формирую альбомы.
Реферальная система - приглашение друзей в приложение и накопление бонусов
Общий вид приложения стандартизирован, Кастомизация, осуществляется клиентом через админку, но носит не глобальный характер, нужно дать шаблонные варианты, которые клиент уже может настраивать, со временем будем расширять эти возможности обновлениями.
Таким цветом выделил элементы, которые у меня сейчас внедрены, но не критичны, для первого прототипа. Оставляю тебе на решение, делать сразу или не тратить силы
Основные элементы любого проекта
Описываю пока просто общий вид, как это должно выглядеть со стороны юзера, далее будет детально по каждому элементу что внутри, какие элементы видит юзер и что может настраивать клиент
- Шапка. Стандартный элемент в с выводом минимальной информации юзера. + закрепленные дополнительные источники клиента
2. Хайлайтсы. Всегда закрепленная наверху стартового экрана цепочка элементов.
3. Основные блоки с различными вариантами настроек (далее подробно будет)
4. Свайперы. Аналог хайлайтов но с применением «типа» основных блоков
5. Кастомные, модульные блоки. Реферальная система, таск менеджеры и тд. В зависимости от допов которые нужны клиенту и того, что мы уже ему предлагаем. По сути это будут такие виджет для наших модулей. Например реферальная система выводить активный баланс, закрытый клуб - текущий статус, и сколько осталось до окончания клуба, таск-менеджер - задачи на текущий день и т.д
6. Новостные блоки списком. (сейчас не обязательно для внедрения, можно оставить на обновления последующие)
7. Фиксированный на всех проектах элемент "сделано в.."
Детальный разбор элементов, внутренних страниц и функционала элементов
Так как у нас «конструктор» я буду описывать как это должно выглядеть со стороны клиента, который будет настраивать свой проект. По умолчанию мы понимаем, что у клиента есть доступ в админку уровня «пользователь», а у нас есть возможность так же вносить изменения в их проекты с доступом уровня «админ» (не знаю на сколько это важно, в моем случае это два доступа, клиент видит только кастомизацию, а я, дополнительно вижу его код, и могу настраивать дополнительные элементы, которые он не может )
Так же, я функционал по настройке блоков хайлайтсы и обычные блоки - схож, я в каждом продублирую, но по сути это один функционал. Например, такой как выбор креатива или выбор цвета и фона который можно применить к каждому такому элементу
Вывод аватара + id клиента. Мы ID используем чтобы при необходимости найти быстро клиента и помочь ему. С учётом того что в шаблоне предлагаю сразу сделать этот элемент кликабельным. внутри даём возможность юзеру заполнить информацию о себе.
Собираем данные - имя, фамилия, телефон, почта, дата рождения, город, свободное поле «о себе». В дальнейшем нам нужна будет эта инфа для использования. Можем в идеале дать клиенту в админке прописывать набор данных, которые он хочет собирать с клиента
2. Выпадающее меню ссылок на соц активы.
Нужно сделать как сейчас реализовано. Можно выбрать из текущих соц сетей, и заполнить что будет отображаться текстом, или добавить свой вариант и загрузить логотип, вставить ссылку, куда будет вести. Порядок так же настраивается, самая первая позиция будет отображаться по умолчанию у юзера
Конечный юзер тыкает сразу на ту ссылку что отображено, либо на стрелочку и выбирает из списка нужный контент
3. Хайлайтсы. Изначально нужны такие же квадратные как у меня, или вытянутые как в шаблоне, это ок. замечательно если будет опция выбора. Те клиент выбирает, круглые или такие виды иконок для своего проекта
в обоих случаях, просмотренные сториз и НЕ просмотренные выделяются рамкой, которая пропадает, после просмотра.
Что можно настраивать в Хайлайтсы:
- выбор фото
- возможность менять порядок хайлайтсов. Сейчас у меня это методом драг эн дропа в ворпресе выполнено. Меняю очерёдность и они тусуются
- описание/подпись, но можно оставить без нее
- возможность без фото использовать просто заливку фоном
- выбрать тип ссылки куда будет вести клик (прямая, instantview или закрытие с задержкой)
- возможность заблокировать контент. когда выбираем эту галочку, у нас 2 опции, блокировка по времени (выбираем дату и время когда разблокируется данный элемент или по просмотру предидущего элемента). Данный функционал у меня сейчас реализован.
При этом сам элемент становится с эффектом матового стекла и вешается замок. Замок нужно сделать какой то универсальный, или с возможностью выбора цвета. У меня сильно простой, смотрится немного колхозно.
можно добавить этот функционал чуть позже, но он тоже необходим
вот вариант как можно красиво сделать контент заблокированным :
только надо перед первыми цифрами добавить зачек замка маленький. Это нативно читается и понятно, что пока заболочено.
при этом нажимая на этот заблокированный элемент будет всплывать окно посередине, с текстом (этот текст клиент тоже задаёт когда делает заблокированный контент)
- Выбор цвета и размера текста на хайлайтсе, нужно когда картинка выбрана не очень удачно и белый увет начинает сливаться. В идеале тоже палитра которой можно подобрать цвет. Тут как раз очень пригодилась бы возможность использовать какой то «предпросмотр» применённых изменений, чтобы каждый раз не сворачивать браузер и идти проверять, как это выглядит в приложении.
- Возможность вставлять анимацию. Тут вопрос открытый, точно на следующие доработки, не сейчас. Я даже не знаю как это лучше реализовать, если gif это просто, но будет тяжело, если что-то другое - не знаю как это реализовать со стороны админки. Возможно, это оставить как платная доработка, и мы совместно с клиентом, может добавить +100 к креативности и запилить анимации в их блоки
Тут нужно сделать возможность добавлять блоки и выбирать их тип + настраивать размер (по размеру сейчас думаю, может избежать этой настройки и установить стандартные размеры, из которых уже клиент будет собирать себе мозаику как хочет)
- Раздел мини блоков списком. можно сделать чтобы каждый элемент как отдельный блок был (получается мини версия такая) или целый раздел в котором сразу несколько креативов загружаешь и тексты к ним. Как вариант можно сделать, чтобы кликабельным был не каждый элемент, а весь раздел, после чего открыватеся уже болшее полная версия и там продукты как раз. В шаблоне это раздел "новостей" но нам нужно это как список продуктов. Раздел тоже можно добавить не сразу, но по сути это может быть точкой входа на модуль аналог геткусра.
Все эти блоки, так же должны иметь аналогичные настройки как и с хайлайтсами.
- выбор фото
- возможность менять порядок хайлайтсов. Сейчас у меня это методом драг эн дропа в ворпресе выполнено. Меняю очерёдность и они тусуются
- описание/подпись, но можно оставить без нее
- возможность без фото использовать просто заливку фоном
- выбрать тип ссылки куда будет вести клик (прямая, instantview или закрытие с задержкой)
- возможность заблокировать контент
- Выбор цвета и размера текста
- нужно будет решить как сделать так, чтобы текст не терялся на всех этих блоках и его центровку по отношению к блоку, я предлагаю использовать плашки, которые есть в шаблоне, но сделать возможность их подключения/отключения.
5. Модули
По сути МОДУЛИ это доп страницы с доп функционалом доступ к которым клиент получает оплатив доп цену. И в админке если у меня не оплачен доступ к этому функционалу, он у меня виден, но не активен, я не могу его выбрать.
Из того, что сейчас востребовано и нужно в порядке приоритета:
1. Платёжная система.
Это скорее не модуль а обязательная интеграция, которую нужно делать и давать возможность клиентам подключать свои платёжные системы. Нужно почитать телеграм API там это уже интегрировано, нужно только разобраться
https://core.telegram.org/bots/payments - вот тут про оплаты как они через бота работают
Ключевое в платёжных системах, это сделать универсальное подключение «моей» как клиента платежи в наш сервис. Как в конструкторах чат ботов и других сервисах. Можно самые ходовые подключить, либо по мере запросов клиентов подключать:
2. Каталог инфо-продуктов
Раздел в котором клиент размещает свои товары (инфопродукты), устанавливает цены, указывает доп условия по продаже продукта. Со стороны клиента, это каталог + потребление этого платного контента. Именно в потреблении у меня самый главный вопрос, тут два варианта:
- мы интегрируем по API например их обучение с getcourse и подобными сервисами
- либо мы полностью выдаем обучение на своей площадке
Клиенты есть и те и те, у которых нет геткурса активного, с ними будет проще, им можно делать сразу на нашей площадке, а вод те, у которых уже есть обучение какое-либо на геткурсе, тут нужно отталкиваться от того, что у них есть, тк там и база клиентов у них, и аналитика и прочее.
я сейчас над этим моментом думать буду, и общаться с потенциальными клиентами, собирать инфу, как бы им это было удобнее реализовывать.
документацию тут пока сохраняю
https://getcourse.ru/blog/276212
https://getcourse.ru/help/api#1
https://getcourse.ru/blog/276215
Предполагаемые настройки по продукту для клиента
тут подробнее
