---
url: 'https://metadrop.net/es/servicios/estrategia-digital/drupal-uxui-diseno-digital'
title: 'Diseño UX/UI para plataformas enterprise'
author:
  name: Root
  url: 'https://metadrop.net/es/sobre/metadrop'
date: '2020-04-10T13:37:39+00:00'
updated: '2026-06-10T09:58:24+00:00'
type: article
summary: 'Diseño UX/UI accesible y basado en datos para plataformas Drupal enterprise. Sistemas de diseño escalables que cumplen WCAG y tus objetivos de negocio.'
published: true
og:
  determiner: Automatic
  site_name: Metadrop
  street_address: 'Calle Manuel Luna, 12, 3 Dcha'
  locality: Madrid
  region: Madrid
  postal_code: '28020'
  country_name: España
  email: hola@metadrop.net
  phone_number: '910053180'
schema:
  '@context': 'https://schema.org'
  '@graph':
    -
      '@type': Organization
      '@id': 'https://metadrop.net/#organization'
      url: 'https://metadrop.net/'
      name: Metadrop
      sameAs:
        - 'https://www.drupal.org/metadrop'
        - 'https://twitter.com/metadrop'
        - 'https://asociaciondrupal.es/partner/metadrop'
        - 'https://www.linkedin.com/company/metadrop'
      logo:
        '@type': ImageObject
        url: 'https://metadrop.net/themes/custom/mdrop_radix/logo-metadrop-500-500.jpg'
        width: '500'
        height: '500'
    -
      '@type': ItemPage
      '@id': 'https://metadrop.net/es/servicios/estrategia-digital/drupal-uxui-diseno-digital'
      breadcrumb:
        '@type': BreadcrumbList
        itemListElement:
          -
            '@type': ListItem
            position: 1
            name: Inicio
            item: 'https://metadrop.net/es'
          -
            '@type': ListItem
            position: 2
            name: 'Servicios Drupal: consultoría, desarrollo y soporte'
            item: 'https://metadrop.net/es/servicios'
      publisher:
        '@type': Organization
        '@id': 'https://metadrop.net/#organization'
