Caso de estudio · Drupal
Diners Club Ecuador
El portal informativo de Diners Club en Ecuador: tres marcas de tarjetas, dos públicos y más de 400 páginas activas en un sitio que se renueva al ritmo de cada campaña.
- Cliente
- Diners Club del Ecuador
- Alcance
- Diseño web
Desarrollo Drupal y mantenimiento continuo - Tecnología
- Drupal · Views · Webform · Paragraphs
Layout Paragraphs · Slick Carousel - Sitio
- dinersclub.com.ec ↗
Un portal para Personas y para Empresas, con todo el universo Diners Club en un solo sitio.
Un menú a pantalla completa que ordena el catálogo: tarjetas, servicios, ahorro, inversiones y seguros.
«Únete al Club»: cuatro accesos directos para empezar por lo que cada visitante busca.
Campañas de gran formato que se renuevan de forma continua.
El reto
Tres marcas, dos públicos y cientos de páginas que cambian al ritmo del negocio.
Diners Club Ecuador necesitaba un portal capaz de presentar todo su catálogo —tarjetas, servicios, ahorro, inversiones, seguros, beneficios y experiencias— tanto a Personas como a Empresas, y de acompañar el día a día comercial: campañas, promociones y formularios de registro que se publican de forma constante.
Ordenar
Un catálogo amplio a un par de clics: menú por tipo de producto y por marca, y una navegación propia para Personas y para Empresas.
Diferenciar
Diners Club, TITANIUM y Discover conviven en el mismo sitio, cada una con su color y su tono, sobre una misma base de componentes.
Mantener
Un sitio vivo, con más de 400 páginas activas: nuevas campañas, páginas y formularios sin perder coherencia.
La portada
Una portada que cambia con cada campaña.
La portada abre con la promesa de marca y, justo debajo, «Únete al Club» reparte a cada visitante hacia lo que busca: tarjeta, plan de ahorro, inversiones o seguros. A partir de ahí, una sucesión de banners de gran formato da protagonismo a las campañas del momento, a los beneficios de ser socio y al resto del universo Diners Club.
El mismo portal, pensado para la palma de la mano.
Personas y Empresas, web y app: cuatro accesos directos arriba y el resto del catálogo en un acordeón.
«Únete al Club», con iconos grandes y al alcance del pulgar.
Los banners se recomponen en vertical sin perder impacto.
Tarjetas
Tres marcas, un mismo sistema.
Diners Club, TITANIUM y Discover tienen cada una su portada, su catálogo de tarjetas y sus beneficios. Comparten estructura y componentes —cabecera, tarjetas de producto, banners—, y lo que cambia es la voz: el azul de Diners Club, el negro de TITANIUM, el naranja de Discover. Cada marca se reconoce al instante y el sitio sigue siendo uno solo.
Utilidades
Herramientas para decidir y para contratar.
-
01
Menú por producto y por marca
Un menú a pantalla completa con pestañas —Tarjetas, Servicios, Ahorro, Inversiones y Seguros— que lleva a cualquier producto sin pasar por páginas intermedias.
-
02
Simulador de inversión
En el certificado de inversión a plazo fijo, un simulador calcula el rendimiento según el importe y el plazo, junto a las preguntas frecuentes en acordeón.
-
03
Paso a paso, en infografía
Los servicios que piden explicación, como el avance en efectivo, se cuentan con iconos e infografías: por qué usarlo y cómo se hace, en tres pasos.
-
04
Seguros que se solicitan en línea
El portafolio Diners Care presenta cada seguro en su tarjeta, con su propio botón de solicitud.
Más allá de la tarjeta
Beneficios, experiencias y un espacio propio para Empresas.
El portal no se acaba en el catálogo. Los beneficios se organizan por marca; Experiencias funciona como una revista, con artículos en listados paginados que crecen con cada publicación; y Empresas tiene su propia navegación, con tarjetas corporativas y productos financieros.
Bajo el capó
Drupal, a ritmo de campaña.
Con más de 400 páginas activas y un calendario comercial que no se detiene, la base tiene que permitir publicar rápido sin perder coherencia.
Paragraphs + Layout Paragraphs
Banners, tarjetas de producto, acordeones, tablas y carruseles: una biblioteca de componentes con la que se compone cada página.
Webform
Un amplio volumen de formularios de registro para campañas comerciales, creados y gestionados desde el propio Drupal.
Views + Slick Carousel
Listados que se ordenan y paginan solos —experiencias, tarjetas, beneficios— y carruseles para destacar contenido.
Mantenimiento continuo
Evolución constante sobre un sitio en producción: nuevas secciones, mejoras y soporte al día a día.