Lobster - Retail Marketplace

Lobster is easy to use and manage retail marketplace, featuring store management and buyer dashboard, fully responsive.

---

Intro

Links

🖥️ Preview link

🌐 Template page on Bubble Marketplace

---

Screenshots

Index page

Features

Products page

Product page

User profile

Admin dashboard

---

Template details

Lobster is a template that is great for someone who wants to open their own marketplace to sell any product. In this case, we chose electronic goods. This is a #nocode template which allows the administrator to publish a product, and the user can select the product that he needs, add the product to the cart and arrange delivery of the product.

Lobster template features the following:

✅ Responsive design

✅ Signup/Login

✅ Admin dashboard

✅ User dashboard

✅ Create and edit products from admin panel

✅ Show recommendations based on the products viewed

✅ Quick and flexible product search

✅ Search across all product categories

✅ Sort and filter using multiple criteria

✅ The function of viewing order history

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 [e-mail]. 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.

Removing the banner

1. Open the app in Bubble editor

2. Go to settings -> SEO/Metatags

3. Remove the content of "Script in the body"

---

User flows

Main user flow:

-> Sign up/Login -> Product search -> View product description -> Order delivery of goods -> Add product to favorites -> View all orders in your personal account.

---

Key features

MULTISELECT DROPDOWN

RICH TEXT EDITOR

USER ACCOUNTS

TECH NEWS AND UPDATES

PRODUCT LISTINGS

WARRANTY AND SUPPORT INFORMATION

Workflows

Primary colors and their purposes

Green

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

For example:

Example 1

Example 2

Red

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

For example:

Example 1

Example 2

Blue

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

For example:

Example 1

Example 2

Orange

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

For example:

Example 1

Example 2

Brown

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

For example:

Example 1

Example 2

Purple

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

For example:

Example 1

Example 2

Cyan

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

For example:

Example 1

Example 2

Grey

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

For example:

Example 1

These standards are purely recommendations. Possible discrepancies do not affect the functionality of the application.

---

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, special offers, categories, blogs, brands, top sales and subscribe section.

Blog: This page contains all the information about the blog such as name, theme, category, description, pictures and other necessary information.

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

All Products: On this page you will find all the products on the site with a little information about them such as picture, name, price, memory and available colors.

User Profile: A user's dashboard displaying all information about personal information about user and orders.

• The "Personal Information" tab showcases applications the candidate has submitted.

• In the "My Orders" tab, candidates can find roles they've bookmarked.

Checkout: This is the page intended for the user to complete purchases. It displays all the necessary information about the checkout such as shipping details with the products purchased, order summary with price information and at the bottom is a panel with recommended products.

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

• The "Products" tab compiles information about all products on the site such as image, manufacturer, name, code, price, and if necessary the administrator can edit or view detailed information about the product.

• The "Orders" tab compiles information about all orders placed on the site such as order number, product images, price, date, status and if necessary the administrator can view all information about the order.

• The "Blog" tab compiles information about all blogs on the site such as name, content and as needed the admin can edit or view all blog information.

• The "Users" tab compiles information about all users registered on the site such as image, name, email, phone number, number of orders and if necessary the administrator can view all information about the user.

Product: This page contains all product information such as name, price, image, available colors.

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.

3. Terms & Conditions - contains information about Terms & Conditions. Used in the following pages: checkout.

4. Privacy Policy - contains information about Privacy & Policy. Used in the following pages: index, blog, checkout.

5. Our Recomandations - this item contains information about products that are recommended to users. Used in the following pages: checkout, product.

6. Free Consultation - this item displays information on how the user can get free consultation. Used in the following pages: checkout, product.

---

Data Types

Blogs

This data type is designed for storing information regarding Blogs.

Field name	Type	Notes
Content	Text	Blog content
Divider	Text	Blog divider
Enter Excerpt	Text	Blog excerpt
Photo	Image	Blog image
Second Photo	Image	Blog second image
Title	Text	Blog name
Creator	User	Blog creator username
Created Date	Date	Blog created date
Modified Date	Date	Blog modified date

Brand

This data type is designed for storing information regarding Brand.

Field name	Type	Notes
Category	List of Categorieses	Brand categories
ID	Number	Brand id
Image	Image	Brand image
Name	Text	Brand name
Products	List of Productses	Brand products

Categories

This data type is designed for storing information regarding Categories.

