Freedam
Guías29 min de lecturaActualizado el

Cómo diseñar un brand center

La mayoría de los brand centers fallan de la misma manera. Alguien exporta el manual de marca a PDF, añade al lado una carpeta de logos, pone las dos cosas detrás de un inicio de sesión y envía el enlace. Seis meses después, el equipo de diseño sigue respondiendo «¿me puedes mandar el logo?» tres veces por semana, dos mercados usan un logotipo que se retiró el año pasado y nadie sabe decir cuánta gente lo ha abierto.

Eso no es un fallo de almacenamiento. Es un fallo de diseño. Un brand center es un producto público con usuarios, y triunfa o fracasa por lo mismo que cualquier producto: si la persona adecuada encuentra lo que necesita en menos de un minuto, si confía en que lo que encontró está al día y si parece venir de la marca y no del software que hay debajo.

Esta guía trata de cómo diseñar ese producto. Cubre los públicos a los que sirve un brand center, la anatomía de su página de inicio, las colecciones y la búsqueda que lo hacen navegable, el modelo de acceso y de derechos, los mínimos de accesibilidad y rendimiento, y la gobernanza que lo mantiene al día un año después. Si quieres primero la definición breve, lee la entrada del glosario sobre el portal de marca. Si quieres la lista de páginas y las tablas para rellenar y copiar, usa la plantilla de brand center y, si estás eligiendo el software, la lista de verificación de software de portal de marca. Si quieres ver un brand center con tu propia marca antes de diseñar uno, nuestro generador de brand center crea una vista previa a partir de tu sitio web en aproximadamente un minuto.

Para ver qué contienen los brand centers publicados, Ejemplos de brand center en cifras cuenta las secciones, funciones y plataformas de 788 sitios públicos.

Qué es un brand center y qué no es

Un brand center es la cara pública de tu DAM (digital asset management): un destino con la marca propia donde las personas ajenas a tu equipo creativo principal (agencias, socios minoristas y distribuidores, prensa, franquiciados y colegas de otros departamentos) encuentran logos aprobados, manuales, recursos de campaña, imágenes de producto y plantillas, en el formato adecuado y para el mercado adecuado, sin pedírselos a nadie.

El sector usa varios nombres para esto. Brand center, portal de marca, brand hub, portal de manual de marca y portal de recursos de marca describen el mismo objeto, y los proveedores solo difieren en el énfasis. No vale la pena discutir el nombre. La distinción que sí conviene hacer es entre el brand center y tres cosas con las que se confunde a menudo.

No es el DAM. El DAM es el sistema de registro: importación, versiones, derechos, versiones derivadas, permisos, la biblioteca completa, incluido lo sin editar y lo rechazado. El brand center es una vista curada y diseñada de un subconjunto de ella. Construir el brand center antes que la biblioteca es el error habitual, porque entonces todo hay que publicarlo a mano, y un portal que depende de que alguien se acuerde de añadir archivos queda desactualizado en un trimestre.

No es el manual de marca. El manual de marca es un documento que dice cómo debe verse la marca. Un brand center es el mecanismo que hace que lo correcto sea más fácil de obtener que lo incorrecto. Lucidpress descubrió en su encuesta a más de 400 profesionales de la gestión de marca que el 85 % de las organizaciones tiene un manual de marca, pero solo el 30 % lo hace cumplir de forma coherente. Un brand center aborda esa brecha mediante la distribución y no mediante la documentación: hace que el archivo aprobado sea el más fácil de conseguir.

No es un micrositio de marketing. Un micrositio existe para persuadir. Un brand center existe para entregar archivos. Todo el diseño se deriva de eso: el bloque principal no vende un producto, la navegación no es un embudo de conversión y el principal evento de éxito es una descarga, no el envío de un formulario.

El ejemplo público más claro es la NASA, que tiene un NASA Brand Center en sentido literal. Su primer nivel no es Logos, Fotos, Videos, Documentos. Es Imágenes y medios, Cine y documental, Merchandising, Alianzas estratégicas y Manual de marca. Es una navegación construida con los motivos por los que la gente llega, no con los tipos de archivo que acabará descargando, y es la idea más transferible de esta guía.

