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?

You Don’t Have to Be Apple or Google: Use These 4 Principles for UI design Success

When we think of successful companies with great user interfaces, names like Apple and Google immediately come to mind. These companies are known for not only innovative products but also for their intuitive and beautiful user interfaces, UI design and website design. But what if I told you that you don’t need to be a...

The Evolution of Icons in UI Design: What’s Next?

When it comes to user experience and UI design, icons are an essential element that serves as a visual aid to communicate information. They are the backbone of a well-designed interface, acting as a bridge between users and technology. Icons have come a long way since their humble beginnings, evolving from static images to interactive...

The Power of Intuition in UI Design

How to Effectively Use Your Gut Instincts Trusting your design ‘gut’ could be tricky. On one hand, as a UI designer, you are expected to follow proven UI design principles and rely on data-driven decisions. On the other hand, intuition may lead to innovative and unexpected solutions that can truly set your product apart from...

Dark Mode vs. Light Mode: A Comprehensive Guide for UI design

In recent years, the topic of dark mode vs. light mode in UI design has sparked heated discussions and debates among designers and users alike. While some argue for the sleekness and modernity of dark mode, others swear by the clarity and simplicity of light mode. But which one is truly better for user experience...

This is What a UI Designer Can Learn from Urban Planning: A Comprehensive Guide

When it comes to design, there are many areas that can influence and inspire new ideas. One of these areas is urban planning. While the two may seem vastly different, there are actually many valuable lessons that a UI designer can learn from the world of urban planning. Good design is subjective, contextual, and intentional....

Why Intuitive Technology Is the Future of UI Design

If you’ve ever used a piece of technology that seamlessly integrated into your daily routine, then you know what it means to experience great user experience (UX) and UI design. The founder of StreamAlive, a leading tech company, believes that good technology shouldn’t feel like technology at all. It should simply feel like a natural...

Latest Inspiring Web Design Trends And Techniques For 2024

The web design landscape for 2024 is set to be a dynamic and revolutionary one, with a blend of evolutionary and reactionary trends. From sci-fi-inspired design to adaptive headers and teleprompter typography, the upcoming year will witness a diverse range of innovative approaches. Additionally, bold and experimental typography, dark mode design, 3D elements, virtual reality...

The Unrivaled Excellence of our Web Design Agency Canterbury

Unveiling the Best Web Design Agency Canterbury In the bustling digital landscape, where every business vies for online supremacy, only a select few ascend to the zenith. Canterbury, a city steeped in history, is also home to unrivaled web design excellence. A top-rated web design agency Canterbury, kc web design Ltd, has been a beacon...

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

kc web design ltd