Rebecca Negron

Client: National Institutes of Health — Center for Information Technology (CIT)
Role: Drupal Developer
CMS: Drupal 10

Project Overview

The Center for Information Technology (CIT) at NIH required a robust, modern website that would serve both the general public and NIH employees through a single, unified portal. The goal was to improve access to information and internal resources, while providing an intuitive, mobile-friendly experience for all users.

I was brought on to transform the approved visual design into a fully functional, responsive Drupal website.

Objectives

• Develop a secure, scalable website for public and employee-only access.
• Implement a custom Drupal 10 theme based on a designer’s mockups.
• Ensure a responsive layout for mobile, tablet, and desktop devices.
• Build an accessible, intuitive mobile navigation menu using modern ES6 JavaScript.
• Enable content editors to easily manage flexible page layouts with customizable paragraph types.

My Approach

1. Custom Drupal Theme Development
I built a custom theme from the ground up, ensuring that it adhered to the NIH’s branding guidelines while staying true to the designer’s vision. I leveraged Drupal 10’s theme layer and Twig templating system for clean, maintainable code.

2. Responsive Design
I ensured that every page element was fully responsive, testing across multiple devices and browsers to provide a seamless user experience for all audiences — whether accessing the portal from a desktop at work or a phone in the field.

3. Mobile Menu with ES6 JavaScript
To deliver an intuitive mobile experience, I developed a custom mobile navigation menu using modern ES6 JavaScript. The menu is lightweight, accessible, and easy to extend as the site grows.

4. Flexible Content Management
To empower the CIT team to create rich, varied content without developer intervention, I implemented customizable paragraph types. This gives content editors the ability to build complex page layouts — mixing text, images, downloads, and calls to action — while maintaining consistency and accessibility.

Impact

The new CIT website successfully supports both the general public and internal NIH staff with clear information architecture and secured employee-only areas. Content editors now have greater flexibility and control, reducing bottlenecks for routine updates. The mobile-friendly design ensures that critical information is available anytime, anywhere.

---

Key Technologies: Drupal 10, Twig, ES6 JavaScript, Responsive Design, Custom Paragraph Types

Role: End-to-end development — site build, theming, custom functionality, and deployment support.