Parte de los públicos, no de los recursos

Casi todos los brand centers débiles tienen una causa común: los estructuró quien era dueño de los archivos, así que heredaron el modelo mental de ese equipo. Las carpetas de diseño se convirtieron en secciones de diseño. El archivo de fotografía se convirtió en una pestaña de fotografía. El resultado es una arquitectura de la información que tiene sentido para las pocas personas que la construyeron y no para los cientos que la usan.

Empieza, en cambio, anotando cada grupo que va a llegar y qué quiere cada uno en sus primeros treinta segundos.

Público Llega buscando Falla cuando
Prensa y medios Logo en vectorial, retratos aprobados de directivos, texto institucional, un contacto Tienen que registrarse para conseguir un logo con un cierre en una hora
Agencias y autónomos Manual vigente, archivos maestros, tipografías, los recursos del briefing de la campaña Reciben el kit del trimestre pasado y nadie les avisa de que se movió
Socios minoristas, distribuidores y franquicias Kits de punto de venta para su mercado, en su idioma y formato Todo está en inglés y con los tamaños que usa la sede central en sus canales
Marketing interno de otras regiones Plantillas editables, maestros de campaña, reglas de localización Rehacen el recurso desde cero porque encontrarlo les llevó más tiempo
Ventas y equipos de atención al cliente Imágenes de producto, presentaciones, resúmenes de una página, capturas de pantalla Sacan la imagen de un buscador porque el portal necesita una VPN
Legal y cumplimiento Estado de los derechos, caducidad, quién usó qué y dónde El uso no se registra, así que la respuesta es una conjetura

Ahora recórtalo. Un brand center que intenta servir a seis públicos por igual en una sola página de inicio no sirve a ninguno. Elige los dos o tres que hoy generan más solicitudes, diseña la página de inicio para ellos y dirige al resto por un camino secundario claramente rotulado. La medida de una buena página de inicio de brand center no es cuánto contiene. Es con qué rapidez los cuatro tipos de visitante más habituales encuentran lo que venían a buscar.

La lista de públicos también determina el modelo de acceso, que es la segunda decisión estructural y la que resulta cara de cambiar más adelante.

Tres niveles de acceso de un brand center: abierto, restringido y con cuenta, y qué ofrece, qué pide y qué registra cada uno UNA BIBLIOTECA, TRES NIVELES DE ACCESO PARA QUIÉN QUÉ OBTIENEN QUÉ LES PIDES QUÉ SE REGISTRA PORCENTAJE TÍPICO ABIERTO RESTRINGIDO CON CUENTA Prensa, estudiantes, todos Logos, colores, tipografía, normas de uso, texto base Nada Solo recuento de descargas 5 a 10 % de la biblioteca Socios, agencias, prensa Kits de campaña, imágenes de producto, kits de mercado Correo electrónico o enlace Correo, recurso, fecha y hora 30 a 60 % de la biblioteca Personal, agencias fijas Maestros, archivos editables, inéditos y con embargo Una cuenta o SSO Auditoría completa El resto
El nivel decide el diseño. Un nivel abierto tiene que funcionar sin sesión y sin proceso de incorporación, por eso el logo y los valores de color van ahí y el maestro editable no.

La regla que evita más desacuerdos después: pon el logo en el nivel abierto. Restringir un logotipo detrás de un registro no protege la marca; garantiza que un periodista con un cierre encima haga clic derecho en el de tu página de inicio y publique un PNG de 40 píxeles. Lo que vale la pena restringir es lo que conlleva costo o riesgo: fotografía con licencia, campañas inéditas, maestros editables y todo lo que esté bajo embargo.

La anatomía de la página de inicio de un brand center

Hay una estructura que funciona y es estable entre sectores, aunque el tratamiento visual no deba serlo. Tiene seis partes.

