AIA - Membership App like Patreon

AIA is a membership management platform like Patreon, support your favourite creators, fully responsive


Intro

🖥️ Preview linkarrow-up-right

🌐 Template page on Bubble Marketplacearrow-up-right


Screenshots

Index page
Features
Creators page
Membership page
Creator dashboard
Admin dashboard

Template details

AIA - this is a great template for creative people who can create and publish their content. Content in the template can be paid and free. There are two types of users in the template - “Сreators” - people who are willing to share their content and “Members\readers” are those who can access the content, comment on it and contact the author directly.

AIA template features the following:

✅ Responsive design

✅ Signup/Login

✅ Demo Creator/Member/Admin

✅ Admin dashboard

✅ Creator dashboard

✅ Member dashboard

✅ Update and add posts

✅ Purchase and payment of content

✅ Chat between members and creators

✅ Likes and comments on posts

✅ Convenient search

This template is sold "as is" but if there are any critical bugs, feel free to reach out. Our team will try to fix them ASAP. We tried to keep all the workflows and design architecture simple for beginner-intermediate users to use and adjust. However, we recommend having at least moderate experience with Bubble to be able to fully use and edit the app’s backend. If you need any assistance to customize this template for your personal or business project, feel free to reach out to our team via dev@appassion.ioenvelope. We are always there to help build new products and mobile/web applications. We hope this template would become a great starting point for your project.

circle-exclamation

User flows

Main user flow:

-> Sign up/Login -> Creators search -> View posts -> Purchase and payment of content -> Ability to comment on content -> Chat with creators -> View all subscriptions in your personal account.


Key features

MULTISELECT DROPDOWN

RICH TEXT EDITOR

MEMBERSHIP COMMUNITIES

CONTENT MONETIZATION FEATURES

IN-APP PURCHASES AND SUBSCRIPTIONS

DIGITAL ART MARKETPLACE

Workflows

Primary colors and their purposes

Green

Emphasizes actions related to creating or modifying records in the database, indicating successful operation completion.

For example:

Red

Designated for actions involving deletion or resetting of values, aiding users in quickly identifying them.

For example:

Blue

Reserved for actions that do not impact application resources, such as opening or closing pop-up windows.

For example:

Orange

Used for actions related to app navigation, providing ease of orientation within the interface.

For example:

Brown

Utilized for custom workflows and API work, highlighting these actions among others.

For example:

Purple

Left to the developer's discretion for assigning color to actions as they see fit.

For example:

Cyan

Intended for actions involving the use of Custom Events, ensuring ease of perception for complex operations.

For example:

Grey

Employed for all other actions not covered by other colors, aiding in making the interface clear and balanced.

For example:

circle-exclamation

Pages

Below, you will find a list of all the pages available on this platform, along with a brief description of their functionality.

Index: Explore our landing page for insights on the template, featuring descriptions, who use AIA, feedbacks.

All Creators: This page compiles all creators who are registered on the site.

About Us: Exploring this page the user can find out more interesting and useful information about us.

Creator Questionnaire: This page is used for the creator to enter data about himself and what content he deals with.

Contact Us: Connect with platform administrators effortlessly through our user-friendly contact page.

Docs: Access all necessary platform documentation, including Privacy Policy, Terms & Conditions, and Frequently Asked Questions (FAQ).

Dashboard Creator: An creator's dashboard providing essential and up-to-date information.

  • The "Analytics" tab compiles general information such as total earned, members and comments, graphics and month statistics, last notifications and memberships.

  • The "Tiers" tab compiles information about all tiers with the necessary information such as price, name, description, category and as needed, the creator can edit tier or create a new tier.

  • The "Posts" tab compiles all created posts and information about them such as name, type, date of publication, tiers, views and if you want you can edit or delete the post and at the top of the page you can choose by category to create a new post.

  • The "Settings" tab compiles all the information about the creator and has the possibility to modify it.

  • The "Security" tab compiles information about the last time the creator changed his email or password and also gives him the possibility to change them once.

Login: This page allows users to log in or register on the site.

Chat: This is the page where users can talk to each other using a chat.

Creator Page: This page compiles all information about the creator such as memberships, recent posts.

Dashboard Admin: An admin's dashboard providing essential and up-to-date information.

  • The "Analystics" tab compiles information about the site such as total earning, members and comments, last notifications and memberships.

  • The "Members" tab compiles information about all members registered on the site and in how many memberships he has.

  • The "Creators" tab compiles information about all creators registered on the site and in how many members he has.

  • The "Settings" tab compiles all the information about the account and has the possibility to modify it.

  • The "Security" tab compiles information about the last time the admin changed his email or password and also gives him the possibility to change them once.

Dashboard Member: Еhis page contains information about account, security, email notifications, memberships, chat settings and if he wants he can modify them.

Feed: This page contains posts from creators to which the member is subscribed.

Reset Password: Effortlessly reset your password and receive updated login credentials for seamless access.


Reusable elements

  1. Footer - a section at the bottom of a web page containing additional information such as contacts and links. Found on all application pages.

  2. Header - the top part of a web page containing the logo, application name, navigation elements, and other important components. Found on all application pages.


