![](https://designit-web.imgix.net/images/Case-studies/ARiA-Data-Design/MicrosoftTeams-image-71.png?auto=compress%2Cformat&cs=srgb&fit=clip&q=90&w=400&s=c814fc6801e5ebfd5cc24c9a1f1da696 400w, https://designit-web.imgix.net/images/Case-studies/ARiA-Data-Design/MicrosoftTeams-image-71.png?auto=compress%2Cformat&cs=srgb&fit=clip&q=90&w=600&s=22f950c6e3b9ad8bde764080e7672334 600w, https://designit-web.imgix.net/images/Case-studies/ARiA-Data-Design/MicrosoftTeams-image-71.png?auto=compress%2Cformat&cs=srgb&fit=clip&q=90&w=800&s=09ea1df7f9b3967c6374234999a0eda9 800w, https://designit-web.imgix.net/images/Case-studies/ARiA-Data-Design/MicrosoftTeams-image-71.png?auto=compress%2Cformat&cs=srgb&fit=clip&q=90&w=1000&s=f0abc61e4dc1adf5ceb0e2c57c4c8df0 1000w, https://designit-web.imgix.net/images/Case-studies/ARiA-Data-Design/MicrosoftTeams-image-71.png?auto=compress%2Cformat&cs=srgb&fit=clip&q=90&w=1200&s=94bea2f6d89b63203696a8b564fe052a 1200w, https://designit-web.imgix.net/images/Case-studies/ARiA-Data-Design/MicrosoftTeams-image-71.png?auto=compress%2Cformat&cs=srgb&fit=clip&q=90&w=1400&s=0425755088edcf916f1a94212844ab03 1400w, https://designit-web.imgix.net/images/Case-studies/ARiA-Data-Design/MicrosoftTeams-image-71.png?auto=compress%2Cformat&cs=srgb&fit=clip&q=90&w=1600&s=a87364ffe69d45de84d68161f6f6a63c 1600w, https://designit-web.imgix.net/images/Case-studies/ARiA-Data-Design/MicrosoftTeams-image-71.png?auto=compress%2Cformat&cs=srgb&fit=clip&q=90&w=1800&s=845404ba91f7d0d3b8c3c361f64d2c6d 1800w, https://designit-web.imgix.net/images/Case-studies/ARiA-Data-Design/MicrosoftTeams-image-71.png?auto=compress%2Cformat&cs=srgb&fit=clip&q=90&w=2000&s=974a88adb01035f1587deae62915abfa 2000w, https://designit-web.imgix.net/images/Case-studies/ARiA-Data-Design/MicrosoftTeams-image-71.png?auto=compress%2Cformat&cs=srgb&fit=clip&q=90&w=2200&s=5b80dddbb8e2bd7d67796280a456afba 2200w, https://designit-web.imgix.net/images/Case-studies/ARiA-Data-Design/MicrosoftTeams-image-71.png?auto=compress%2Cformat&cs=srgb&fit=clip&q=90&w=2400&s=7d13f6a2491df8cb89e713431bfe485e 2400w, https://designit-web.imgix.net/images/Case-studies/ARiA-Data-Design/MicrosoftTeams-image-71.png?auto=compress%2Cformat&cs=srgb&fit=clip&q=90&w=2600&s=416905642fc9b8492594e359f40bf5fb 2600w)
How do you ensure that teams with different skills and capabilities understand and use a client's big data and AI? By creating a data visualisation platform that adapts to different user needs.
Repsol is a global multi-energy company, present throughout the sector's value chain. It is one of the most important Spanish companies at the international level, with a presence in 29 countries. It has a diverse and global workforce of more than 24,000 people.
Repsol has transformed itself digitally in recent years and has become an entirely data-driven company. As such, they have developed a strategy around its big data and AI platform called ARiA.
![](https://designit-web.imgix.net/images/Case-studies/ARiA-Data-Design/MicrosoftTeams-image-70.jpg?auto=compress%2Cformat&cs=srgb&fit=clip&q=90&w=600&s=351b778295c1140688125c9a591b540a 600w, https://designit-web.imgix.net/images/Case-studies/ARiA-Data-Design/MicrosoftTeams-image-70.jpg?auto=compress%2Cformat&cs=srgb&fit=clip&q=90&w=800&s=8be1a8f691416cce9c277a8e910e3b0a 800w, https://designit-web.imgix.net/images/Case-studies/ARiA-Data-Design/MicrosoftTeams-image-70.jpg?auto=compress%2Cformat&cs=srgb&fit=clip&q=90&w=1000&s=522bee82cc75dc3c6f1ebb88cc64b930 1000w, https://designit-web.imgix.net/images/Case-studies/ARiA-Data-Design/MicrosoftTeams-image-70.jpg?auto=compress%2Cformat&cs=srgb&fit=clip&q=90&w=1200&s=076fbf440a0c816dfa91ba769d357c41 1200w, https://designit-web.imgix.net/images/Case-studies/ARiA-Data-Design/MicrosoftTeams-image-70.jpg?auto=compress%2Cformat&cs=srgb&fit=clip&q=90&w=1400&s=804957da5235d739426e25cdd7e9331c 1400w, https://designit-web.imgix.net/images/Case-studies/ARiA-Data-Design/MicrosoftTeams-image-70.jpg?auto=compress%2Cformat&cs=srgb&fit=clip&q=90&w=1600&s=7b2db422f2234b4a41be14035379098d 1600w, https://designit-web.imgix.net/images/Case-studies/ARiA-Data-Design/MicrosoftTeams-image-70.jpg?auto=compress%2Cformat&cs=srgb&fit=clip&q=90&w=1800&s=bf5f02c20a541f032a574a8cd114d594 1800w, https://designit-web.imgix.net/images/Case-studies/ARiA-Data-Design/MicrosoftTeams-image-70.jpg?auto=compress%2Cformat&cs=srgb&fit=clip&q=90&w=2000&s=fc42a3abbb97165d4a3d05fee72907ce 2000w, https://designit-web.imgix.net/images/Case-studies/ARiA-Data-Design/MicrosoftTeams-image-70.jpg?auto=compress%2Cformat&cs=srgb&fit=clip&q=90&w=2200&s=d3d9ba2f52ff15e5544e8370f3213685 2200w, https://designit-web.imgix.net/images/Case-studies/ARiA-Data-Design/MicrosoftTeams-image-70.jpg?auto=compress%2Cformat&cs=srgb&fit=clip&q=90&w=2400&s=4714d41572ed46c47870d8b38576e898 2400w, https://designit-web.imgix.net/images/Case-studies/ARiA-Data-Design/MicrosoftTeams-image-70.jpg?auto=compress%2Cformat&cs=srgb&fit=clip&q=90&w=2600&s=0908753708586c8285d474d713a923d9 2600w)
Process
Designit's challenge was to make the digital strategy tangible through design. Making sense of the data through a visualisation system adapted to the needs of Repsol's teams was one priority. But we also had to democratise access to the data and its usage seamlessly.
Concept
To create the data visualisations, we first had to understand the needs of Repsol’s teams and how they used the data. Based on this, we designed Repsol's first data visualisation system that adapts to the different tools used by Repsol's analysis teams through ready-to-use components and assets.
To facilitate day-to-day access to data for Repsol's 24,000 employees, we had to understand the different user profiles, acquire an in-depth understanding of the company's data-driven strategy and the tools used and, from there, design a web portal -ARiA Data Portal- which, based on key user cases, would guide the employee through different tools to provide them with the unique and up-to-date data at the needed level of processing. This way, the employee was provided with both the data processed and analysed by the company and the tools, functionalities and knowledge to analyse the data autonomously.
![](https://designit-web.imgix.net/images/Case-studies/ARiA-Data-Design/Screenshot-2023-08-03-at-1.53.42-AM.png?auto=compress%2Cformat&cs=srgb&fit=clip&q=90&w=600&s=8616ffc9f74559ff83bab4bbca48eecb 600w, https://designit-web.imgix.net/images/Case-studies/ARiA-Data-Design/Screenshot-2023-08-03-at-1.53.42-AM.png?auto=compress%2Cformat&cs=srgb&fit=clip&q=90&w=800&s=d1cdd22dbe6e9899769857827d4982d8 800w, https://designit-web.imgix.net/images/Case-studies/ARiA-Data-Design/Screenshot-2023-08-03-at-1.53.42-AM.png?auto=compress%2Cformat&cs=srgb&fit=clip&q=90&w=1000&s=4b5d24a5e7591a22ea16f78c281b6597 1000w, https://designit-web.imgix.net/images/Case-studies/ARiA-Data-Design/Screenshot-2023-08-03-at-1.53.42-AM.png?auto=compress%2Cformat&cs=srgb&fit=clip&q=90&w=1200&s=0b85bb36411f1906cd181d41b5865cda 1200w, https://designit-web.imgix.net/images/Case-studies/ARiA-Data-Design/Screenshot-2023-08-03-at-1.53.42-AM.png?auto=compress%2Cformat&cs=srgb&fit=clip&q=90&w=1400&s=9d7ba515a1be44a1c88313188abb3ba2 1400w, https://designit-web.imgix.net/images/Case-studies/ARiA-Data-Design/Screenshot-2023-08-03-at-1.53.42-AM.png?auto=compress%2Cformat&cs=srgb&fit=clip&q=90&w=1600&s=5376519a175560636f418df9aecfc61e 1600w, https://designit-web.imgix.net/images/Case-studies/ARiA-Data-Design/Screenshot-2023-08-03-at-1.53.42-AM.png?auto=compress%2Cformat&cs=srgb&fit=clip&q=90&w=1800&s=161478900f6787287923a508bb405bc9 1800w, https://designit-web.imgix.net/images/Case-studies/ARiA-Data-Design/Screenshot-2023-08-03-at-1.53.42-AM.png?auto=compress%2Cformat&cs=srgb&fit=clip&q=90&w=2000&s=a5451cee03e0467a51657a0c893095a3 2000w, https://designit-web.imgix.net/images/Case-studies/ARiA-Data-Design/Screenshot-2023-08-03-at-1.53.42-AM.png?auto=compress%2Cformat&cs=srgb&fit=clip&q=90&w=2200&s=9b33514a6fb4139c3d4b1f5cdbea24c4 2200w, https://designit-web.imgix.net/images/Case-studies/ARiA-Data-Design/Screenshot-2023-08-03-at-1.53.42-AM.png?auto=compress%2Cformat&cs=srgb&fit=clip&q=90&w=2400&s=7bf82396d6a0b4094c5f73a1f09c2076 2400w, https://designit-web.imgix.net/images/Case-studies/ARiA-Data-Design/Screenshot-2023-08-03-at-1.53.42-AM.png?auto=compress%2Cformat&cs=srgb&fit=clip&q=90&w=2600&s=ea89394538315b9115fc594151b5b566 2600w)
Impact
The design system for data visualisation at Repsol is used by the data analysis teams in the different areas of Repsol to generate their reports. The scope of the system is constantly evolving, both in the other types of visualisation and in the tools it covers.
ARiA Data Portal has been launched for Repsol employees who can perform some actions such as consulting reports, requesting access to data or using Machine Learning with this data, to which many other functionalities will be added according to the product roadmap.
In this project, we took on challenges of great importance for Repsol's strategy. This meant designing with many restrictions, always looking for the best solution, adapting to tools such as PowerBI or Anjana, or even connecting different tools through developing a plugin for the ARiA Data Portal browser.
‘The ARiA Data Design project is key to Repsol's strategic objectives as a data-driven company, so we needed a design partner that complemented us and could meet this complexity's challenge with guarantees. That partner just had to be Designit.’
Ana Santos
Design Hub Designer and Analyst, Repsol
Details
Client
Project team
Contact info for Gurutz Gorrotxategi
UX/UI & Product Designer,
Madrid
Contact info for Liliana Serguera
Digital Designer,
Madrid
Contact info for Carlos Úbeda
Get in touch
![](https://designit-web.imgix.net/images/People/Madrid/Carlos-Ubeda.jpg?auto=compress%2Cformat&crop=focalpoint&cs=srgb&fit=crop&fp-x=0.5&fp-y=0.5&h=493&q=90&w=400&s=aaa3e6042384a7e200d6259246356833 400w, https://designit-web.imgix.net/images/People/Madrid/Carlos-Ubeda.jpg?auto=compress%2Cformat&crop=focalpoint&cs=srgb&fit=crop&fp-x=0.5&fp-y=0.5&h=739&q=90&w=600&s=341f5c362b3bec675bb5d8288a9536b9 600w, https://designit-web.imgix.net/images/People/Madrid/Carlos-Ubeda.jpg?auto=compress%2Cformat&crop=focalpoint&cs=srgb&fit=crop&fp-x=0.5&fp-y=0.5&h=986&q=90&w=800&s=8360f889dae6675d417b81bf042afb71 800w, https://designit-web.imgix.net/images/People/Madrid/Carlos-Ubeda.jpg?auto=compress%2Cformat&crop=focalpoint&cs=srgb&fit=crop&fp-x=0.5&fp-y=0.5&h=1232&q=90&w=1000&s=02f882076e521450e89cb2e1822f8c46 1000w)