Esquema de la página de inicio de un brand center con seis regiones rotuladas: barra de menú, bloque principal, métricas de la biblioteca, colecciones, acceso rápido y novedades PÁGINA DE INICIO DE UN BRAND CENTER, PRIMERA PANTALLA Y UN POCO MÁS BRAND CENTER 1 VER RECURSOS 2 12.480 RECURSOS34 MERCADOS9 IDIOMAS 3 COLECCIONES 4 ACCESO RÁPIDO LOGOS Y MARCASMANUAL DE MARCATIPOGRAFÍAPALETA DE COLOR →→→→ 5 NOVEDADES 6 1. Barra de menú La navegación propia de la marca, más las palabras BRAND CENTER y un buscador. 2. Bloque principal Una imagen, un titular sobre la biblioteca, una llamada a la acción sobre recursos. 3. Métricas de la biblioteca Recursos, mercados, idiomas. Se presentan como tipografía, no como widgets de panel. 4. Colecciones Cuatro a seis tarjetas con el nombre de la tarea del visitante y un recuento. 5. Acceso rápido Las cinco entradas fijas: logos, manual de marca, tipografía, color y plantillas. 6. Novedades Tres incorporaciones recientes con fecha. La prueba de que el portal se mantiene.
Las mismas seis regiones se mantienen entre sectores. Lo que cambia entre una casa de moda y un banco es la tipografía, la cuadrícula, la densidad y la fotografía, no la arquitectura de la información.

Aquí tienes esa estructura como página terminada. Es Aurelia, uno de los treinta y cinco brand centers de nuestra galería, y las seis regiones aparecen en orden: el logotipo con las palabras BRAND CENTER al lado, un titular del bloque principal sobre la biblioteca y no sobre un producto, las métricas como texto debajo, la fila de colecciones, la columna de acceso rápido a la derecha y las novedades a lo largo de la parte inferior.

El brand center de Aurelia, una marca de joyería fina: un bloque principal en dorado oscuro con el titular "Approved assets. Consistent by design.", una fila de cinco tarjetas de colección, una columna de acceso rápido y una franja de novedades

Fíjate en el titular. No vende nada. Una marca de joyería tiene todos los incentivos para poner un collar y el nombre de una temporada a ese tamaño, y el brand center es la única página donde no debería hacerlo.

La barra de menú

Tiene dos funciones. Tiene que parecer la navegación propia de la marca y no una barra de herramientas de software, y tiene que decir qué es el lugar. La frase «Brand Center» como etiqueta pequeña junto al logotipo es más útil que cualquier ventana de bienvenida, porque responde a la pregunta que tiene de verdad un visitante nuevo: «¿estoy en el lugar correcto?».

Pon la búsqueda en la barra de menú, visible, en todas las páginas. No detrás de un icono que se despliega. La investigación de campo de Nielsen Norman Group sobre portales internos concluyó que los usuarios que pierden la confianza en la búsqueda recurren a la navegación y tardan mucho más en terminar su tarea, y que, una vez frustrados, tienden a no volver a la herramienta. La búsqueda no es una función adicional de un brand center. Es lo que la mayoría de los visitantes recurrentes usa primero.

El bloque principal

Aquí es donde la mayoría de los brand centers se equivoca de una manera que resulta invisible para quienes lo construyeron. El instinto es poner la campaña actual en el bloque principal, porque la campaña es en lo que piensa el equipo de marketing. El resultado es una página que parece un anuncio, y un visitante que vino por un logo tiene que desplazarse más allá de un lanzamiento de producto para descubrir que esto es una biblioteca de recursos.

La regla: el titular del bloque principal debe hablar del brand center, no de un producto. Debe comunicar acceso a material aprobado. «Todo lo que tu marca necesita», «Una marca, todos los mercados», «Recursos aprobados, listos para usar». La campaña actual tiene su lugar en la página, pero como tarjeta de colección destacada o una pequeña etiqueta sobre el titular, no como el mensaje dominante.

Una sola imagen fija, no un carrusel. Un carrusel ocupa toda la primera pantalla y la mayoría de los visitantes lo ignora. La llamada a la acción se centra en los recursos: Ver recursos, Explorar la biblioteca, Encontrar contenido aprobado; nunca Comprar ahora ni Más información.

Métricas de la biblioteca

