Modernising the App-Building Experience Through Scalable Architecture

GoodBarber Composer

About this project

GoodBarber partnered with Imaginary Cloud to modernise the foundation of their no-code app development platform - a global solution that enables users to create professional-grade Native Mobile Apps and Progressive Web Apps (PWAs) without writing a single line of code.

Result: A completely re-engineered Composer module with over 190 templates rewritten from the ground up, providing a faster, more flexible, and future-ready app creation experience for thousands of users worldwide.

our INVOLVEMENT

Design

Development

Project Management

technologies

Python 3.13

Django 5

HTML

Vanilla JavaScript

Sass

GoodBarber - Empowering No-Code App Creation

GoodBarber is a leading global platform that empowers users to design and deploy mobile and web applications effortlessly. With its intuitive no-code interface, businesses, creators, and developers can build feature-rich, professional apps that meet modern performance and design standards.

The Composer module sits at the heart of this experience - dynamically managing and rendering the visual structure of each user’s app. The modernisation of this module was a pivotal step toward enhancing both the user experience and the platform’s long-term scalability.

goodbarber logo white version
Modernising the App-Building Experience Through Scalable Architecture
Imaginary Cloud’s role and involvement with GoodBarber

Imaginary Cloud was responsible for the complete re-implementation of the V7 Composer templates. Our mission was to deliver a high-performing, maintainable architecture that aligns with GoodBarber’s technical standards and product vision.

Our role included:

Developing the new widget framework from the ground up using Django, TypeScript, and modern web technologies.

Rewriting and optimising ~150 widgets, ensuring visual and functional consistency with the legacy system.

Guaranteeing architectural integrity, scalability, and clean code practices across all modules.

Providing dedicated project management, ensuring efficient communication, progress tracking, and adherence to delivery milestones.

The workflow was structured around:

Weekly touchpoints: Three short calls per week to unblock developers, validate technical details, and confirm progress.

Direct developer–client feedback loops: Continuous review cycles with GoodBarber’s internal teams to ensure accuracy in both design and functionality.

Remote-first collaboration: The project was fully remote, with an emphasis on transparency, documentation, and proactive communication.

This working model ensured quick feedback, reduced turnaround times, and consistent progress toward key milestones.

Modernising the App-Building Experience Through Scalable ArchitectureNEW PROJECT IN MIND? LET'S TALK

during the project

Since this project was built on top of the V6 Composer, there were no internal processes used.

two stages

Migration
Development

four stages

Research
Ideation
Execution
Technical Assessment

four stages

Requirements
Back-end integration
Website development
Advanced filtering and search

four stages

Research
Ideation
Execution
Technical Assessment

four stages

Backlog
Bootstrap
Wave 0
Wave N

four stages

Research
Ideation
Execution
Launch & Handover

two processes

MVP
‍ADP

Four stages

Scope meeting
Code review
Test review
Quality review
Assessment

Four stages

Backlog
Bootstrap
Wave 0
Wave N

during the project

Since this project was built on top of the V6 Composer, there were no internal processes used.

TECHNOLOGIES used

Python
Python
Django
Django
HTML + Vanilla JS
HTML + Vanilla JS
Sass
Sass

Served as the backbone for backend logic and integration within the Django framework.

Provided a robust and scalable backend structure for rendering templates and managing the Composer module’s logic.

Used to build dynamic and lightweight frontend components for each widget.

Ensured modular, maintainable, and performance-optimised styling across all templates.

Working Model screen
working model and team

GoodBarber collaborated with Imaginary Cloud through a Managed Team setup, ensuring tight coordination and ownership over the project’s technical execution.

Project Manager: Oversaw timelines, coordinated between client and developers, managed scope, and ensured smooth progress throughout the implementation.

Account Manager: Facilitated communication between the client and Imaginary Cloud, ensuring clarity on project goals and expectations.

Developers: Executed the core re-implementation of the V7 Composer templates, handling front-end logic, widget architecture, and integration with Django’s backend systems.

key results

This project delivered an in-depth understanding of the customer persona and their interaction with the service.

1

195 templates successfully rewritten and delivered under the new V7 architecture.

2

A modernised Composer module that is significantly more scalable, maintainable, and performant.

3

A future-ready foundation enabling GoodBarber to continue innovating in the no-code app development space.

4

Improved developer experience and reduced technical debt across the platform.

Clutch logo

5.0

5/5 stars rating
goodbarber logo white version
Quoting
Dropdown caret icon

New project in mind?

Submit contact Formillustration of someone at the computer

New project in mind?
Let’s Talk!

Schedule Meeting icon
response in less than 1 hour
illustration of someone at the computer
Explain your project and book a meeting today.
GoodBarber Composer

The project behind the NDA

GoodBarber partnered with Imaginary Cloud to modernise the foundation of their no-code app development platform - a global solution that enables users to create professional-grade Native Mobile Apps and Progressive Web Apps (PWAs) without writing a single line of code.

Result: A completely re-engineered Composer module with over 190 templates rewritten from the ground up, providing a faster, more flexible, and future-ready app creation experience for thousands of users worldwide.

Dropdown caret icon

New project in mind?

Submit contact Formillustration of someone at the computer

New project in mind?
Let’s Talk!

Schedule Meeting icon
response in less than 1 hour
illustration of someone at the computer
Explain your project and book a meeting today.