Introducing the New and Improved Blocworx UI

Blocworx is committed to ensuring that every user has a great experience using Blocworx, whether your are a No coder / Citizen Developer or the end user. Every no code or low code solution has to give the user a great experience and this is why we have a team of UI and UX experts dedicated to finding ways to continually improve software. Today we’re excited to announce our new UI that has transformed the look of Blocworx.


First, we’ve updated the look and feel of the system with new colours based on our new brand. These colours are not only pleasing to the eye, but are designed to streamline the system. For example, modules are no longer a single colour which can make it difficult to identify specific tasks, new colours make it easier to group the data, and new button styles highlight modules to draw your eye to the data that matters most.

Classic Cartolytics UI- With classic brand colours
New Blocworx UI – With new brand colours
Blocworx No code software


Furthermore, we’ve simplified the system by introducing module icons. In the classic UI, there were often multiple lists of modules. These paths were named but did not contain visual cues to help users quickly recognised the modules and click through to the next step. In the new UI, we’ve simplified the process of identifying users’ workflows. For example, a Calendar icon is available to symbolise the Calendar module for scheduling tasks. This is one example of a principle you’ll see applied throughout the new UI – simplifying the experience for every user.

Classic Cartolytics UI – Classic module
Blocworx no code software
New Blocworx UI – New module icons
Blocworx No Code Software New UI


Next, we created a new sidebar menu that centralises user’s workflow and allows a customer logo to be visible on the interface. The customer logo offers platform personalisation for the end-user. Additionally, the sidebar includes new paths such as ‘Account’, ‘Manage Data’ and ‘Alerts’. These new paths provide users a simpler way to quickly access their controls to manage their system.

Classic Cartolytics UI – Classic sidebar menu
Blocworx No code software
New Blocworx UI – New sidebar menu


Next, we revised our dark & light mode skins to give users the option to switch between two inviting backgrounds. We researched preferences and found that some people find white text on backgrounds much easier to read, while others find a darker interface can reduce the glare when you’re viewing screens and using the platform after dark. If you prefer a white or dark background it’s simple to alternate between these with the ‘Switch Skin’ toggle bar.

New Blocworx UI – Dark mode
Blocworx No code software
New Blocworx UI – Light mode


Finally, we’ve enhanced our form design to allow better visibility of data and offer a more aesthetically appealing experience through modern rounded buttons. In addition, a toolbar has been applied to inform users when they are editing a form and the option to cancel editing. This offers users a simple and more engaging experience when entering data onto the platform.

Classic Cartolytics UI – Classic form design
Blocworx No code software
New Blocworx UI – New form design

All of these enhancements are available today to all Blocworx users. Existing customers will be updated to the new user interface automatically. New Blocworx users will land in the new user interface by default upon logging in.

We’d like to thank the design team at Copper Reed Studio for all their work in designing the new Blocworx UI.

As always, we’re eager to hear what you think. If you have feedback on these enhancements or ideas for additional enhancements you’d like to see, please submit them via email here:

Isobel Hogan, Marketing Executive at Blocworx

A Preview Of The New Blocworx UI

Blocworx New UI

Since mid-2020, Blocworx has been working on a complete application redesign. We are super excited to announce that your favourite Blocworx interface is getting a shiny new look and wanted to share some screenshots with you today during this sneak peak. We expect the design that is shown below to be released to clients in stages late Q4 of 2020.

Blocworx new design uses ReactJS, as its front-end framework, to deliver an interface that is ultra-fresh and modern. The spirit of the new design is to deliver an easy interface to quickly work with many of the latest features that Blocworx has already delivered to clients and of which more are in development. Clients will be able to notice improvements in speed and usability. As always, we welcome your feedback and critique.

The new UI is a game-changer for Blocworx because, for the first time in almost 4 years, the front-end is being reimagined. The front-end redesign team consists of our front-end lead, front-end developers, back-end developer, QA engineer, project manager, and a product lead who are all working full time to complete this project as soon as possible. Blocworx heavy investment of time and company resources will result in the delivery of a state-of-the-art system with a powerful back end and front-end tech stack.

Updating Our Login Screen

Blocworx Interface New UI

The first change you might notice is the refresh of our login screen and preview icons. We worked on updating the look and feel of the system with a new font and styles. These new styles are not only pleasing but are designed to make it easier and more efficient to navigate the system.

Clients can expect to see most of the current navigation bar stay in the same order but a new visually enhanced icon set will make the screen much more visible and easier to navigate. Most of the elements Switch Skin, Support, Alerts, Admin and Manage Data have not changed locations. However, these pages will become faster and come along with updates to the user experience and ease of use. We’ve reimagined navigation, added a new icon set, improved our chart UI, and added more filtering options.

We hope that you enjoy this exciting preview!


Isobel Hogan, Blocworx Marketing Executive

Blocworx Digital Transformation