Una línea corta de cifras cerca del bloque principal, con tratamiento de texto editorial y no de paneles de control: recursos, líneas de producto, kits de mercado, mercados, idiomas. Hace dos cosas. Le dice a un socio que lo que necesita probablemente está aquí dentro, y le dice a una parte interesada interna que la biblioteca es real. Limítalo a tres o cuatro cifras y mantenlas veraces, porque una métrica que se equivoca una vez no recupera nunca la confianza.

Colecciones

De cuatro a seis tarjetas, justo debajo del bloque principal, cada una con una miniatura potente, un título de categoría, una descripción de una línea y un pequeño recuento de recursos. Tarjetas, no un árbol de carpetas.

El trabajo de diseño está en los nombres. Las colecciones deben llevar el nombre de lo que el visitante venía a hacer, no el del departamento que produjo el archivo ni el del formato en el que está.

Con el nombre del formato Con el nombre de la tarea
Fotografía Imágenes de producto, listas para el comercio minorista
Video Películas de campaña y versiones cortas
PDF Manuales y guías de mercado
Archivos de diseño Plantillas editables para tu mercado
Archivo 2024 Campañas anteriores, todavía aprobadas
Varios Todo lo que no tiene responsable, así que bórralo

La última fila no es una broma. Una colección Varios u Otros es una señal de que la taxonomía tiene una cuestión sin resolver, y los recursos que contiene no los encontrará nadie. Resuelve la cuestión o elimina los recursos.

Acceso rápido

Una columna estrecha, normalmente a la derecha, con las cinco o seis cosas que nunca cambian y que todos acaban necesitando: Logos y marcas, Manual de marca, Tipografía, Paleta de color, Plantillas y una entrada específica del sector, como Recursos para distribuidores, Packaging, Retratos de directivos o Kit de prensa. Son, con diferencia, los destinos con más tráfico de cualquier brand center. Darles una posición permanente y predecible es la mejora más barata disponible.

Novedades

Tres incorporaciones recientes, con miniaturas y fechas, al final de la primera pantalla. Esta sección es desproporcionadamente importante y casi siempre falta. Es el único elemento de la página que responde a «¿esto se mantiene?», y esa pregunta determina si un socio guarda el brand center como favorito o vuelve a escribirte por correo. Si lo más reciente tiene ocho meses, tienes un problema de gobernanza que ningún diseño ocultará.

Haz que parezca la marca, no el software

Esta es una prueba que vale la pena aplicar a cualquier brand center, el tuyo o el de la competencia. Haz una captura de la página de inicio, tapa el logo y enséñasela a alguien que conozca el sector. Si no sabe decirte de quién es, el diseño ha fracasado, por muy buena que sea la búsqueda.

Los brand centers construidos con una plantilla genérica y un cambio de color son la norma, y socavan justo aquello que existen para proteger. Una marca que pide rigor de identidad a sus socios desde un portal que se parece a todos los demás resulta poco convincente. El principio de diseño es primero la marca y después el software: la menor cantidad posible de elementos visibles del producto que permita la funcionalidad.

Estos son los elementos que hacen que una página parezca la marca, aproximadamente por orden de cuánto influyen:

  • Tipografía. La tipografía de titulares real de la marca en el bloque principal y los encabezados, no la sans por defecto de la plataforma. Es el factor que más determina si la página se lee como la marca. Si la licencia de la marca no cubre el uso web, una combinación cercana sigue siendo mejor que las fuentes del sistema.
  • Fotografía y su tratamiento. Proporción de recorte, gradación de color, si hay personas en el encuadre, cuánto espacio queda alrededor de cada imagen. Un brand center de una marca de exterior y otro de un banco privado no deberían poder compartir un tratamiento de imagen.
  • Densidad. Las marcas de lujo y editoriales necesitan espacio en blanco y pocos elementos por pantalla. Las marcas de alimentación, comercio e industria pueden soportar más densidad, y forzarlas a un diseño escaso hace que la página parezca vacía y no premium.
  • Roles de la paleta, no solo valores de la paleta. Usar los códigos hexadecimales de la marca es el mínimo. Lo que separa un buen brand center de uno mediocre es asignar a esos colores roles coherentes: qué color es la superficie, cuál es el de acento, cuál se permite en una llamada a la acción y cuál aparece una vez por página o ninguna.
  • Cuadrícula y proporción de las tarjetas. Una cuadrícula de cuatro tarjetas cuadradas por fila y otra de tres tarjetas 16:9 por fila dan una impresión distinta de la marca antes de leer una sola palabra.