Field name	Type	Notes
ID	Number	Category id
Image	Image	Category image
Name	Text	Category name
Products	List of Productses	Category products
Sub Categories	List of Sub Categorieses	Category sub categories

Colors

This data type is designed for storing information regarding Colors.

Field name	Type	Notes
Hex Code	Text	Color hex code
ID	Number	Color id
Name	Text	Color name

Newsletter Users

This data type is designed for storing information regarding Newsletter Users.

Field name	Type	Notes
Email	Text	Newsletter user email
Privacy Policy	Yes/No	Newsletter user privacy and policy
User	User	Newsletter username

Order

This data type is designed for storing information regarding Order.

Field name	Type	Notes
Address	Text	Order address
Checked Product	List of Ordered Productses	Order checked product
Delivery Method	Text	Order delivery method
Delivery Price	Number	Order delivery price
Full Name	Text	Order full name
Order ID	Number	Order id number
Ordered Products	List of Ordered Productses	Order products
Owner	User	Order owner username
Payment Method	Text	Order payment method
Phone	Text	Order phone
Products Price	Number	Order product price
Status	Text	Order status
Store	Text	Order store
Total Price	Number	Order total price
Created Date	Date	Order created date

Order Status

This data type is designed for storing information regarding Order Status.

Field name	Type	Notes
Color	Text	Order status color
ID	Number	Order status id
Image	Image	Order status image
Name	Text	Order status name

Ordered Products

This data type is designed for storing information regarding Ordered Products.

Field name	Type	Notes
Order Card	Cart	Ordered products cart
Order	Order	Ordered products order
Ordered Products ID	Number	Ordered products id number
Price	Number	Ordered products price
Product	Products	Ordered products
Quantity	Number	Ordered products quantity

Ordered Story

This data type is designed for storing information regarding Ordered Story.

Field name	Type	Notes
ID	Text	Ordered story id
Order	Order	Ordered story order
Owner	User	Ordered story owner user name

Payment Methods

This data type is designed for storing information regarding Payment Methods.

Field name	Type	Notes
ID	Number	Payment method id number
Image	Image	Payment method image
Name	Text	Payment method name

Products

This data type is designed for storing information regarding Products.

Field name	Type	Notes
Audio Technique	Audio Technique	Product audio technique
Brand	Brand	Product brand
Category	Categories	Product category
Color	List of Colorses	Product color
Color Image	List of Colorses	Product color image
Description	Text	Product description
ID	Number	Product ID number
Image	List of Images	Product images
List of Categories	List of Categorieses	Product categories
List of Colors	List of Texts	Product colors
List of Subcategories	List of Sub Categorieses	Product subcategories
Memory	Text	Product memory
Notebooks	Notebooks	Product notebooks
Price	Number	Product price
Rating	Number	Product Rating
Reviews	List of Reviewses	Product reviews
Smartphone ant Tablet	Smartphones and Tablets	Product smartphone and tablet
Status	Text	Product status
Stock	Number	Product stock
Sub Category	Sub Categories	Product subcategory
Title	Text	Product name

Search Queries

This data type is designed for storing information regarding Search Queries.

Field name	Type	Notes
ID	Number	Search query ID
Product	Products	Search query product
Quantity	Number	Search query quantity
Query	Text	Search query

Sub Categories

This data type is designed for storing information regarding Sub Categories.

Field name	Type	Notes
Category	Categories	Subcategory category
ID	Number	Sub category ID number
Name	Text	Sub category name
Products	List of Productses	Sub category products

User

This data type is designed for storing information regarding User.

Field name	Type	Notes
Day of Birthday	Date	User birthday
Delivery Address	Text	User delivery address
Favorites	List of Productses	User favorites products
Firse Name	Text	User first name
Full Name	Text	User full name
Last Name	Text	User last name
Order	Order	User order
Order History	List of Ordered Story	User order history
Phone	Text	User phone
Photo	Image	User photo
Subscribe	Newsletter Users	User subscribe
User Type	User Type	User type
Viewed Story	List of Viewed Productses	User viewed story
Email	Text	User email

User Type

This data type is designed for storing information regarding User Type.

Field name	Type	Notes
ID	Number	User type id number
Name	Text	User type name

---

Option sets

Car Status

• History

• Active

Order Status

• Complete

• Pending

Sort

• Price low to high

• Price high to low

---

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/ or email us at [e-mail]

We are always at your service through: Upwork, Clutch.