Pantheon.com is the corporate site for Pantheon, a global private markets investment firm with $70B+ in AUM across private equity, infrastructure, real assets, and credit. I helped build a high-performance, CMS-driven site that highlights Pantheon’s expertise and institutional offerings through an accessible, modular design. The site supports seamless content updates, responsive layouts, and a scalable architecture optimized for long-term growth.
Homepage Experience
I developed the homepage hero and scroll-activated body section for Pantheon.com. The hero features layered motion, fade-ins, and responsive typography to create a strong first impression. The body section leverages scroll-based animations using GSAP and ScrollTrigger, smoothly revealing key content areas as the user scrolls. Components were thoughtfully adapted with slightly different layouts on mobile to enhance readability, optimize performance, and ensure a seamless user experience across all devices.
Homepage: Mobile Optimization
Components were thoughtfully adapted with slightly different layouts on mobile to enhance readability, optimize performance, and ensure a seamless user experience across all devices.
Global Navigation
The global navigation was built with interactivity and accessibility in mind. It features a smooth underline animation on hover, click-to-reveal dropdown submenus, and full keyboard navigation support using tab controls, ensuring WCAG 2.1 AA compliance. The layout is fully responsive, delivering a consistent experience across desktop and mobile devices.
Timeline Component
A custom interactive timeline component designed to showcase Pantheon’s history. Users can either drag the timeline wheel or use a dropdown menu to navigate to specific years. As users interact, both the content and background image update dynamically, creating a rich, immersive storytelling experience.
Mobile Timeline Experience
The timeline component features a mobile-specific layout optimized for touch interaction, ensuring smooth performance and a responsive experience across all devices.
Leadership Component
A dynamic Leadership Component that displays selected team members, fully manageable through the CMS. Admins can assign specific leaders to appear in this section, and each leadership tile is clickable, linking to a dedicated detail page for that individual. Designed for flexibility, easy content updates, and smooth user navigation.
Related Content Component
A flexible Related Content Component designed to feature curated articles. Users can browse and access articles by clicking on individual tiles. Content is fully managed through the CMS, allowing admins to organize featured posts by type, topic, or publication date, ensuring relevance and editorial control across pages.
Office Locations Accordion
A custom Accordion Component designed to display over 10 global office locations in a compact layout. Each city name acts as a toggle — clicking it reveals detailed office information. This approach keeps the interface clean and user-friendly while allowing quick access to regional details. Fully responsive and CMS-manageable.
Post Type Hub Template
This template was built to support multiple content types on Pantheon.com, including News, Insights, and Team posts. Developed with Vue.js for dynamic filtering and interactivity. End users can filter article lists by topic, year, office location, or department, enabling an intuitive and scalable content discovery experience.
News, Insights, Event & Team Detail Pages
Custom individual post pages were developed for Pantheon’s News, Insights, Events, and Team content types. Each page is dynamically generated and CMS-managed. For News and Insights posts, built-in sharing options—including LinkedIn, copy link, and email—make it easy for users to distribute content across platforms.
Search & Tag Filtering
The site supports both keyword search and tag-based filtering to help users easily navigate content. Users can enter terms in the global search bar to view relevant articles across post types, or click on tags attached to articles (e.g., “Real Estate”) to narrow results by topic.