Si quieres verlo de forma concreta entre sectores, publicamos treinta y cinco ejemplos de brand center de moda, banca, hostelería, deporte, automoción y alimentación, construidos con la misma estructura de seis regiones descrita arriba y que, a propósito, no comparten un lenguaje visual. Tres de ellos, a la misma escala:

Aurelia, joyería fina: fondo oscuro, fotografía de producto en dorado, logotipo con serif de alto contraste, diseño escaso Tero, herramientas eléctricas: negro y naranja, titular en mayúsculas condensadas y pesadas, cuadrícula densa, fotografía de taller Marella, alimentación: paleta cálida de crema y verde oliva, serif humanista, fotografía de estilo de vida sobre la mesa
Aurelia, Tero y Marella. Las mismas seis regiones, la misma regla del bloque principal, la misma columna de acceso rápido. No hay dos que compartan tipografía, paleta, densidad ni estilo fotográfico, y ninguno se parece al software que hay debajo.

Ese es el nivel con el que hay que medir un brand center. Un lector que conozca el sector debería poder decir la marca solo por el diseño.

Dos notas más sobre identidad. Primero, alójalo en tu propio dominio. Un brand center en brand.yourcompany.com es parte de la marca; uno en yourcompany.vendor.com es parte del proveedor. Es la práctica habitual en la gama alta: brand.uber.com apunta a la plataforma de recursos de Uber, y el veterano mozilla.design de Mozilla ahora redirige a brand.mozilla.com. Segundo, si gestionas más de una marca, decide pronto si comparten un solo brand center con un selector de marca, como hace Mozilla con un índice de todas las marcas, o si tienen portales separados. Adaptar una estructura multimarca a una arquitectura de la información de una sola marca resulta caro de hacer más adelante.

La búsqueda y los metadatos que la hacen funcionar

Cuando un brand center supera unos cientos de recursos, la navegación deja de ser práctica y la búsqueda pasa a ser la interfaz principal para quien ya lo ha visitado. Diseñar la búsqueda significa diseñar tres cosas.

El cuadro de consulta. Persistente, en la barra de menú, en todas las páginas, incluida la de inicio. Lo bastante ancho para mostrar una consulta real. Con autocompletado que sugiera colecciones y tipos de recurso, no solo cadenas de texto.

Qué ocurre cuando no hay resultados. La pantalla de mayor valor de todo el portal y normalmente la que nadie diseñó. Un «Sin resultados para encanto ss26» en blanco es donde un socio se rinde y te escribe por correo. En su lugar debería ofrecer las coincidencias más cercanas, las colecciones en las que se buscó, una sugerencia ortográfica y una forma de pedir el recurso con un solo clic. Y después debería registrar la consulta. El registro de búsquedas sin resultados es una lista directa de lo que le falta al brand center, escrita por quienes lo necesitaron.

El índice que hay detrás. La búsqueda solo es tan buena como lo que llevan los recursos. Los nombres de archivo y las rutas de carpetas no bastan, y este es el punto en el que el diseño de un brand center se convierte en diseño de metadatos. Los campos que vale la pena exigir en un portal de cara a socios son menos que en un esquema completo de DAM:

  • Tipo de recurso, de un vocabulario controlado, no de texto libre. De seis a doce valores.
  • Mercado e idioma, porque es el filtro más común que aplica un socio y el motivo más habitual de que una descarga sea errónea.
  • Campaña o temporada, que es como piensan el tiempo las personas de marketing.
  • Producto o línea de producto, si vendes productos. Es el campo que con más frecuencia tiene que venir de un sistema existente y no escribirse a mano.
  • Derechos de uso y caducidad, que se tratan en la sección siguiente.
  • Estado, es decir, aprobado, sustituido o retirado. No es negociable.

Mantén pequeño el conjunto obligatorio. Cada campo obligatorio ralentiza la importación, y un esquema que nadie completa es peor que uno más pequeño que todos completan. Nuestra guía de buenas prácticas de metadatos en un DAM profundiza en la elección de campos, y la guía de taxonomía cubre el trabajo de vocabulario que hay debajo.

