Case study · Drupal
Diners Club Ecuador
Public website for Diners Club Ecuador: three card brands, two audiences and more than 400 live pages on a site that’s refreshed with every campaign.
- Client
- Diners Club del Ecuador
- Scope
- Web design
Drupal development and ongoing maintenance - Technology
- Drupal · Views · Webform · Paragraphs
Layout Paragraphs · Slick Carousel
One site for Personal and Business customers, with the whole Diners Club world in one place.
A full-screen menu that organizes the catalog: cards, services, savings, investments and insurance.
“Únete al Club” (Join the Club): four shortcuts that take each visitor straight to what they’re looking for.
Large-format campaigns, constantly refreshed.
The challenge
Three brands, two audiences and hundreds of pages that move as fast as the business.
Diners Club Ecuador needed a site that could present its full catalog—cards, services, savings, investments, insurance, benefits and experiences—to both Personal and Business customers, and keep up with day-to-day sales and marketing: a constant stream of campaigns, promotions and sign-up forms.
Organize
A broad catalog, a couple of clicks away: a menu by product type and by brand, and separate navigation for Personal and Business.
Differentiate
Diners Club, TITANIUM and Discover share one site, each with its own color and tone, built on a common set of components.
Maintain
A site that never stands still, with more than 400 live pages: new campaigns, pages and forms without losing consistency.
The home page
A home page that changes with every campaign.
The home page opens with the brand promise. Right below it, “Únete al Club” (Join the Club) sends each visitor to what they’re looking for: a card, a savings plan, investments or insurance. From there, a run of large-format banners puts the spotlight on current campaigns, the benefits of membership and the rest of the Diners Club world.
The same site, made for the palm of your hand.
Personal and Business, web and app: four shortcuts up top and the rest of the catalog in an accordion.
“Únete al Club,” with large icons within easy reach of your thumb.
The banners rearrange into a vertical layout without losing impact.
Cards
Three brands, one system.
Diners Club, TITANIUM and Discover each have their own home page, card catalog and benefits. They share the same structure and components—header, product cards, banners—while the voice changes: Diners Club blue, TITANIUM black, Discover orange. Each brand is instantly recognizable, yet it’s all one site.
Features
Tools for choosing and applying.
-
01
A menu by product and by brand
A full-screen menu with tabs—Cards, Services, Savings, Investments and Insurance—that takes you straight to any product, with no intermediate pages.
-
02
Investment calculator
On the fixed-term investment certificate page, a calculator works out the return from the amount and term, alongside an FAQ accordion.
-
03
Step by step, as an infographic
Services that need some explaining, like cash advances, are laid out with icons and infographics: why to use them and how they work, in three steps.
-
04
Insurance you can apply for online
The Diners Care portfolio gives each insurance product its own card and its own apply button.
Beyond the card
Benefits, experiences and a dedicated Business section.
The site goes beyond the catalog. Benefits are organized by brand. Experiences works like a magazine, with paginated article listings that grow with every new post. And Business has its own navigation, with corporate cards and financial products.
Under the hood
Drupal at campaign speed.
With more than 400 live pages and a sales calendar that never stops, the platform has to support fast publishing without losing consistency.
Paragraphs + Layout Paragraphs
Banners, product cards, accordions, tables and carousels: a component library used to build every page.
Webform
A high volume of sign-up forms for marketing campaigns, built and managed right in Drupal.
Views + Slick Carousel
Listings that sort and paginate themselves—experiences, cards, benefits—and carousels to highlight content.
Ongoing maintenance
Continuous development on a live production site: new sections, improvements and day-to-day support.