CASE STUDY / EXPERIMENT

chicCanva: classroom creativity, directly in the browser.

chicCanva is an application experiment developed within Project360: a complete canvas, visual resources, print-ready output and generative services show how a vertical idea can become a usable web product without requiring a dedicated application backend.

chicCanva main interface with canvas, tools and editing panels
chicCanvaItalyAdvanced PoC and web application
Browser-firstEditor and local data
Integrated AIGeneration and cut-out in the workflow
PDF · PNG · JSONOutput and portability
chicCanvaOrganisation / project
Project statusExperiment

FROM CANVAS TO OUTPUT

A creative environment built around real work.

COMPOSITION

One workspace for projects and pages

The Project360 team translated a vertical use case into a multi-page editor where canvas, copy, imagery, shapes and layout controls share one environment. The experiment covers product choices, interaction and frontend development rather than demonstrating one isolated feature.

Canvas, tools, layers, typography and output remain parts of the same creative workflow.

AI IN THE FLOW

Generate, refine and keep designing

Project360 integrated external generative services into the working flow while keeping model, provider and estimated usage visible. The result returns to the canvas for further composition, while background removal can run locally in the browser.

Generation, local refinement and composition become connected, verifiable steps.

ARCHITECTURE

Autonomous frontend, selective integrations

The architecture designed by the Project360 team keeps the core work in the browser: Fabric.js manages the canvas, IndexedDB stores projects and autosaves, and PWA support makes the experience installable. Fonts, assets and AI services connect where they add value, while PDF, images and JSON provide useful outputs and portability.

Functional architecture: a browser-first editor connected to local data, creative resources and external services.

A concrete task, not a generic editor

Preparing classroom material often means combining copy, images, shapes, fonts and print constraints. chicCanva makes this work more direct for people who do not use professional design software every day. Product decisions therefore start with the user’s real actions: compose, duplicate, align, save and print.

A complete working surface

The project manages multiple documents and pages, millimetre-based sizes, drawing tools, crop and effects, font catalogues, OpenMoji and clipart. Canvas objects remain editable, supporting the path from an initial idea to classroom-ready material without flattening the project structure.

Assisted AI with visible choices

Image generation sits inside the working context. Prompt, model, provider and usage estimate remain visible before execution. AI supports creation without replacing editorial control: generated media enters the canvas and can be resized, combined with other elements or removed.

Portability and autonomy

Autosave and IndexedDB reduce dependence on an account or application server. Projects can be exported to JSON and reopened, while PDF, PNG and JPG cover print and sharing. The approach is also relevant to internal tools, configurators and vertical applications that benefit from a lightweight architecture.

Experimentation as Project360 capability

Project360 worked across the complete system: workflow definition, browser-first architecture, canvas interactions, local persistence, integration of AI services and external catalogues, export and PWA distribution. The experiment demonstrates product and full-stack frontend capability beyond the construction of a mock-up.

From experiment to real tools

The same approach applies to configurators, document editors, learning tools, controlled content generators, operational applications and vertical MVPs. Project360 can start from the process, decide what runs locally and what belongs in cloud services, integrate APIs and AI, design portable output and move the prototype towards a production-ready release.

FROM PROJECT TO INDUSTRY

IndustriesProfessional Services & E-Procurement
Explore the complete portfolio

Does your project have many moving parts to connect?

We start from context, dependencies and the decisions needed to build a credible path.

Let’s talk
PRIVACY / CONSENT MODE V2

We use technical storage required by the site. Google Analytics remains blocked until you choose to allow anonymous usage measurement.