The MADE FOR THIS campaign site supports Duke University’s mission to rally its global alumni and community around key initiatives. It highlights the university’s efforts to drive impact in science and technology, climate, student experience, and health—areas where Duke is uniquely positioned to lead. The site presents these priorities through a clean, accessible design that invites exploration and support.
Accessible Main Menu
The site’s main navigation is designed for clarity and accessibility, supporting keyboard tab navigation for inclusive user interaction. The dropdown structure clearly organizes campaign priorities—including science, climate, student experience, and health.
Featured Article Carousel
This visually engaging carousel highlights featured stories from the “Made for Impact” campaign. Each slide presents a headline, imagery, and contributor details, with smooth transitions and navigation controls. A subtle gradient line animation appears on hover over the title, adding an interactive visual cue that draws attention and enhances user engagement.
Quote
A clean, visually balanced component that features a prominent quote alongside a portrait and attribution. This module is used to highlight voices from the Duke community and is designed to be both accessible and responsive, adding a personal, human element to the campaign storytelling.
Leadership Grid
Article Page
The article page supports rich, dynamic storytelling powered by a CMS-driven rich text editor. Content editors can embed images, videos, pull quotes, and author lists directly into the article body, enabling flexible and engaging content creation. The layout is clean, accessible, and optimized for long-form reading. Each article also includes built-in social sharing options, allowing users to easily share stories across platforms like Facebook, X (Twitter), and LinkedIn.
