Blocs – A new website designer app

Blocs website designer appBlocs is a new website designer app from the team that brought us Dev Rocket and other Photoshop plugins. It’s a new website design tool for Macs that allows the designer to build websites very quickly and easily.

At kc web design we like using responsive web design frameworks and our favourite is Bootstrap created by the Twitter team. Now in version 3, Bootstrap makes creating responsive website designs very easy and gives you a great foundation to build your unique website design onto.

The new Blocs website designer app uses Bootstrap as the code base so we know its going to create a website with good editable code on a trusted framework. The beauty of the Blocs app is in its interface and ease of use. Its very minimal, giving you just the right amount of tools to be able to create your layout. You can select from pre-built templates for things such as navigation, hero banners, social media, icon blocks and so on or create your own gridded column based layouts. If you stick to the template based layout you can end up with a website design that looks a lot like all the other out there but with some time and a designers eye you can create unique layouts.

Adding images, changing colours, creating forms and blocks of text are all made very easy by the simple and fluid UI design. Integrated icon fonts from Font Awesome also make things very easy when it comes to changing and adding icons. All of this makes for a very good simple website design app that allows web designers to create Bootstrap based websites very quickly. It even makes a brilliant tool for wire framing and designing in the browser as you can create and change designs so quickly.

It won’t suit everyone or all web design projects but for those it does suit it turns out to be a very handy tool indeed!

Even though it was only released a week ago there has already been a number of updates and Norm the developer has told me new features, such as dropdown menu support in the main nav, will be added soon.

One issue I did have was the way changing colours works. It doesn’t feel very intuitive in its current state and when I thought I was changing a colour for a block element I ended up changing a global colour value instead. One way round this is to define your colour swatches first so that you just pick from those rather than the colour picker.

Hats of to Norm, Blocs is a great app and I can’t wait to see how it improves.


Paul Ledbrook

If you have a new project or existing website that needs improvement, email us or call 0845 3631162 , we’d love to hear from you.

What’s new?

10 Things to Consider When Designing a High-Converting web app UI design

Your web app’s user interface (UI) is the first thing that users will see and interact with, so it’s important to make a good impression. A well-designed web app UI design can help you attract and retain users, and even increase conversions. Here are 10 things to consider when designing a high-converting web app UI...

How to Use Web Design to Improve User Experience

Introduction Your website is your online storefront. It’s the first impression that potential customers will have of your business, so it’s important to make sure it’s designed in a way that is user-friendly and easy to navigate. Good web design can help you improve your user experience (UX) in a number of ways. It can...

We’ve been featured on The Best Music Website Designs by DesignRush

A huge thank you to the guys at DesignRush for featuring the website design work we did with Go To Hear on their ‘Best Music Website Designs’ feature. Head over to the Best Design Trends page now to see our designs along with all the other fantastic music website designs. If you want to read...

SEO for web design – How to Optimise Your Website for Search Engines

Search engine optimisation SEO for web design is crucial for any business with an online presence. Optimising your website for search engines can increase its visibility, drive more traffic, and boost conversions. Follow these tips to make your website more discoverable and rank higher in search results: Choose the Right Keywords for SEO for web...

Website Design – 10 Things to Consider When Planning Website

What are the most important things to consider when designing a website? In today’s digital age, having a website is no longer optional; it’s a necessity. Research reveals that businesses without a website risk losing 70-80% of potential customers. Therefore, creating a well-designed and engaging website design is the crucial first step. But how can...

The Power of Professional WordPress Website Design Services for Business Success

In today’s digital age, a well-designed website is crucial for establishing a strong online presence. This is where our professional WordPress website design services and e-commerce website design shine. With our expertise in web design and development, our WordPress website design services play a pivotal role in helping your business create captivating online experiences that...

How-to create an effective E-commerce website design for online stores

Introduction: Understanding the Significance of E-commerce Website Design In today’s digital landscape, the design of an e-commerce website plays a pivotal role in shaping the success of online businesses. A well-crafted website design can significantly impact user experience, conversion rates, and overall brand image. By implementing effective design strategies, businesses can create visually appealing and...

Five of the most common UX design errors that can drive customers away

Are you unintentionally causing users to leave your website? Here are five of the most common UX design errors that can drive customers away. UX design is accountable for providing a satisfying experience to the user. To build an effective UX, it must be attractive, actionable and guide the user on a frictionless journey, from...