Project

PRT Group | Luxia

Data analysis becomes easy with Luxia AI.

The Luxia project

Luxia is a data analysis assistant that allows you to query an associated database and extract answers, graphs and reports via chat.
Luxia’s goal is to offer a tool for analyzing data in a natural way, like having a conversation, accessible to all, without the need of technical skills.
To achieve this, Mirai set out to create an identity, interface and user experience that was simple and intuitive.

The Luxia project

THE MIRAI APPROACH

Software Brand identity



Definition of platform identity
Mirai worked on this project, first approaching the construction of a solid visual identity consistent with the reference objective. The idea was to have a personal assistant who would help the data analyst in finding the data through conversation. Hence the idea of providing a personal name, Luxia, that recalled the concept of "light" to illuminate the universe of data, otherwise obscure to the user.


Definition of the logo
Starting from the name, the logo has been defined: the initial of Luxia has become the representation of the Cartesian axes enclosing the data in a graph.


Colors, style and icons
Modern and digital friendly the style has been defined with tech colors and gradients often using dark backgrounds (universe of data) opposed to graphics and clear texts (light of Luxia). A set of custom icons has been designed to convey the brand’s communication.

THE MIRAI APPROACH
THE MIRAI APPROACH
THE MIRAI APPROACH
THE MIRAI APPROACH
THE MIRAI APPROACH

UX Design

Analysis
The use of artificial intelligence is a new topic for the general public and many companies are studying how to best approach the use of this powerful tool.
ChatGPT pioneered this industry by employing the idea of instant conversation, chat, with an AI bot that responds using natural language as a person would in a normal conversation. At the same time, the user needs to view the data obtained in a visual and grouped manner in one easily accessible and searchable place.


UX Flows
From these two requirements a user navigation flow has been implemented which passes through three main elements:

  • The chat: where the assistant is asked and answers with data, graphs and tables are displayed;
  • The dashboard: where data saved from chat conversations are grouped and highlighted;
  • Data source: to structure the configuration phase, the flow from which Luxia draws its answers was also prototyped in order to set the origin of the data. To do this, the concept of "Constellation" was born, that is the connection between data and context information that helps Luxia to provide answers in line with the environment of use.
UX Design

UI Design

Design System
At that point the interface design came to life: starting from the wireframe of the UX flows, the main components and visual spaces to be dedicated to the different functions were defined on a prototype level on Figma. The minimal and flat style, as well as the combination of forms and visual organization of components constantly reflects the guidelines provided by the visual identity developed in the beginning of the project, ensuring solidity and consistency in the use of the platform.
Using Figma for component prototyping and flow testing allowed the software to be tested and refined before moving on to development.




Front-end development
The flows and design have been approved, we have entered the heart of development. In collaboration with the client who handled all of the back-end and "mind" part of Luxia, Mirai developed the visual interface using Angular technology for the front-end, ensuring a result that conforms perfectly to the approved prototype.


Back-end support
Thanks to the experience of Mirai’s developers, we have provided some indications on the optimization of the Luxia back-end to achieve a result that best meets the client’s expectations.


Landing Page
To tell the story of Luxia Mirai has designed and developed the landing page that presents the platform’s operation by combining the elements of brand identity and presenting the functions.

Visit the Luxia landing page >

UI Design