Dos capacidades modernas cambian lo que es razonable esperar aquí. La búsqueda semántica permite a un socio escribir «mujer corriendo al amanecer por una carretera de la costa» y llegar a la foto correcta sin que nadie haya etiquetado esas palabras, y la búsqueda visual le permite pegar una imagen que ha visto y encontrar su versión aprobada. Ambas importan más en un brand center que en un DAM interno, precisamente porque los usuarios externos no conocen tu vocabulario y nunca lo aprenderán. Ninguna elimina la necesidad de campos estructurados, porque el mercado, los derechos y el estado son hechos sobre un recurso que ningún modelo puede deducir de sus píxeles. Consulta cómo funciona la búsqueda en Freedam para ver los detalles.

Derechos, versiones y lo que no puedes hacer mal

Un brand center distribuye recursos a personas que no son tus empleados. Eso convierte los derechos en un requisito de diseño, no en algo que se deja a las condiciones de uso.

Lleva los derechos en el archivo, no solo en la base de datos. El estándar de metadatos fotográficos IPTC, actualmente en la versión 2025.1, define los campos que viajan dentro de la propia imagen: Autor, Línea de crédito, Aviso de derechos de autor, Condiciones de uso de los derechos, Declaración web de derechos y Licenciante. La revisión 2025.1 añadió propiedades que describen la generación con IA, incluidos el sistema utilizado y la información del prompt, algo que socios y editores empiezan a preguntar. Un recurso descargado de tu brand center y reenviado dos veces debería poder seguir respondiendo quién lo hizo y en qué condiciones. Eso solo funciona si los metadatos se incrustan al exportar.

Muestra los derechos antes de la descarga, no después. Los derechos de uso en la página del recurso, en lenguaje claro, con la fecha de caducidad cuando exista. «Autorizado para digital e impresión en mercados de la UE hasta el 31 de marzo de 2027» evita más usos indebidos que una cláusula en una página de condiciones que nadie abre.

Haz que los recursos caduquen automáticamente. Las licencias de modelos y de imágenes de stock terminan. Un brand center que sigue sirviendo una imagen cuya autorización del modelo ha caducado está distribuyendo una imagen sin licencia a todos los mercados a la vez, y normalmente nadie se da cuenta hasta que alguien se queja. La caducidad tiene que ser una propiedad del recurso que el portal hace cumplir, no un recordatorio en el calendario de alguien. Por eso también importa la gestión del embargo: una campaña inédita visible un día antes para un socio es una filtración.

Retira los logos antiguos de forma visible. El control de versiones en un brand center no es solo conservar el historial. Es hacer que la versión sustituida deje de estar disponible y decirlo. Cuando un logo cambia, el archivo antiguo debe dejar de descargarse y su página debe explicar qué lo sustituyó y para cuándo deben cambiar los socios. Dejar el logo antiguo descargable sin avisar es la causa más común de un brand center que produce resultados fuera de marca.

Conserva el registro de auditoría. Quién descargó qué, cuándo y desde qué nivel. Es lo que convierte «creemos que los socios usan el kit actual» en una cifra, y es lo que pedirá el equipo legal el día que algo salga mal. Nuestras páginas de derechos y cumplimiento y de gobernanza explican cómo se hace cumplir esto en la práctica, y la guía sobre derechos de imagen en unidades compartidas explica por qué un enfoque basado en carpetas no puede hacerlo.

Da a las personas el archivo que realmente necesitan

Una gran parte de los fallos de los brand centers no son fallos de búsqueda. La persona encontró el recurso y aun así no pudo usarlo, porque lo único que se ofrecía era un TIFF por capas de 340 MB o un PNG de 5000 píxeles para una diapositiva.