Data Types

Benefits

This data type is designed for storing information related to Benefits.

Field name
Type
Notes

Title

Text

Benefits name

Admin

This data type is designed for storing information related to Admins.

Field name
Type
Notes

Creator

Admin user email

Categories

This data type is designed for storing information related to Categories.

Field name
Type
Notes

Image

Image

Category image

Title

Text

Category name

Comments

This data type is designed for storing information related to Comments.

Field name
Type
Notes

Body

Text

Comment content

Like Comments

List of Users

Comment users likes

Post

Comment post

Creator

Comment creator user name

Created Date

Date

Comment created date

Conversation

This data type is designed for storing information related to Conversation.

Field name
Type
Notes

Count of Sort

Number

Conversation sort number

Participants

List of Users

Conversation participants

Creator

Conversation creator user name

Modified Date

Date

Conversation modified date

Created Date

Date

Conversation created date

Creator

This data type is designed for storing information related to Creator.

Field name
Type
Notes

Categories

List of Categorieses

Creator categories

Category Description

Text

Creator category description

Cover Image

Image

Creator image cover

Link Facebook

Text

Creator facebook link

Link Instagram

Text

Creator instagram link

Link Twitter

Text

Creator twitter link

Link Youtube

Text

Creator youtube link

Page Description

Text

Creator page description

Tiers

List of Tierses

Creator tiers

Creator

User

Creator username

Feedback

This data type is designed for storing information related to Feedback.

Field name
Type
Notes

Body

Text

Feedback content

Full Name

Text

Feedback full name

Occupation

Text

Feedback occupation

Profile Picture

Image

Feedback profile picture

Creator

Feedback creator user name

Created Date

Date

Feedback created date

Member

This data type is designed for storing information related to Member.

Field name
Type
Notes

AIA Newsletter

Yes/No

Member newsletter status

Connected Stripe

Yes/No

Member content stripe status

Membership

List of Memberships

Member memberships

Product Updates and community announcements

Yes/No

Member product updates and community announcements status

Receiving Notifications

Yes/No

Member received notifications status

Send AIA Newsletter in Chat

Yes/No

Member send newsletter in chat status

Membership

This data type is designed for storing information related to Membership.

Field name
Type
Notes

Member

Membership member

Paid

Yes/No

Membership paid status

Subscription End

Date

Membership subscription end

Subscription Start

Date

Membership subscription start

Tier

Membership tiers

Type Membership

Option set: Type

Membership type

Message

This data type is designed for storing information related to Message.

Field name
Type
Notes

Content

Text

Message content

Conversation

Message conversation

Created Date

Date

Message created date

Modified Date

Date

Message modified date

Creator

Message creator user name

Notifications

This data type is designed for storing information related to Notifications.

Field name
Type
Notes

Content

Text

Notification content

Whom

Notification whom user name

Posts

This data type is designed for storing information related to Posts.

Field name
Type
Notes

Audio

File

Post audio file

Comments

List of Commentses

Post comments

Description

Text

Post description

Images

List of Images

Post images

Like Posts

List of Users

Post users likes

Links

List of Texts

Post links

Post Type

Option set: Post Type

Post type

Preview

Image

Post preview image

Tier

Post tiers

Title

Text

Post title

Video

Text

Post video

Creator

Post creator user name

Created Date

Date

Post created date

Modified Date

Date

Post modified date

Tiers

This data type is designed for storing information related to Tiers.

Field name
Type
Notes

Benefits

List of Benefitses

Tier benefits

Description

Text

Tier description

Image

Image

Tier image

Memberships

List of Memberships

Tier memberships

Posts

List of Postses

Tier posts

Price

Number

Tier price

Title

Text

Tier title

Type Tier

Option set: Type

Tier type

Creator

Tier creator user name

Created Date

Date

Tier created date

Modified Date

Date

Tier modified date

User

This data type is designed for storing information related to User.

Field name
Type
Notes

Admins User

User admin

Creator User

User creator

Member User

Member

User member

Accept Terms

Yes/No

User accepted terms status

Change Email

Date

User changed email date

Change Pass

Date

User changed password date

Demo User

Yes/No

User demo user status

First Name

Text

User first name

Last Name

Text

User last name

Online

Date

User online date

Profile Image

Image

User profile image

Username

Text

User username

User Type

Option set: User Type

User type

Email

Text

User email

View Post

This data type is designed for storing information related to View Post.

Field name
Type
Notes

Post

Posts from post


Option sets

Analytics

  • Week

  • Month

  • Year

Post Types

  • Images

  • Text

  • Video

  • Link

  • Audio

Type

  • Active

  • Archived

User Type

  • Creator

  • Member

  • Admin


The template is available in its current form, however, further alterations can be negotiated.

Don't hesitate to reach out to us with any questions, and we'll gladly explore options to accommodate your concepts – Visit us at https://appassion.io/arrow-up-right or email us at dev@appassion.io

We are always at your service through: Upworkarrow-up-right, Clutcharrow-up-right.

Last updated