Silmaril AI Agents
Client
Silmaril Technologies
Services
Product Design, UX/UI
Product and UX/UI design focused on simplifying complex tasks through clear, scalable, and efficient interfaces.
Introduction
This project was born with the aim of facilitating the analysis of large volumes of technical, legal, and regulatory documentation. In a business environment where legislative changes and regulatory requirements can directly impact operations and strategic planning, a powerful yet easy-to-use tool was designed, allowing users to extract key insights without requiring advanced technical knowledge.
The solution was structured around two core functionalities: Playground, a space for reading and document analysis, and Mosaic, a system to create and manage teams of AI agents configurable by the user. Both products were conceived with an intuitive, task-focused interface designed to be scalable and sustainable.
The challenge of translating technical intelligence into intuitive experience
Designing a tool of this scale involved tackling several simultaneous challenges: the product had to be functionally robust, technically feasible, and visually clear. The content involved was highly specialized —legal, technical, and industrial documentation— and users needed to cross-reference information, detect patterns, and act quickly in response to complex regulatory changes.
Additionally, we had to balance the novelty of using configurable AI agents (with sequences, hierarchies, and role customization) with an acceptable learning curve. All of this in a context where design decisions had to meet usability needs while also aligning with real technical development capabilities and an evolving roadmap.
Designing the future of document analysis with AI. Intuitive, powerful, and ready for complexity.
Process
The project began with an intensive research phase, both user-focused and technical. Interviews were conducted with strategic roles within companies to understand how they currently analyze this type of information, what barriers they face, and what opportunities an AI-assisted approach could offer.
A key part of the process was to thoroughly understand the limitations and technical capabilities of the involved technologies: language models, agent systems, available APIs, and document processing. This understanding was crucial for proposing realistic and valuable solutions.
From a design perspective, we opted for a clear interface, divided into distinct functional areas. Interactions were structured in modals to compartmentalize tasks and avoid overwhelming the user with irrelevant information at each stage. This decision was validated through user-tested prototypes, proving that narrowing focus reduced initial friction and improved operational speed.
Agent creation modal. Designed to ease the personalized configuration of each AI agent, this modal guides the user step by step to define role, expertise, knowledge domain, assigned tools, and the AI model to use. The focus is on simplifying technical decisions without sacrificing configuration power.
Team creation modal. This modal allows users to group different agents to work collaboratively on document analysis. It focuses on a clear configuration that facilitates the organization and visualization of the team before assigning it a work mode in the next phase.
Conclusions and Learnings
Working on this SaaS product was a real challenge in terms of experience design, technical understanding, and strategic focus. The process not only led to a functional and scalable interface, but also validated key decisions that improved product agility, such as task compartmentalization through modals. This choice, based on user testing, helped reduce cognitive load and provided more efficient navigation for professional profiles with highly specific needs.
On a personal level, this project was an opportunity to dive deep into designing complex tools with modular architecture, to understand in depth how configurable AI agents interact, and most importantly, how to translate that technical logic into clear and accessible user flows. More than designing screens, it was about designing capabilities. A challenge that undoubtedly broadened my perspective as a product designer.
Making of
The project was executed in Figma, building a flexible and modular design system from the start, with variables for spacing, typography, and color to easily evolve into future themes or modes (such as dark mode). The design was built with a pixel-perfect handoff to development, anticipating technical needs and ensuring maximum visual consistency.