Diseña la descarga, no solo el recurso:

  • Logos en vectorial y en mapa de bits. SVG y EPS para quien reproduzca la marca, más PNG en dos o tres tamaños con transparencia, más las variantes inversa y monocroma. Comprime el conjunto en un zip. La mayoría de las solicitudes de logos que recibes hoy son solicitudes de un conjunto, no de un archivo.
  • Preajustes con nombre, no dimensiones en píxeles. «Publicación de Instagram», «cabecera de correo», «impresión A4» y «presentación» los eligen bien las personas que no son diseñadoras. «2048 x 2048, 300 ppp, CMYK» no.
  • Genera las versiones derivadas bajo demanda. Pregenerar cada recorte de cada recurso es como las bibliotecas se vuelven imposibles de mantener. Derivarlas del maestro en el momento de la descarga mantiene una única fuente de verdad y hace que un nuevo recorte del maestro actualice todo lo que viene después.
  • Haz que la descarga en bloque funcione bien. Un socio que se lleva un kit de mercado completo debería recibir un solo archivo comprimido con una estructura de carpetas razonable, no cuarenta clics sueltos.
  • Responde de forma explícita a la pregunta de las tipografías. Es la carencia más común en los brand centers. O bien la licencia permite redistribuirlas a los socios y alojas los archivos con las condiciones de la licencia adjuntas, o no lo permite y lo dices de forma explícita con un enlace de compra y una alternativa aprobada. El silencio aquí garantiza que alguien acabe usando Arial.

La accesibilidad y el rendimiento forman parte del diseño

Un brand center es un sitio web público con imágenes grandes y un público externo, lo que significa que se aplican dos estándares mínimos que las herramientas internas suelen saltarse.

Contraste. El criterio de conformidad 1.4.3 de las WCAG 2.2, de nivel AA, exige una relación de contraste de al menos 4,5:1 para el texto normal y 3:1 para el texto grande, entendiendo por grande 18 puntos, o 14 puntos en negrita. Las paletas de marca fallan esto con mucha frecuencia, sobre todo con colores de acento claros usados para enlaces y texto pequeño sobre superficies tintadas. La solución no es cambiar el color de la marca, sino asignar roles: reserva el acento para texto grande y superficies, y usa una pareja que cumpla para el cuerpo del texto. Los socios del sector público y de grandes empresas lo exigen cada vez más en sus compras, así que conviene resolverlo antes de lanzar el portal y no después de una queja.

Tiempo de carga. Las páginas de inicio de los brand centers tienen muchas imágenes por naturaleza, y la imagen del bloque principal casi siempre es el elemento de Largest Contentful Paint. El umbral de Google para un buen LCP es de 2,5 segundos en el percentil 75 de las cargas. Un JPEG del bloque principal de 4 MB sin comprimir no lo cumplirá en la conexión de un socio en un mercado con redes móviles más lentas, que es justo el público al que sirve un brand center global. Sirve formatos modernos, ajusta el tamaño de la imagen a la ventana, precarga la imagen del bloque principal y carga de forma diferida todo lo que quede por debajo de la primera pantalla. Importa también comercialmente, porque el brand center es una página que quieres que se indexe con el nombre de tu propia marca, y a menudo es el primer resultado que encuentra un periodista.

Gobernanza: cómo se verá el brand center dentro de un año

Todos los brand centers se ven bien el día del lanzamiento. La pregunta de diseño que de verdad determina el éxito es cómo se verá dentro de dieciocho meses, y la respuesta depende de tres decisiones.

Selecciona el contenido con vistas dinámicas, no con copias manuales. Si publicar en el brand center significa que alguien exporta archivos y los vuelve a subir, el portal estará desactualizado en un trimestre, porque esa persona se llenará de trabajo. El patrón duradero es que el brand center sea una vista guardada sobre la biblioteca, definida por reglas como «aprobado, no caducado, etiquetado minorista, mercado UE», de modo que un recurso que cumple la regla aparece sin que nadie haga nada y un recurso que caduca desaparece del mismo modo. Esa es la diferencia entre un brand center y una carpeta de archivos ZIP, e importa más que cualquier decisión visual de esta guía.

Dale un único responsable con nombre. No un comité. Una persona que responda de lo que hay en la portada, con un hueco mensual para revisar el registro de búsquedas sin resultados, las descargas principales y todo lo que no se ha tocado en un año. Los brand centers rara vez fallan de golpe. Se quedan desactualizados porque nadie los revisó durante doce meses seguidos.

