Is our product heading in the right direction?

The best method of validating a product is to acquire paying customers.

But what if you already have paying customers, and you want to be REALLY sure that your product is heading in the right direction?

Check if you have paying customers, who overcome the EXTRA obstacles to buy your product.

We have such infamous examples in Bootstrap Shuffle:

  1. A Chinese user, who tried to buy a subscription through VPN (ultimately blocked by PayPal).
  2. Users who moved from a ($6/month) subscription to a ($60) license.

Why is the second example so crucial? Because to do that today, you have to:

(Remember that we started 2 months ago!)

  1. Check that you can’t do that in the interface.
  2. Write to the support@ with a question, what to do in this situation.
  3. In response, you will receive a message that moving from a subscription to a license is not yet available in the interface. BUT if you really care, you can:
    1. cancel a PayPal subscription
    2. create a new account with a made-up e-mail,
    3. pay for a full license ($60!),
    4. write about it to us, and we will connect your old and new account.

During last week, two users went through this procedure!

To be honest, until they applied for support I didn’t assume that such a situation will take place (so soon).

As a Product Owner your main goal should be to remove these obstacles! And that’s exactly what we do 🙂 If you’re our customer, can you share with me ( ) what’s the one thing that nearly stopped you from buying from us?

Two things to pay attention to when creating a Page Builder

The authors of announced a few days ago that they are shutting down the project and the source code has been made available at GitHub.

  • Bad news: We also work at the export to React
  • Good news: At GitHub you can see how others have done it

Looking from the outside, in there were at least two problems.

1. It is not known who their tool is for

Their last post at Medium starts with: „We often get the question of who the target audience of Pagedraw is: designers or developers.”.

In Bootstrap Shuffle I wanted that it was clear from the start. Therefore our slogan is „Bootstrap builder for busy DEVELOPERS”.

2. It is very difficult to do a universal, simple to use editor that will suit everyone.

Choosing one technology (in our case Bootstrap), it is much easier to build an editor the handling of which is simple. Basically, our styles editor is UI for Sass variables used in Bootstrap.

Bootstrap SASS (left) and Bootstrap Shuffle editor (right)

Anyway, I look forward to the promised post in which the authors will share their lessons learned on their tool.

BLAZING FAST Bootstrap Builder! ⚡⚡⚡

The user described operation of the builder’s interface but they didn’t see what happened in the background, and this is something I’m specifically proud of.

Our infrastructure was tested in action and we were able to sustain traffic from Hacker News and Product Hunt with not problem. 

Our configuration:

  • Dedicated servers in OVH (3x cheaper than AWS!)
  • Using data center in Canada and France (vRack between servers)
  • Cloudflare as CDN (Content Delivery Network) and Load Balancer 
  • In Cloudflare, Cache services are active as well as Argo (optimised routes) and Load Balancing with Geo steering

Geo steering means (with appropriate settings) that users from the Americas are transferred to the data center in Canada, while users from Europe are transferred to the data center in France. Only if the basic (closest) location fails, will the user be transferred to a more distant server.

Using the Bootstrap Shuffle (Bootstrap builder for busy developers), configuring the appearance of the theme, you will often compile Sass to CSS on our server (each change of settings will generate a new Sass compilation).

This is why the fastest connection is very important to us and load balancer from Cloudflare is perfect here!

Compilation of Bootstrap Sass files takes approximately 300ms. If we had servers only in America, users in Europe would see results of compilation 110 ms later! This is unacceptable! (You can verify the time of connection with the data center in Canada by completing the following: ping

Another data center that we will use is in Singapore (it will manage traffic from Asia).

Three topics regarding the development of Bootstrap Shuffle

I would like to share with you three topics regarding the development of Bootstrap Shuffle!

1. Hackers, Hunters and Designers

At the beginning of the year we appeared on the homepage of Hacker NewsProduct Hunt (#1 Product of the Day) and Webdesigner News. Thanks to that we collected a lot of valuable feedback.

I would like to thank all who contributed to this! ❤️

2. New features

Last week we have introduced two new features that you can already use today:

 🔥 public/ – When you export your project there is already a compiled HTML/CSS in this directory. If you do not want to run npm, you don’t have to! 🙂

🔥 Component Settings (beta) – Our biggest update so far! We have added the possibility to edit content (texts and images) to the library of our components.

We are now collecting feedback from the first users and for the next few weeks this is where we will focus the most.

3. New features after new features

We are creating a tool that is supposed to speed up your work and help you deliver flawless projects.

We will be gradually adding new export options and we have decided that the first new form of export will be.. React!

We are still wondering if the exported project should use:

  • create-react-app
  • next.js
  • Gatsby

What do you think about it? You can contact me at

Try it here: Bootstrap builder.

The importance of customer onboarding

Do you think that, after several months of working with the tool, everything is simple and understandable for each user? It may sound surprising, but it isn’t so easy all the time! 

Only last week we obtained over 100 paying customers who give us valuable feedback. 

We have already started implementing the so-called progressive user onboarding. For example:

  • when you add the first component you can see a tooltip informing you about the possibilities of change of styles, fonts
  • when the user enters Change Styles for the first time, he or she can see a help modal with all possibilities 

Our onboarding can be still be improved and that’s exactly what we are working on right now!

You can try Bootstrap Shuffle here: Bootstrap builder for busy developers

Bootstrap builder for busy developers

After 11 years of work in web-development, I have learned that there will always not be enough time for a perfect completion of a project.

Therefore, what one has to do is as much automation as possible, elimination of repetitive activities, improvement of the processes in the known activities, as well as the as quick as possible proceeding with the difficult tasks which are usually left for the end of the project (interactions, elaboration of the details, back-end integration etc.).

That’s why we have created Bootstrap Shuffle. This tool is to help developers ship faultless projects on time, within a presumed budget and without stress. Work with Bootstrap Shuffle is about:

  1. Creating a layout from the components library.
  2. Adjusting the styles (fonts, colors, margins etc.).
  3. Exporting the project and further work on the details in your favorite IDE, eg. Visual Studio.

This means that it maximally accelerates the initial stages of the project so that you have more time and can focus on perfecting the details.

You can try our Bootstrap builder for free.