Go back

AI Modules & Templates


Designing the next workflow

MosaiQ lab project page UI with assistant open

Summary 00

AI Modules 01

Templates 02

Integrating AI Modules in Templates 03

Summary

00


Role

Junior UX/UI designer

Improving the Project Page UX including the integration of the AI in the workflow

Context

As MosaiQ Labs grew, users began relying on the platform for increasingly complex research tasks. They didn’t just need answers — they needed repeatable workflows and structured deliverables. This led to two essential features: Modules for automated tasks and Templates for shaping outputs. My work focused on defining how users discover, understand, and use these tools within the broader research process.

Constraints

The product was evolving rapidly, which meant priorities shifted often and technical limitations were common. Each feature had to integrate seamlessly with the assistant, the database, and the Project Page — all while remaining flexible enough to support future scalability.

Goals

Improve clarity, discoverability, and usability across Modules and Templates. Define patterns for browsing, filtering, saving, creating, and invoking modules, and design flexible templates that guide output without restricting user creativity.

Results

Introduced a unified experience for automated tasks and structured outputs: a modular browsing system, reusable workflows, assistant-connected actions, and editable templates that better match how users conduct research. The redesign strengthened transparency and improved overall workflow efficiency.

AI Modules

01


AI Modules - What they are, how to find them, and why they are useful

As mentioned before, AI Modules are a predefined sets of tasks that the Assistant executes automatically.

These modules are powerful because they can be tailored to the unique needs of each user.

Saved modules appear on the Homepage next to Projects, creating a single, central hub for user assets.

We categorised modules into Public and Private: the public ones were widely accessible and designed for general use, while private modules were tailored by MosaiQ in response to individual user needs.

Alternatively, users could create their own module. It could run on a single prompt, or multiple prompts for a more advanced result.

Mosaiq lab UI for AI modules

AI Modules Marketplace - A place to find them all

As AI modules became more widely adopted, users began requesting more — more module types, more task variety, and, importantly, a central place to find and share them. This insight sparked the idea for the Marketplace.

To make browsing efficient, we designed a sidebar filter that lets users explore modules by Category, Industry, or Price. Because many modules can serve multiple industries, this approach offered flexible and meaningful ways to search.

The main display area presents modules in rows, showing a preview of the top five in each selected filter, with the option to “View All” for a complete list.

Mosaiq Lab UI iteration for a marketplace for AI modules

In a similar way, the AI Modules page follows the same layout pattern, with modules grouped into category rows for easier browsing.

Note - these UIs were part of the iteration process.

Mosaiq Lab UI iteration for a marketplace for AI modules

How to invoke AI Modules -

While AI Modules had their own page in the Homepage, they could only be invoked through the Assistant.

To call a module user have to:

  • Open the assistant

  • Click on the modules icon next nested inside the assistant bar

  • This would open a panel above showing the available modules

  • When hovering on a module, an arrow icon appears enabling users to launch the module

  • If any further action is required to run the modules, a pop-up window with a form to fill with the necessary information

  • Click on “Run AI module”

  • Review the outcome

Mosaiq Lab UI iteration for a marketplace for AI modules

Templates

02


Templates - What they are, how to find them, and why they are useful

Templates are among the earliest features in MosaiQ, providing the structure for research outputs.

They need to fulfil the following needs:

  • To allow users to give a structure to their deliverable by creating sections & subsections

  • These should be movable to adapt to the user thinking process

  • Each section can be renamed

  • Each section can be opened and closed

Each section has attached a series of actions that can be run, such as:

  • Invoking AI Modules

  • Automatically fill the content of the section based on the title/prompt

  • Delete the section

Mosaiq UI of template section. Iteration that hasn't been developed yet

Integrating AI Modules in Templates

03


Eventually, we started iterating on the possibility to merge AI modules within Templates. That is, having the possibility to upload a deliverable with a fixed structure, and call upon it an AI Module that was automatically fill each section (each section title is a prompt) with the relevant information.

Iteration for automatic flow

UI showing how a user would integrate AI module to a template

Iteration for manual flow

UI showing how a user would integrate AI module to a template