Programa las retiradas. Añadir es fácil y todos se ofrecen. Retirar es el trabajo que nadie hace, y es lo que mantiene la biblioteca digna de confianza. Retira los logos sustituidos, la fotografía caducada, las plantillas del año pasado y las campañas muertas según un calendario, no a petición.

Nuestra guía de implementación de un DAM cubre con más detalle la secuencia de despliegue, y la lista de requisitos es útil si todavía estás eligiendo la plataforma que hay debajo.

Cómo saber si funciona

Cinco cifras, revisadas cada mes, te dicen más que cualquier encuesta.

  1. Descargas por socio activo. No las descargas totales, que crecen con el público. El uso por socio te dice si el portal se convirtió en un hábito.
  2. Tasa de búsquedas sin resultados. La proporción de búsquedas que no devuelven nada. Cualquier valor por encima de unos pocos puntos porcentuales es un hueco de contenido o de vocabulario, y el registro te dice cuál.
  3. Tiempo hasta la primera descarga de un visitante nuevo. Si tarda más de un minuto, la página de inicio no está dirigiendo bien a la gente.
  4. Solicitudes entrantes de recursos. El volumen de correos que el brand center se construyó para eliminar. Es la medida honesta, y debería bajar. Si no baja, pregunta a las últimas cinco personas que escribieron qué buscaron primero.
  5. Proporción de la biblioteca que se ha descargado alguna vez en el último año. Mantener recursos que nadie descarga no sale gratis, porque aparecen en los resultados de búsqueda y hacen más difícil ver los útiles.

Fija un punto de partida antes del lanzamiento para las cifras 4 y 5, porque son las dos que no se pueden reconstruir después. Las estadísticas deben formar parte del portal y no ser un ejercicio aparte.

Una lista de verificación para el lanzamiento

  • La página de inicio responde a «¿qué es esto y dónde está el logo?» sin desplazarse.
  • El conjunto de logos está en el nivel abierto, en vectorial y en mapa de bits, comprimido, con las variantes inversa y monocroma.
  • La búsqueda está en la barra de menú de todas las páginas, y la pantalla sin resultados está diseñada y registrada.
  • Las colecciones llevan el nombre de lo que el visitante venía a hacer, no hay más de seis y ninguna se llama Otros.
  • El acceso rápido contiene las cinco entradas permanentes y nada de temporada.
  • Las novedades muestran algo del último mes y seguirán haciéndolo sin trabajo manual.
  • Cada recurso lleva estado, mercado, derechos y caducidad, y el sistema hace cumplir la caducidad.
  • Los campos de derechos IPTC se incrustan al exportar, no solo se guardan en la base de datos.
  • El logo retirado no se puede descargar y su página explica qué lo sustituyó.
  • El texto del cuerpo cumple un contraste de 4,5:1 con su fondo real, comprobado con la paleta real.
  • La imagen del bloque principal pesa menos de cien kilobytes en un formato moderno, y la página alcanza un LCP inferior a 2,5 segundos en dispositivos móviles.
  • Una persona con nombre es responsable de la portada, con una revisión mensual recurrente en el calendario.
  • Tapa el logo. Una persona de tu sector sigue pudiendo decir que es el tuyo.

Míralo antes de diseñarlo

La forma más rápida de concretar estas decisiones es ver un brand center con tu propia identidad y no con la de otro. Nuestro generador de brand center gratuito lee tu página de inicio pública, perfila la marca a partir de tu logo, paleta, tipografía e imágenes, y crea una página de inicio de brand center diseñada a su medida, con la estructura de seis regiones de esta guía. Tarda aproximadamente un minuto, no necesita cuenta y el resultado es una dirección de diseño que puedes presentar a las partes interesadas.

Si prefieres explorar primero, la galería de inspiración de brand centers reúne treinta y cinco ejemplos desarrollados de varios sectores, la página de brand center muestra las tres formas de empezar uno, y la página de la solución de portal de marca explica cómo se ve la versión en vivo en Freedam, con digital asset management y campañas localizadas para lo que viene después del lanzamiento. Otras herramientas gratuitas aparecen en la página de herramientas.

Prueba Freedam

Sigue leyendo