Project introduction

project introduction

Welcome to the MDB & BrandFlow tutorial.

I'm Michal, a co-founder of MDBootstrap.com

In this series, I'll teach you how to create a really amazing project - an automated web application.


To achieve this ambitious goal we'll learn about some truly exciting technology - dynamic content and remote code injection.

We'll also learn a bit about the business goals of websites and apps that we, as developers build.

We cannot forget that the projects that we code aren't just art for art's sake. If we want to succeed as developers we have to know how to create a project which will achieve the business goals of our clients.


To illustrate these issues we'll use an example.

Let's assume we run a Creative Agency which provides services like creating websites, marketing consultancy, and graphic design.

We'll call our agency "CreativeFolks".

CreativeFolks Home Page

alt text
CreativeFolks home page

To attract potential customers we take advantage of content marketing - that means we write articles related to the interests of our target group (in this case high-quality posts about digital marketing).

The main goal of our website is to generate a lead - a person who is interested in our services and who contacted us to ask about potential cooperation.

Of course, if the new visitor comes to our website we cannot immediately display him our offer. There is no relationship between us and he just doesn't trust us yet. If he gets an offer directly after entering our website, he will probably leave at the same moment.


We'll therefore build our relationship step by step. In the beginning, we'll give him something valuable for free - our high-quality ebook "The 50 best growth hacking tactics which will boost your sales".

alt text

If after downloading the ebook he returns to our website - that means he likes our content. We can then take the next step and ask him to the subscribe to our newsletter.

We'll write a simple algorithm which lets the website remember this user, and instead of asking him the second time to download our free ebook, it will display a form and suggest the newsletter subscription.

If he does - it means he trusts us. He left us his personal data and in today's world, that's a big deal.

Now he's ready to see our offer. We'll add the next step to the algorithm which lets the website display a dedicated advertisement encouraging him to learn more about our services.

That's the first, simple, but still very effective, algorithm we'll build.

Step 1

The first visit of the user - our website displays an offer to download our free ebook.

Step 2

The user has downloaded the ebook and after some time he comes back to our website - the algorithm remembers him and instead of displaing the ebook download proposition (what he has already done, so it's senseless) it will suggest a subscription to our newsletter.

Step 3

If the user subscribes to our newsletter and proves his trust to us - it means he is ready to see an offer from our company. The algorithm will replace a subscription form with a card informing him about our services.

Of course, it's only the beginning of our exciting adventure with automation.

In the later lessons, we'll learn to create advanced scoring algorithms, related content system, shopping cart recovery mechanisms, various methods of modals triggering, automated marketing actions and behavioral analysis.

I can't wait to start and I hope the same for you. Let's jump into the code!


Rate this lesson

Previous lesson Next lesson

Spread the word:
Do you need help? Use our support forum

About the author

User avatar
Michal Szymanski
Co-Founder at MDBootstrap & BrandFlow. Entrepreneur, web developer, UI/UX designer, marketing analyst. Dancer and nerd in one.
Sign up to follow your progress and get additional benefits