Project introduction

project introduction

Welcome to MDB & BrandFlow tutorial.

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

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


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

We'll also learn a bit about 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 this problem we'll use an example.

Let's assume we run a Creative Agency which provides services like creating websites, marketing consulting, 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 interests of our target group (like high-quality posts about digital marketing in this case).

The main goal of our website is to generate a lead - it's 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 build our relation step by step. At 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 will return to our website - that means he likes our content. We can take the next step and ask him for the subscription to our newsletter.

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

If he does - it means he trusts us. He left us his personal data and in today's world, it'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 him a dedicated advertisement encouraging to learn more about our services.

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

Step 1

The first visit of the user - our website displays him a proposition of downloading our free ebook.

Step 2

User have downloaded the ebook and after some time he comes back to our website - the algorithm will remember him and instead of display him again the proposition of downloading the ebook (what he has already done, so it's senseless) it will display him a suggestion of 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 of our company. The algorithm will replace subscription form with the card informing about our services.

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

In the further lessons, we'll learn to create advanced scoring algorithms, related content system, recovering shopping cart 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, UI/UX designer, marketing analyst. Dancer & nerd.
Sign up to follow your progress and get additional benefits