This portfolio section brings together several energy-focused platforms I helped architect and build for the U.S. Department of Energy, the Colorado Energy Office, and a large private energy community. Across these projects, I was responsible for designing scalable Drupal architectures, implementing interactive data visualizations, building API-driven maps and calculators, and creating editorial workflows that let non-technical staff manage complex, constantly changing information.

The government-funded projects—Better Buildings Colorado and Refuel Colorado—required a mix of consumer-friendly UX, high-performance mapping, and custom tools to translate policy and incentives into clear, actionable guidance for the public. This included animated homepage components, spreadsheet-driven data imports, custom JavaScript calculators, and Google Calendar integrations that synchronized events automatically.

The private-sector project—Energy Central—involved building a community-driven content ecosystem using Organic Groups, with custom Q&A functionality, dynamic content streams, user hover-cards, and a fully version-controlled configuration pipeline to support continuous deployment.

Across all three platforms, the through-line was implementing systems that could both scale and self-maintain: automated imports, API synchronization, complex content models, and interactive UI components that made technical information accessible to broad audiences.

Category
Migrated Sites
Newly Built Sites
Energy
This screenshot shows the homepage for the Better Buildings Colorado initiative, built for the U.S. Department of Energy. Key homeowner questions animate in as sequential callouts to drive engagement and link users directly into deeper content. Beneath the hero panel, a custom Drupal-powered green-tile carousel provides interactive, category-based navigation, giving users quick access to core site pathways.
This screenshot shows an interactive Leaflet.js map displaying Colorado homes that received a Department of Energy Home Energy Score. Each marker loads drill-down details—score, location, and assigned realtor—pulled from data ingested through Drupal Feeds. Content admins could update the entire dataset by uploading a spreadsheet, which automatically refreshed all map markers and listing details without manual edits.
This screenshot introduces the Refuel Colorado website, a Colorado Energy Office initiative focused on educating the public about emerging alternative-fuel vehicles and technologies. It serves as the entry point to the site’s resources, tools, and incentive programs.
This screenshot shows Refuel Colorado’s interactive fuel-station locator, which allows users to filter nearby alternative-fuel sites by type, distance, and ZIP code. The map integrates Drupal with the Google Maps API to display real-time station markers for electric, biodiesel, natural gas, ethanol, hydrogen, and propane options. Users can apply multiple filters at once, and each marker reveals detailed station data for quick comparison.
This screenshot shows the Alternative Fuel Calculator, a custom JavaScript tool I built to replicate a complex Excel-based incentive model provided by the client. The calculator allows users to input vehicle type, MSRP, and other parameters to compute Colorado EV tax credits and post-credit pricing in real time. All formulas were ported from spreadsheets into client-side logic, with validations, dynamic field updates, and an integrated “Email Results” feature for exporting user scenarios.
This screenshot shows the site’s event calendar, which was fully synchronized with the organization’s Google Calendar via the Google API. Staff updated events, agendas, and attachments directly in Google Calendar, and those changes were automatically pulled into Drupal—populating both the monthly calendar view and the agenda list in the left column. Even PDF attachments added in Google Calendar were surfaced on the site without any manual content entry.
This screenshot shows the main content stream on the Energy Central platform, where posts from multiple content types are surfaced based on user communities via Organic Groups. I built several of these content types and their display patterns, wiring them into OG-driven feeds. The project followed an agile workflow using Git, CI, Drupal coding standards, and a Features-based config management stack to ensure all settings were cleanly version-controlled and deployable.
This screenshot highlights the custom Q&A system I built for Organic Groups communities, enabling members to subscribe to threads, receive notifications, and flag spam. It also shows the custom author-hover card I developed, which pulls in profile data, engagement stats, and a lightweight contact form—all rendered dynamically based on group membership and permissions.