AI Cockpit
Overview
Client
CompassUOL | AI/R Group
AI Cockpit: AI-Powered Efficiency for Teams & Developers.
With over a decade of expertise in UX/UI, Design Systems, and AI-driven product innovation, I played a pivotal role in shaping AI Cockpit—Compass UOL’s proprietary AI-powered platform. My work streamlined Agile team management and automation while optimizing developer workflows with seamless AI integration into VSCode and Web interfaces.
As a key UX/UI designer, I developed and managed a scalable Design System with over 2,000 reusable components, enhancing consistency, efficiency, and accessibility across the platform.
Year
2022 - 2025
Tools
Figma, Miro, FigJam, VSCode, Hotjar
Briefing
In her journey of self-knowledge, Patrícia Monah realized that she could no longer separate Patricia the creator, from Patricia the mother, from Patricia the seeker of self -knowledge, since she already used florals, reiki, bodytalk in births and in all care with her dogs and family.
Along with the dream of taking the bodytalk course, came the dream of becoming the first bodytalk therapist for animals in Brazil and opening these gates to the animals of her country. So she continued doing bodytalk courses for animals with an Irish and an American teacher. Patrícia Monah started the care for humans and animals.
For this she needed an energetic brand, but one that could express the delicacy of care and empathy. All this being offered through her new website with communication from the heart, intuition studies as well as awareness content of the human-animal relationship.
Design Process
immersion
ideate
prototype
test
Immersion (Empathize & Observe)
What?
A space to reconnect with our most original health and lead our pets always listening to their original nature. Talking about self-knowledge, about the integral health of the pet and the family.
Who?
People who love pets on a much deeper level. Male or female, between 25 and 55 years old, upper middle social class.
When?
Whenever they are willing to see their pets as equals and are willing to review themselves (through self-knowledge) in search of the well-being of the family and pet.
Where?
As it is an online portal, users can access knowledge material from anywhere.
Why?
To build within yourself an observant and aware look that everything that happens around you has the role of bringing to the surface what is hidden inside you.
Research
The research started with understanding the needs and attitudes of users. Prioritizing what users want, specifically in relation to their preferred way of contacting an expert and consultant.
Personas
It was quickly found that the option of contacting directly through the Whatsapp application was a very important resource for users who were looking for a more personal and intimate service, since they sought out mentor Patrícia Monah for trusting her professional competence, but also for his unquestionable work ethic and personal values are always very present in his publications on social networks.
Always very well articulated, Patricia has a large repertoire of research and knowledge to share with her followers and fans. The possibility of creating a blog was also important so that her knowledge could be documented and shared more extensively for those who seek a deeper understanding of the topics covered by her.
Ideate
Our user story analysis helped us determine the essential features the portal would need to feature to make it successful and useful.
The entire Interaction Design was designed with a focus on how users will be able to interact with the site, search for products and easily find the services they need. In this approach, the study of customer contact with the brand was considered even more in depth.
We also created a user flow diagram no Miro to map these resources and see what kind of screens would be needed for the site.
Prototype
Then, low-fidelity wireframes were sketched with pencil and paper. After we agreed on the general layouts of our screens, we turned to Adobe XD for our medium-fidelity wireframes. As much of the work was done remotely, we created a shared project so everyone was on the same page. Before we started wireframing, we decided to apply a 12-column grid to create an uncluttered and consistent look across all of our screens.
- Branding -
The brand was created to represent an effort that seeks to make intuitive communication a universal language, favoring values that aim to expand human consciousness and its connection with nature.
Even though it is one of the simplest and most fundamental geometric symbols, the triangle encompasses a range of meanings. It is the symbol of the trinity of gods - Holy Trinity - in Christian, Hindu, Egyptian, Babylonian cultures.
As it consists of three segments, it also alludes to several triads, such as the beginning, middle and end.
Its connection with the number 3, symbolizes perfection and unity between the body, spirit and mind, therefore representing people who seek to maintain balance .
The final symbol is formed by 9 triangles. The 9 is the last number with only one digit, the 9 brings a sense of fulfillment . It indicates attainment, realization and perfection. The seeds for new beginnings and the foundation for future growth in the next or higher cycle.
- Style Guide -
In our shared Adobe XD file, we compiled all of our components, colors, icons, and fonts in the Styles page of the file. This later helped us create a style guide to show and educate others about our final choices for all aspects of the UI.
Test
I performed Usability Test to evaluate the learning ability of new users interacting with the portal for the first time. Observed and measured whether users understand the site and how to complete functions such as logging in, searching for services, making an appointment, and chatting with the mentor. Thanks to the Usability Test I managed to define and solve some problems.
More Product Design
Live Site
Today the website is maintained by the client herself, who received instructions on how to add content and make changes according to her needs.
Live website:
Do you like what you see?
If you like what you see and want to work together, get in touch!