Disponible

Diseño UX/UI · Web · I+D · 2023

Minethic
Minería ética

La web de un proyecto de investigación sobre materias primas críticas: hacer legible un tema técnico y denso sin rebajarlo, con un lenguaje visual que une minería y naturaleza.

Tipo Diseño UX/UI · Arquitectura web · 5 páginas
Año 2023
Proyecto MINETHIC · Consorcio liderado por Técnicas Reunidas
Programa Misiones Ciencia e Innovación · CDTI
Agencia Grupo Enfoca
En línea minethic.es ↗
Web de Minethic en un monitor sobre fondo de minería en verde lima

MINETHIC investiga nuevas fuentes de materias primas críticas —tierras raras, cobalto, níquel, manganeso, fósforo— a partir de subproductos mineros, industriales y residuos urbanos. Lo impulsa un consorcio de seis empresas liderado por Técnicas Reunidas, con FCC, Torrecid, APRIA Systems, IDP e IMA Magnets, dentro del programa Misiones Ciencia e Innovación del CDTI.

El diseño de la web lo realicé para Grupo Enfoca. Tenía que servir a públicos muy distintos —administración, industria, comunidad científica y prensa— y contar un proyecto de I+D lleno de siglas y procesos. La respuesta: una home que resume en cuatro ideas, y páginas interiores donde el detalle técnico se reparte en bloques numerados, diagramas e imágenes.

  1. Feb. 2023 Lanzamiento Técnicas Reunidas presenta el consorcio MINETHIC.
  2. 2023 Arquitectura Cinco páginas: inicio, proyecto, objetivos, consorcio y contacto.
  3. 2023 Diseño Sistema de bloques en lima y grafito, recortes en diagonal y hojas.
  4. En línea minethic.es Publicada en WordPress a partir del diseño.

Experiencia

Arquitectura · Lenguaje visual · Componentes
01.1

La home funciona como resumen: cuatro bloques, cada uno con su enlace a la página que lo desarrolla. Quien solo quiere saber de qué va el proyecto lo entiende sin salir de ella; quien busca el detalle técnico lo encuentra un clic más abajo.

01.2

Un verde lima que es a la vez mineral y vegetal, sobre un grafito cálido. Las fotografías se recortan en diagonal, como vetas, y se acompañan de una hoja: la minería entendida como parte del ciclo, no contra él. Montserrat Light en dos colores para los titulares; Lato para el texto.

01.3

Un repertorio corto de bloques que se combina en las cinco páginas. Recortes de la web publicada.

Header de la web de Minethic
01HeaderLogotipo y cinco entradas. La sección activa se marca en lima.
Portada de la web de Minethic
02PortadaTitular en dos tonos, dos párrafos clave y la foto recortada como una veta.
Banda de grafito de la web de Minethic
03Banda de grafitoImagen, titular y texto con su botón hacia la página que lo amplía.
Bloque lima de la web de Minethic
04Bloque limaPara el consorcio: texto sobre lima y paisaje a sangre.
Diagrama de proceso de la web de Minethic
05Diagrama de procesoLa cadena de valor del proyecto, de las corrientes de entrada a las aplicaciones finales.
Objetivos numerados de la web de Minethic
06Objetivos numeradosOcho objetivos en bloques alternos de lima, gris e imagen.
Socios de la web de Minethic
07SociosLos logotipos del consorcio, en una franja limpia antes del pie.
Pie de la web de Minethic
08PiePrograma de financiación y sellos institucionales, comunes a todas las páginas.

Web publicada

Inicio · Proyecto · Objetivos · Consorcio · Contacto
Home de Minethic, página completa

Inicio Cuatro ideas, cuatro bloques, cuatro enlaces.

Página El proyecto, completa

El proyecto El contexto, en una lectura larga con apoyo de imagen.

Página Objetivos, completa

Objetivos El diagrama de proceso y los ocho objetivos.

Página Integrantes del consorcio, completa

Consorcio Socios, colaboradores, centros de investigación y stakeholders.

Página de contacto de Minethic, completa

El contenido venía de memorias técnicas: largo, preciso y lleno de siglas. En lugar de recortarlo, el diseño lo escalona —titular, frase destacada en negrita, desarrollo— para que cada lector se quede en el nivel de detalle que necesita.

Una web de minería solía contarse con maquinaria y tonos fríos. Aquí el lima y las hojas hablan de recuperar y reutilizar: el proyecto propone obtener materias primas de residuos, y la imagen lo dice antes que el texto.

¿Tienes un proyecto?

Hablemos de esto.

romanplazza@gmail.com