Introduction
Redenlab needed a powerful digital platform to manage complex clinical trial data while maintaining a consistent visual identity. The goal was to create a system that could scale across multiple neurological conditions, display multi-phase trial data, manage an expanding library of scientific publications, and maintain a cohesive design—without sacrificing usability for non-technical users.
Challenges & Solutions
1. Data Architecture & Content Management
Managing clinical trial pipelines across 59 neurological conditions, each with five phases, required a custom-built content architecture. We designed a flexible content system with seven custom post types (Indications, Pipeline Summaries, Publications, Partners, People, Solutions, Stories), making it easy for the research team to update information—much like writing a blog post—while keeping everything structured and reliable. The pipeline summary system tracks publications with auto-extracted metadata from DOI and PubMed, ensuring real-time accuracy.
2. Data Visualization & Interactive Pipeline Table
Researchers needed an efficient way to compare trial progress across all conditions. We created an interactive, searchable, and sortable pipeline table that displays live data for all 59 conditions. The table is fully responsive, with sticky headers and real-time filtering, transforming what would traditionally be a static spreadsheet into a dynamic research tool that works seamlessly on any device.
3. Design Consistency & Visual Identity
Redenlab’s platform needed to reflect their strong visual identity while maintaining a flexible design system. We built a token-based design system with 240 CSS variables to standardize colors, typography, spacing, and radii. From animated feature cards to duotone image effects, this ensured pixel-perfect consistency while still allowing room for creative flexibility. We also delivered a web-based style guide, enabling the client’s IT team to extend the brand seamlessly across other digital products.
4. Performance & Animation Optimization
The platform features scroll-triggered animations, parallax effects, animated counters, and video backgrounds—powered by a self-hosted GSAP framework. Every animation respects the user’s accessibility preferences, with motion reduced when necessary. Asset loading is optimized: pipeline CSS loads only when needed, and animations trigger on scroll events, ensuring the platform runs smoothly and achieves optimal page load performance (LCP scores).
5. Content Autonomy & Editorial Workflow
Instead of locking content into a visual builder, we created a hybrid system. Bricks Builder controls the layout and templates, while Gutenberg handles the editorial content. This separation allows the research team to publish news, update publications, and manage team profiles without the risk of breaking the design system—ensuring their focus stays on science, not web development.
6. Discoverability & Research Access
We implemented a powerful search feature with global site search modal, grouping results across nine content types, and allowing for easy keyboard navigation and instant filtering. Additionally, a publication tag search with autocomplete enables researchers to filter the expanding library by topic. A unified content feed combines news, events, and publications, making it easier to discover relevant research—all in real-time and client-side for a smooth experience.
Conclusion
The Redenlab platform is a prime example of how a well-thought-out content architecture and a robust design system can transform complex scientific data into an accessible, engaging user experience. With seven custom content types, a 240-variable design token system, interactive data visualizations, and a detailed style guide for cross-product brand consistency, the platform is built to scale alongside Redenlab’s expanding research portfolio.
What started as a website project has evolved into a full digital infrastructure for a neuroscience research company—empowering their team to manage clinical data independently while ensuring the visual precision their stakeholders expect.