---
 1. [Servicios Drupal: consultoría, desarrollo y soporte](https://metadrop.net/es/servicios)
 
  

# Drupal UX/UI Diseño digital

 



   



 En un mundo cada vez más interconectado que evoluciona rápidamente, los proyectos digitales se enfrentan al desafío de **responder a las expectativas** de sus clientes en tiempo y forma.

Nuestra metodología de **diseño ágil** nos permite **adaptamos** con facilidad a los cambios que vayan surgiendo a lo largo del proceso.



 

## Prototipado rápido sobre Wireframes



Contamos con **expertos** en UX/diseño con amplia experiencia en proyectos **orientados a resultados**. Nos enfocamos en **entender** tus **objetivos** y los de tus **usuarios**. Nos apoyamos en tu conocimiento del sector **prototipando contigo** a través de wireframes para obtener los mejores resultados.



 

 



 

 

 

 

## Guía de estilo



Comprobamos la **accesibilidad** y generamos paletas de color a partir de tus **colores corporativos.**

Elegimos cuidadosamente la o las **tipografías** en uso, atendiendo a su legibilidad y a las **necesidades de comunicación** de tu marca. Establecemos normas coherentes de espaciado, tamaño, interlineado para conseguir un acabado perfecto.



 

 



 

 

 

 

## Mockups navegables



Construimos **mockups navegables** tras lo aprendido en la fase de wireframing para realizar las primeras pruebas con los usuarios **antes de su desarrollo**.

Diseñamos cada componente, desde botones hasta componentes más complejos como formularios favoreciendo su **reutilización** a lo largo de todo el proyecto.

Estudiamos todos los elementos de tu proyecto de forma **atómica**.



 

 



 

 

 

 

## Responsive



Adaptamos cada diseño a las **diferentes interfaces** en las que se va a presentar, tales como **móvil** o **tablet**, para garantizar que se adaptan correctamente y para explorar ideas alternativas en caso de necesidad.

Diseñamos con la vista puesta en el usuario final. Ideamos flujos y funcionalidades pensadas para hacerle la vida más sencilla, comprobamos la **accesibilidad** de nuestros componentes y no dejamos que la interfaz se interponga en su camino sino al contrario.



 

 



 

 

 

 

## Todas las variantes necesarias



Extendemos las librerías de componentes para cubrir todas las variantes necesarias (tales como temas claro y oscuro, tamaños, fondos, etc) de modo que sean capaces de **reaccionar al contexto** y ser **configurables** por un editor.



 

 



> Metadrop tradujo exitosamente nuestra necesidad de 'Cultura Justa e Inclusiva' en una experiencia digital tangible. Metadrop proporciona el pensamiento estratégico de alto nivel necesario para iniciativas complejas de cambio corporativo.

Aurélie Charlier

 

Directora de Cambio y Comunicación con los Empleados

 

 

 





 

 



 

> Metadrop no solo nos dio pantallas bonitas; nos proporcionaron una justificación de implementación completa que resuelve la complejidad de nuestra arquitectura de información.

Felipe Claus

 

Gestor de Canales Internos (Propietario del Producto de Intranet)

 

 

 





 

 



 

> Desafiamos a Metadrop a repensar la experiencia de usuario de 'The Hub', nuestra intranet global. La plataforma existente presentaba algunos puntos de dolor para los usuarios que necesitábamos resolver, incluyendo desafíos en la arquitectura de la información y la navegación móvil. El resultado superó nuestras expectativas.

Felipe Claus

 

Gestor de Canales Internos (Propietario del Producto de Intranet)

 

 

 





 

 



 

> Metadrop proporcionó una estrategia clara para la experiencia de Aplicación Móvil frente a Escritorio y rediseñó nuestra Interfaz de Usuario de Búsqueda para que fuera mucho más intuitiva. Su trabajo en la personalización de 'Mis Enlaces' y la nueva estructura de navegación nos ha dado un plan claro para modernizar nuestros canales internos.

Felipe Claus

 

Gestor de Canales Internos (Propietario del Producto de Intranet)

 

 

 





 

 



 

> Metadrop actuó como socio estratégico para redefinir cómo nos conectamos con los empleados. Necesitábamos una plataforma inclusiva y escalable, no solo una actualización visual.

Aurélie Charlier

 

Directora de Cambio y Comunicación con los Empleados

 

 

 





 

 



 

 







 

 



 

## Hablemos



 You must have JavaScript enabled to use this form.

 Nombre  

 Email  

 Organización  

 Cuéntanos  Escribe tu mensaje aquí...

  

  Política privacidad He leído y acepto [**la política de privacidad**](https://metadrop.net/en/politica-privacidad) respecto al tratamiento de datos.

  



 Deje este campo en blanco  



 



 

 



###  [Solvay - Multisite con Drupal](https://metadrop.net/es/proyectos/solvay-multisite-con-drupal) 

Sitio corporativo de la empresa Grupo Solvay, dedicado a la industria química.



Acquia Cloud Site Factory

Multisite

Solr

Corporación

Acquia

 

 

 

 

 



###  [Save the Children](https://metadrop.net/es/proyectos/savethechildren) 

Las grandes ONG se enfrentan a los mismos problemas que las empresas o administraciones de su tamaño. Su página web debe ser parte de la solución.



Migrate API (módulo de Drupal)

Salesforce

Comercio electrónico

Google Analytics

ONG

Drupal

 

 

 

 

Photo by [Annie Spratt](https://unsplash.com/@anniespratt?utm_content=creditCopyText&utm_medium=referral&utm_source=unsplash) on [Unsplash](https://unsplash.com/photos/white-and-brown-composite-bow-jY9mXvA15W0?utm_content=creditCopyText&utm_medium=referral&utm_source=unsplash)

 

 



###  [World Archery - Federación olímpica](https://metadrop.net/es/proyectos/world-archery-federacion-olimpica) 

Noticias, eventos, resultados de competiciones en directo e información de atletas



Drupal

Angular

REST API

D3.js

Facebook API

Twitter API

Multiidioma

Deportes

 

 

 

 





 

 

## Servicios



Diagnóstico de plataforma, estrategia digital, diseño UX/UI y hojas de ruta de transformación para organizaciones que quieren repensar su presencia digital.



 

- [**Soberanía digital con Open Source**](https://metadrop.net/es/servicios/estrategia-digital/soberania-digital "Escapa del vendor lock-in con Drupal open source. Controla tu código, tus datos y tu infraestructura. Certificación ENS, conforme RGPD.") Escapa del vendor lock-in con Drupal open source. Controla tu código, tus datos y tu infraestructura. Certificación ENS, conforme RGPD.
- [**Gestión de proyectos y estrategia**](https://metadrop.net/es/servicios/estrategia-digital/consultoria-direccion-de-proyecto-y-estrategia-digital-en-drupal "Dirección técnica, roadmaps ágiles y gobernanza de entrega para proyectos digitales complejos. Gestionamos la complejidad para que tu equipo avance.") Dirección técnica, roadmaps ágiles y gobernanza de entrega para proyectos digitales complejos. Gestionamos la complejidad para que tu equipo avance.
- [**Kit Digital**](https://metadrop.net/es/servicios/estrategia-digital-de-transformacion/agente-digitalizador "Servicios ofertado bajo en kit digital") Servicios ofertado bajo en kit digital