Explore my work at C&EN

Published experiences, reusable components, and production tools—organized by what I contributed

Different Work Requires Different Skills

An article link only shows the finished page. This index makes the work behind it easier to understand by separating the published format, the tasks I handled, and the interface components or patterns involved. Filters can be combined, so a hiring manager can look specifically for interaction design, data visualization, responsive production, or a particular kind of reader experience.

Credits remain attached to every entry. C&EN publishing is collaborative, and this page is intended to make my contribution clearer—not to collapse reporting, editing, art direction, design, and development into a single role.

Published Work

Article or experience type

What I worked on

Components and patterns

Showing all 83 published projects

Scrollytelling feature

How Plastic Pyrolysis Works

A four-stage scrolling explainer follows hard-to-recycle plastics through pretreatment, pyrolysis, upgrading, and conversion into new chemical feedstocks.

My contribution

  • Editorial UX
  • Front-end development
  • Feature production

Components and patterns

  • Narrative navigation
  • Long-form integration
  • Responsive layout

By Leigh Krietsch Boerner; scrollytelling graphic credited to Shea Murphy/C&EN.

Data-driven feature

AI and Chemistry Patents

Two coordinated charts separate the rapid growth of artificial-intelligence patents overall from the later rise of AI-related chemistry applications.

My contribution

  • Data visualization
  • Editorial UX

Components and patterns

  • Responsive charts
  • Data comparison
  • Narrative context

By Justin Krieger, special to C&EN; graphics credited to Shea Murphy/C&EN.

Photo story

ACS Fall 2026 Reporter’s Notebook

A five-day visual notebook that turns meeting photography and short field reports into a paced, chronological experience rather than a conventional article gallery.

My contribution

  • Editorial UX
  • Front-end development
  • Feature production

Components and patterns

  • Narrative navigation
  • Photo-led storytelling
  • Responsive layout

By Sara Cottle; digital experience credited to Shea Murphy/C&EN.

Interactive reader experience

Build a Smoky Flavor

A hands-on flavor builder invites readers to combine three compounds, then scores the blend and visualizes its smoky, phenolic, roasted, and woody profile.

My contribution

  • Interaction design
  • UX engineering
  • Front-end development

Components and patterns

  • Reader participation
  • Results states
  • Responsive layout

By Matt Blois; interactive experience credited to Shea Murphy/C&EN.

Data-driven feature

Cities of Chemistry

An interactive guide to the research, industry, funding, and start-up ecosystems that shape where chemistry careers can grow.

My contribution

  • Data visualization
  • Editorial UX
  • UX engineering
  • Front-end development

Components and patterns

  • Interactive maps
  • Data comparison
  • Narrative navigation

By Rowan Walrath and Shea Murphy.

News data visualization

Comparing Energy Density

A comparative energy-density graphic explains why iron powder can compete with familiar fuels by separating mass-based and volume-based performance.

My contribution

  • Data visualization
  • Editorial UX

Components and patterns

  • Responsive charts
  • Data comparison
  • Narrative context

By Prachi Patel; data graphic credited to Shea Murphy/C&EN.

News data visualization

Chemical Plant Accident Data

A focused data graphic gives readers historical context for a recent rise in fatal chemical accidents and makes a complicated federal reporting record easier to interpret.

My contribution

  • Data visualization
  • Editorial UX

Components and patterns

  • Responsive charts
  • Data comparison
  • Narrative context

Reported by Jeff Johnson; data graphic credited to Shea Murphy/C&EN.

Data-driven feature

Mechanochemistry Patent Trends

A seven-chart visual system compares research and patent activity, reaction methods, applications, companies, countries, and universities without losing the thread of the story.

My contribution

  • Data visualization
  • Editorial UX

Components and patterns

  • Responsive charts
  • Data comparison
  • Narrative context

By Michael McCoy; charts credited to Shea Murphy/C&EN.

News data visualization

Classical vs. Quantum Simulation

A multi-series chart compares classical and quantum simulations of magnetization, marking the point where classical models cease to match quantum predictions.

My contribution

  • Data visualization
  • Editorial UX

Components and patterns

  • Responsive charts
  • Data comparison
  • Narrative context

By Ananya Palivela; data graphic credited to Shea Murphy/C&EN.

Scrollytelling feature

Clinical Candidates: Chicago

A responsive scrolling reference presents 13 molecular structures with targets, disease areas, clinical phases, and related reporting while keeping a dense scientific roster easy to scan.

My contribution

  • Editorial UX
  • Front-end development
  • Feature production

Components and patterns

  • Narrative navigation
  • Long-form integration
  • Responsive layout

By Bethany Halford and Brianna Barbu; collaborative C&EN scrollytelling production.

News data visualization

Second-Quarter Chemical Earnings

A compact responsive results table compares year-over-year sales and earnings across 11 major chemical companies, using directional cues and mobile labels to keep large percentage changes readable.

My contribution

  • Data visualization
  • Editorial UX
  • Front-end development

Components and patterns

  • Responsive tables
  • Data comparison
  • Narrative context

By Alexander Tullo; data table credited to Shea Murphy/C&EN.

Data-driven feature

Pesticide Use in Bangladesh

Two responsive time-series graphics place Bangladesh’s rising pesticide use beside the long-term growth in agricultural output, supporting a nuanced public-health investigation.

My contribution

  • Data visualization
  • Editorial UX

Components and patterns

  • Responsive charts
  • Data comparison
  • Narrative context

By Zakir Hossain Chowdhury, special to C&EN; graphics credited to Shea Murphy/C&EN.

News data visualization

US Cleantech Investment

A stacked investment chart shows how US support shifted across batteries, critical minerals, and other clean technologies through two administrations.

My contribution

  • Data visualization
  • Editorial UX

Components and patterns

  • Responsive charts
  • Data comparison
  • Narrative context

By Matt Blois; data graphic credited to Shea Murphy/C&EN.

Interactive data explorer

Global Top 50 Data Explorer

A decade-plus interactive database lets readers search, filter, and compare the world’s largest chemical companies by year, financial metric, sector, region, and company while surfacing changes in rank and market concentration.

My contribution

  • Data visualization
  • Interaction design
  • UX engineering
  • Front-end development

Components and patterns

  • Data filtering
  • Interactive maps
  • Data comparison
  • Responsive layout

By Alexander Tullo; interactive data experience credited to Shea Murphy/C&EN.

Scrollytelling feature

Designing a Sustainable Moon Base

A space-focused scrollytelling feature shows how closed-loop materials, recycling, and resource constraints change the design of long-duration lunar habitats.

My contribution

  • Editorial UX
  • Front-end development
  • Feature production

Components and patterns

  • Narrative navigation
  • Long-form integration
  • Responsive layout

By Brianna Barbu; collaborative C&EN scrollytelling production.

Interactive explainer

Explore the Solar System

An interactive solar-system journey combines planetary imagery, comparative chemistry, and progressive navigation to show what makes Earth chemically distinctive.

My contribution

  • Editorial UX
  • Interaction design
  • Front-end development

Components and patterns

  • Interactive navigation
  • Data comparison
  • Responsive layout

By Fionna Samuels; collaborative C&EN interactive production.

Editorial package

To the Moon, Mars, and Beyond

A custom space-exploration hub connects reporting on propulsion, planetary chemistry, food, and sustainable habitats through a cohesive visual system and topic navigation.

My contribution

  • Editorial UX
  • Front-end development
  • Feature production

Components and patterns

  • Package navigation
  • Long-form integration
  • Responsive layout

Collaborative C&EN special package.

News data visualization

Rare-Earth Supply Chain

A compact supply-chain graphic shows where mining, refining, metal production, and magnet manufacturing are concentrated, helping readers see the geopolitical challenge at a glance.

My contribution

  • Data visualization
  • Editorial UX

Components and patterns

  • Data comparison
  • Narrative context
  • Responsive layout

By Stefan Lovgren, special to C&EN; data graphic credited to Shea Murphy/C&EN.

Scrollytelling feature

How the Body Uses Glycogen

A scrolling biochemical explainer follows the conversion of carbohydrates into glycogen and ATP, connecting molecular processes to athletic performance.

My contribution

  • Editorial UX
  • Front-end development
  • Feature production

Components and patterns

  • Narrative navigation
  • Long-form integration
  • Responsive layout

By Bethany Halford; scrollytelling graphic credited to Shea Murphy/C&EN.

News data visualization

Laundry Detergent Habits

A reader-friendly survey graphic compares the detergent formats people use and highlights the gap between consumer habits and what appears on store shelves.

My contribution

  • Data visualization
  • Editorial UX

Components and patterns

  • Responsive charts
  • Data comparison
  • Narrative context

By Craig Bettenhausen; data graphic credited to Shea Murphy/C&EN.

Scrollytelling feature

Inside Self-Driving Labs

A visual explainer walks through the feedback loop between robotics, experiments, data, and machine learning that powers an autonomous laboratory.

My contribution

  • Editorial UX
  • Front-end development
  • Feature production

Components and patterns

  • Narrative navigation
  • Long-form integration
  • Responsive layout

By Aayushi Pratap; collaborative C&EN scrollytelling production.

Data-driven feature

Cyclic-Peptide Patent Trends

A seven-chart patent package moves from field-wide growth to therapeutic areas, molecular modifications, delivery strategies, companies, and universities.

My contribution

  • Data visualization
  • Editorial UX

Components and patterns

  • Responsive charts
  • Data comparison
  • Narrative context

By Michael McCoy; charts credited to Shea Murphy/C&EN.

Interactive infographic

Sustainable Rare-Earth Mining

A stepped infographic compares two ionic-adsorption-clay mining routes and helps readers follow how rare-earth material moves from clay deposits toward magnet production.

My contribution

  • Data visualization
  • Editorial UX
  • Front-end development

Components and patterns

  • Data comparison
  • Narrative context
  • Responsive layout

By Matt Blois; interactive infographic credited to Shea Murphy/C&EN.

News data visualization

Federal Permitting Reform Bills

A responsive legislative table distills seven major permitting bills into sponsors, policy effects, dates, and current status without forcing readers through dense congressional records.

My contribution

  • Data visualization
  • Editorial UX
  • Front-end development

Components and patterns

  • Responsive tables
  • Data comparison
  • Narrative context

By Alex Music, special to C&EN; table credited to Shea Murphy/C&EN.

Scrollytelling feature

Explaining Biological Homochirality

A seven-step scrolling explainer introduces molecular geometry and chirality through coordinated 3D illustrations, concise text, and screen-reader descriptions.

My contribution

  • Editorial UX
  • Interaction design
  • Front-end development

Components and patterns

  • Narrative navigation
  • Long-form integration
  • Responsive layout

By Rachel Brazil, special to C&EN; scrollytelling graphic credited to Shea Murphy/C&EN.

Interactive infographic

Sulfuric Acid Supply Chain

A custom full-width infographic traces how sulfuric acid is made, maps disrupted trade routes, and connects shortages to fertilizer, mining, batteries, and other industries.

My contribution

  • Data visualization
  • Editorial UX
  • Front-end development

Components and patterns

  • Interactive maps
  • Data comparison
  • Responsive layout

By Matt Blois; custom infographic credited to Shea Murphy/C&EN.

Editorial package

2026 Talented Twelve

A multi-profile annual package that combines maps, cohort statistics, illustrations, and twelve scientist stories within one consistent reader journey.

My contribution

  • Feature production
  • Front-end development
  • Responsive QA

Components and patterns

  • Profile navigation
  • Package navigation
  • Responsive layout

Collaborative C&EN package; Shea Murphy credited as a web producer.

Data-driven feature

Comparing Spatial-Biology Tools

A responsive comparison table organizes spatial-biology platforms by measurement type, scale, resolution, and data output so readers can evaluate a fast-moving technical landscape.

My contribution

  • Data visualization
  • Editorial UX
  • Front-end development

Components and patterns

  • Responsive tables
  • Data comparison
  • Narrative context

By Laurel Oldach; comparison table credited to Shea Murphy/C&EN.

Data-driven feature

China’s Chemistry Patent Growth

A coordinated set of charts and a proportional block graphic helps readers follow decades of patent activity across countries, institutions, and technology classes.

My contribution

  • Data visualization
  • Editorial UX

Components and patterns

  • Responsive charts
  • Data comparison
  • Narrative context

By Jason Lye, special to C&EN; graphics credited to Shea Murphy/C&EN.

Scrollytelling feature

Making the Giant Magellan Mirrors

A scroll-driven process story follows the casting and finishing of enormous telescope mirrors, matching each manufacturing stage to detailed photography.

My contribution

  • Editorial UX
  • Front-end development
  • Feature production

Components and patterns

  • Narrative navigation
  • Photo-led storytelling
  • Responsive layout

By Fionna Samuels; collaborative C&EN scrollytelling production.

Interactive crossword

Periodic Expansions

A responsive chemistry crossword uses a shared interactive engine with adaptive cell sizing, keyboard-friendly clue navigation, progress controls, and a layout that remains playable on small screens.

My contribution

  • UX engineering
  • Front-end development
  • Responsive QA

Components and patterns

  • Reader participation
  • Game progression
  • Responsive layout

Puzzle by Marcia Lysakowski Brott and George Barany; interactive crossword production for C&EN.

Scrollytelling feature

Analyzing Micro- and Nanoplastics

A four-stage scrolling explainer makes a complex analytical workflow understandable, moving from controlled sample collection and preparation through instrument analysis and quality control.

My contribution

  • Editorial UX
  • Front-end development
  • Feature production

Components and patterns

  • Narrative navigation
  • Long-form integration
  • Responsive layout

By Alex Scott; scrollytelling graphic credited to Shea Murphy/C&EN.

News data visualization

The Market for Fraudulent Authorship

A focused data graphic turns a large collection of paper-mill advertisements into a clear comparison of publishers named in fraudulent authorship offers.

My contribution

  • Data visualization
  • Editorial UX

Components and patterns

  • Responsive charts
  • Data comparison
  • Narrative context

By Dalmeet Singh Chawla, special to C&EN; data graphic credited to Shea Murphy/C&EN.

News data visualization

Chemical Commercialization Under TSCA

A historical bar chart shows how notices for newly commercialized chemicals changed before and after the 2016 TSCA amendments.

My contribution

  • Data visualization
  • Editorial UX

Components and patterns

  • Responsive charts
  • Data comparison
  • Narrative context

By Joe Beeton, special to C&EN; data graphic credited to Shea Murphy/C&EN.

News data visualization

NSF Fellowship Data

Two responsive graphics compare fellowship awards across fields and make the chemistry subdiscipline breakdown legible despite many small categories.

My contribution

  • Data visualization
  • Editorial UX

Components and patterns

  • Responsive charts
  • Data comparison
  • Narrative context

By Krystal Vasquez; graphics credited to Shea Murphy/C&EN.

Data-driven feature

Anesthesia’s Climate Impact

Comparative graphics translate abstract greenhouse-gas measurements into familiar driving distances and reveal how anesthetic emissions vary around the world.

My contribution

  • Data visualization
  • Editorial UX

Components and patterns

  • Responsive charts
  • Data comparison
  • Narrative context

By Prachi Patel; graphics credited to Shea Murphy/C&EN.

Long-form feature

Community Air Monitoring

A map grounds a long-form investigation in place by connecting Louisiana communities, industrial facilities, and air-monitoring locations along the Mississippi River corridor.

My contribution

  • Data visualization
  • Editorial UX
  • Feature production

Components and patterns

  • Interactive maps
  • Narrative context
  • Long-form integration

By Priyanka Runwal; map credited to Shea Murphy/C&EN.

Interactive crossword

pHun Time

A responsive chemistry crossword uses a shared interactive engine with adaptive cell sizing, keyboard-friendly clue navigation, progress controls, and a layout that remains playable on small screens.

My contribution

  • UX engineering
  • Front-end development
  • Responsive QA

Components and patterns

  • Reader participation
  • Game progression
  • Responsive layout

Puzzle by George Barany and Irene Cesa; interactive crossword production for C&EN.

Scrollytelling feature

How Forward Funding Changes NIH Grants

An accessible nine-step data story compares annual and forward-funded NIH grants, showing how payment timing can reduce the number of new projects supported by the same budget.

My contribution

  • Data visualization
  • Editorial UX
  • Front-end development

Components and patterns

  • Narrative navigation
  • Responsive charts
  • Accessible data descriptions

By Laura Dattaro, special to C&EN; scrolling data graphic credited to Shea Murphy/C&EN.

Scrollytelling feature

Clinical Candidates: Atlanta

A reusable first-disclosures experience pairs drug structures with concise development context, adapting a large technical collection for continuous reading on desktop and mobile.

My contribution

  • Editorial UX
  • Front-end development
  • Feature production

Components and patterns

  • Narrative navigation
  • Long-form integration
  • Responsive layout

By Brianna Barbu; collaborative C&EN scrollytelling production.

Scrollytelling feature

Explaining Indirect Research Costs

A scrolling explainer makes the FAIR indirect-cost model concrete by progressively revealing how university research expenses are categorized and reimbursed.

My contribution

  • Editorial UX
  • Front-end development
  • Feature production

Components and patterns

  • Narrative navigation
  • Long-form integration
  • Responsive layout

By Krystal Vasquez; collaborative C&EN scrollytelling production.

Interactive crossword

Transmutation

A responsive chemistry crossword uses a shared interactive engine with adaptive cell sizing, keyboard-friendly clue navigation, progress controls, and a layout that remains playable on small screens.

My contribution

  • UX engineering
  • Front-end development
  • Responsive QA

Components and patterns

  • Reader participation
  • Game progression
  • Responsive layout

Puzzle by Marcia Lysakowski Brott and George Barany; interactive crossword production for C&EN.

News data visualization

How the FDA Approves Vaccines

A seven-stage workflow clarifies the years-long path from preliminary sponsor meetings and clinical trials through regulatory review, approval, and commercial launch.

My contribution

  • Data visualization
  • Editorial UX
  • Front-end development

Components and patterns

  • Process visualization
  • Narrative context
  • Responsive layout

By Laurel Oldach; FDA vaccine approval workflow credited to Shea Murphy/C&EN.

Interactive game

Periodic Table Challenge

A timed or endless recall game with persistent personal bests and a leaderboard, designed to make all 118 elements feel inviting rather than intimidating.

My contribution

  • UX engineering
  • Interaction design
  • Front-end development

Components and patterns

  • Reader participation
  • Game progression
  • Persistent game state
  • Results states

By Shea Murphy.

Scrollytelling feature

How Thermal Batteries Work

A three-stage explainer shows how industrial thermal batteries charge, store renewable energy as heat, and discharge it for chemical-plant operations.

My contribution

  • Editorial UX
  • Front-end development
  • Feature production

Components and patterns

  • Narrative navigation
  • Long-form integration
  • Responsive layout

By Craig Bettenhausen; collaborative C&EN scrollytelling production.

Interactive crossword

ACS Sesquicentennial

A responsive chemistry crossword uses a shared interactive engine with adaptive cell sizing, keyboard-friendly clue navigation, progress controls, and a layout that remains playable on small screens.

My contribution

  • UX engineering
  • Front-end development
  • Responsive QA

Components and patterns

  • Reader participation
  • Game progression
  • Responsive layout

Puzzle by George Barany and Irene Cesa; interactive crossword production for C&EN.

Interactive explainer

A Guide to Skin-Care Acids

A coordinated scrolling guide and card system helps readers compare seven skin-care acids, what each one does, and where ingredient claims require context.

My contribution

  • Editorial UX
  • Front-end development
  • Feature production

Components and patterns

  • Comparison cards
  • Narrative navigation
  • Responsive layout

By Craig Bettenhausen; collaborative C&EN interactive production.

Interactive crossword

Quantum Leapers

A responsive chemistry crossword uses a shared interactive engine with adaptive cell sizing, keyboard-friendly clue navigation, progress controls, and a layout that remains playable on small screens.

My contribution

  • UX engineering
  • Front-end development
  • Responsive QA

Components and patterns

  • Reader participation
  • Game progression
  • Responsive layout

Puzzle by Christopher Adams and George Barany; interactive crossword production for C&EN.

Interactive crossword

Chemistry Makes Scents

A responsive chemistry crossword uses a shared interactive engine with adaptive cell sizing, keyboard-friendly clue navigation, progress controls, and a layout that remains playable on small screens.

My contribution

  • UX engineering
  • Front-end development
  • Responsive QA

Components and patterns

  • Reader participation
  • Game progression
  • Responsive layout

Puzzle by Irene Cesa and George Barany; interactive crossword production for C&EN.

Editorial package

2026 World Chemical Outlook

A coordinated annual outlook gives readers a consistent route through regional and sector reporting while keeping a large multi-author package coherent across screen sizes.

My contribution

  • Editorial UX
  • Interaction design
  • Responsive QA

Components and patterns

  • Package navigation
  • Long-form integration
  • Responsive layout

Collaborative C&EN package; Shea Murphy credited as UX designer.

Data-driven feature

2025 ACS Salary Survey

An interactive analysis of compensation, employment, geography, and demographics that turns a dense member survey into an approachable visual narrative.

My contribution

  • Data visualization
  • Editorial UX

Components and patterns

  • Responsive charts
  • Narrative navigation
  • Data comparison

By Delger Erdenesanaa and Shea Murphy; graphics credited to Shea Murphy/C&EN.

Scrollytelling feature

Semaglutide’s Global Patent Expirations

A globe-led scrollytelling experience compares five major markets where semaglutide patents are expiring, pairing each country with population, obesity, and diabetes context.

My contribution

  • Data visualization
  • Editorial UX
  • Front-end development

Components and patterns

  • Interactive globe
  • Data comparison
  • Responsive layout

By Aayushi Pratap; collaborative C&EN data visualization.

Scrollytelling feature

How Road Salt Melts Ice

A responsive scrolling explainer shows how dissolved ions lower water’s freezing point and why different deicing salts stop working at different temperatures.

My contribution

  • Editorial UX
  • Front-end development
  • Feature production

Components and patterns

  • Narrative navigation
  • Data comparison
  • Responsive layout

By Fionna Samuels; collaborative C&EN data presentation.

Interactive crossword

Searching the Literature

A responsive chemistry crossword uses a shared interactive engine with adaptive cell sizing, keyboard-friendly clue navigation, progress controls, and a layout that remains playable on small screens.

My contribution

  • UX engineering
  • Front-end development
  • Responsive QA

Components and patterns

  • Reader participation
  • Game progression
  • Responsive layout

Puzzle by Irene Cesa and George Barany; interactive crossword production for C&EN.

Interactive reader experience

Chempics Bracket Challenge

A multi-round reader voting experience that turns C&EN's Chemistry in Pictures finalists into an evolving tournament.

My contribution

  • Editorial UX
  • Interaction design
  • Front-end development

Components and patterns

  • Reader participation
  • Game progression
  • Results states

By Manny I. Fox Morone and Shea Murphy.

Scrollytelling feature

Quantum Computing Explained

A visual scrolling sequence breaks quantum-computing concepts into paced steps, combining technical explanation with motion and responsive illustrations.

My contribution

  • Editorial UX
  • Front-end development
  • Feature production

Components and patterns

  • Narrative navigation
  • Long-form integration
  • Responsive layout

By Elizabeth Walsh; collaborative C&EN scrollytelling production.

Interactive crossword

Say Aha!

A responsive chemistry crossword uses a shared interactive engine with adaptive cell sizing, keyboard-friendly clue navigation, progress controls, and a layout that remains playable on small screens.

My contribution

  • UX engineering
  • Front-end development
  • Responsive QA

Components and patterns

  • Reader participation
  • Game progression
  • Responsive layout

Puzzle by Marcia Lysakowski Brott and George Barany; interactive crossword production for C&EN.

Editorial package

2025 Start-Ups to Watch

An annual package brings ten company profiles into a shared reader journey with clear profile navigation and a consistent responsive presentation.

My contribution

  • Editorial UX
  • Feature production
  • Responsive QA

Components and patterns

  • Profile navigation
  • Package navigation
  • Responsive layout

Collaborative C&EN package; Shea Murphy credited as UX designer.

Scrollytelling feature

Inside a Dengue Human Challenge Trial

A full-screen narrative follows a reporter through a human challenge trial, synchronizing first-person reporting with imagery while retaining a complete linear mobile reading path.

My contribution

  • Editorial UX
  • Front-end development
  • Feature production

Components and patterns

  • Narrative navigation
  • Photo-led storytelling
  • Responsive layout

By Max Barnhart; collaborative C&EN scrollytelling production.

Scrollytelling feature

AI Across Drug Discovery

A four-stage explainer traces where artificial intelligence enters the drug-development pipeline, from target discovery and molecule design through manufacturing and clinical trials.

My contribution

  • Editorial UX
  • Data visualization
  • Front-end development

Components and patterns

  • Narrative navigation
  • Long-form integration
  • Responsive layout

By Aayushi Pratap; collaborative C&EN scrollytelling and data production.

Interactive crossword

A Mountain of Meanings

A responsive chemistry crossword uses a shared interactive engine with adaptive cell sizing, keyboard-friendly clue navigation, progress controls, and a layout that remains playable on small screens.

My contribution

  • UX engineering
  • Front-end development
  • Responsive QA

Components and patterns

  • Reader participation
  • Game progression
  • Responsive layout

Puzzle by George Barany and Michael Hanko; interactive crossword production for C&EN.

Editorial package

2025 Trailblazers

An accessible multi-story package brings together profiles of disabled chemists, a guest editor’s perspective, and a large multidisciplinary production team.

My contribution

  • Editorial UX
  • Interaction design
  • Responsive QA

Components and patterns

  • Profile navigation
  • Package navigation
  • Responsive layout

Collaborative C&EN package; Shea Murphy credited as UX designer.

Interactive crossword

Off the Table

A responsive chemistry crossword uses a shared interactive engine with adaptive cell sizing, keyboard-friendly clue navigation, progress controls, and a layout that remains playable on small screens.

My contribution

  • UX engineering
  • Front-end development
  • Responsive QA

Components and patterns

  • Reader participation
  • Game progression
  • Responsive layout

Puzzle by Charles M. Deber and George Barany; interactive crossword production for C&EN.

Scrollytelling feature

Clinical Candidates: Washington

A structured scrolling presentation turns 13 clinical-candidate disclosures into a consistent visual sequence of molecular structures and essential development details.

My contribution

  • Editorial UX
  • Front-end development
  • Feature production

Components and patterns

  • Narrative navigation
  • Long-form integration
  • Responsive layout

By Brianna Barbu and Bethany Halford; collaborative C&EN scrollytelling production.

Interactive crossword

WAcKY ReAcTiONS

A responsive chemistry crossword uses a shared interactive engine with adaptive cell sizing, keyboard-friendly clue navigation, progress controls, and a layout that remains playable on small screens.

My contribution

  • UX engineering
  • Front-end development
  • Responsive QA

Components and patterns

  • Reader participation
  • Game progression
  • Responsive layout

Puzzle by Daniel Bodily and George Barany; interactive crossword production for C&EN.

Editorial package

Living at Wildfires’ Edge

A multi-story package gives wildfire reporting a unified visual identity and clear pathways among science, community, and adaptation stories.

My contribution

  • Editorial UX
  • Front-end development
  • Feature production

Components and patterns

  • Package navigation
  • Long-form integration
  • Responsive layout

By Prachi Patel, Priyanka Runwal, and Fionna Samuels; collaborative C&EN package production.

Interactive infographic

How the FDA Reviews New Drugs

A seven-step responsive workflow clarifies where the FDA enters drug development and how small molecules and biological products follow related approval paths.

My contribution

  • Information design
  • Editorial UX
  • Front-end development

Components and patterns

  • Process timeline
  • Responsive layout
  • Narrative context

By Laurel Oldach; workflow graphic credited to Shea Murphy/C&EN.

Scrollytelling feature

Bhopal, 40 Years Later

A long-form visual investigation revisits Bhopal through coordinated reporting, photography, maps, and scrolling story moments designed for a difficult, human-centered narrative.

My contribution

  • Editorial UX
  • Front-end development
  • Feature production

Components and patterns

  • Narrative navigation
  • Photo-led storytelling
  • Responsive layout

By Priyanka Runwal; collaborative C&EN scrollytelling production.

Editorial package

Fascinating Findings of 2024

A year-end scrolling collection gives distinct scientific discoveries a shared rhythm and visual framework without flattening their individual stories.

My contribution

  • Editorial UX
  • Front-end development
  • Feature production

Components and patterns

  • Package navigation
  • Narrative navigation
  • Responsive layout

By Prachi Patel; collaborative C&EN year-end feature production.

Editorial package

Chemistry to Watch in 2025

A forward-looking year-end feature moves readers through emerging research and industry topics with a consistent responsive storytelling system.

My contribution

  • Editorial UX
  • Front-end development
  • Feature production

Components and patterns

  • Package navigation
  • Narrative navigation
  • Responsive layout

By Mitch Jacoby; collaborative C&EN year-end feature production.

Data-driven feature

Key FDA Approvals

A visual approvals package combines scrolling editorial context with a structured drug reference, making a high-volume annual data set easier to browse and compare.

My contribution

  • Data visualization
  • Editorial UX
  • Front-end development

Components and patterns

  • Data filtering
  • Data comparison
  • Responsive layout

By Sarah Braner and Bethany Halford; collaborative C&EN interactive production.

Editorial package

Pharma’s 2024 in Review

A year-in-pharma sequence turns major events into a paced visual recap with reusable navigation and responsive story states.

My contribution

  • Editorial UX
  • Front-end development
  • Feature production

Components and patterns

  • Package navigation
  • Narrative navigation
  • Responsive layout

By Laura Howes; collaborative C&EN year-end feature production.

Scrollytelling feature

Inside Iceland’s Volcanic History

A visual journey through Icelandic lava tunnels uses layered imagery and scroll-driven transitions to connect geological evidence with the island’s volcanic history.

My contribution

  • Editorial UX
  • Front-end development
  • Feature production

Components and patterns

  • Narrative navigation
  • Long-form integration
  • Responsive layout

By Craig Bettenhausen; collaborative C&EN scrollytelling production.

Interactive crossword

“C&E” News Crossword

A responsive chemistry crossword uses a shared interactive engine with adaptive cell sizing, keyboard-friendly clue navigation, progress controls, and a layout that remains playable on small screens.

My contribution

  • UX engineering
  • Front-end development
  • Responsive QA

Components and patterns

  • Reader participation
  • Game progression
  • Responsive layout

Puzzle by Bec Roldan; interactive crossword production for C&EN.

Editorial package

2024 Trailblazers

A multilingual Trailblazers package brings together profiles and perspectives on Latin American science through a coordinated, responsive reader experience.

My contribution

  • Editorial UX
  • Interaction design
  • Responsive QA

Components and patterns

  • Multilingual content
  • Package navigation
  • Responsive layout

By Alán Aspuru-Guzik, special to C&EN; Shea Murphy credited as UX designer.

Scrollytelling feature

Sickle Cell Disease in India

A responsive visual narrative combines reporting, illustrations, and progressive reveals to explain the scientific and structural barriers surrounding sickle cell care in India.

My contribution

  • Editorial UX
  • Front-end development
  • Feature production

Components and patterns

  • Narrative navigation
  • Long-form integration
  • Responsive layout

By Priyanka Runwal; collaborative C&EN scrollytelling production.

Interactive crossword

Find the Chemistry Joke

A responsive chemistry crossword uses a shared interactive engine with adaptive cell sizing, keyboard-friendly clue navigation, progress controls, and a layout that remains playable on small screens.

My contribution

  • UX engineering
  • Front-end development
  • Responsive QA

Components and patterns

  • Reader participation
  • Game progression
  • Responsive layout

Puzzle by George Barany; interactive crossword production for C&EN.

Data-driven feature

Flint, 10 Years Later

Scrolling story sections and a focused data graphic connect a decade of scientific evidence with the continuing human consequences of Flint’s water crisis.

My contribution

  • Data visualization
  • Editorial UX
  • Front-end development

Components and patterns

  • Responsive charts
  • Narrative navigation
  • Long-form integration

By Priyanka Runwal; collaborative C&EN visual feature production.

Long-form feature

Structural Biology in Context

Long-form feature production combining scientific imagery, explanatory graphics, pull quotes, captions, and paywall-aware responsive layouts.

My contribution

  • Feature production
  • Editorial UX
  • Responsive QA

Components and patterns

  • Long-form integration
  • Media and captions
  • Responsive layout

Reported by Laurel Oldach; collaborative C&EN editorial production.

Scrollytelling feature

East Palestine, One Year Later

A two-part scrolling treatment pairs reporting and place-based imagery to help readers understand a community one year after the train derailment.

My contribution

  • Editorial UX
  • Front-end development
  • Feature production

Components and patterns

  • Narrative navigation
  • Photo-led storytelling
  • Responsive layout

By Priyanka Runwal; collaborative C&EN scrollytelling production.

Editorial package

Labs of the World

A multimedia package organizes reader-submitted laboratory stories through a video-led introduction, categorized photo narratives, and an overlay index.

My contribution

  • Editorial UX
  • Interaction design
  • Front-end development
  • Feature production

Components and patterns

  • Package navigation
  • Photo-led storytelling
  • Responsive layout

Collaborative C&EN package; Shea Murphy and Kay Youn credited as UI/UX designers.

Interactive crossword

C&EN-tennial Playlist

A responsive chemistry crossword uses a shared interactive engine with adaptive cell sizing, keyboard-friendly clue navigation, progress controls, and a layout that remains playable on small screens.

My contribution

  • UX engineering
  • Front-end development
  • Responsive QA

Components and patterns

  • Reader participation
  • Game progression
  • Responsive layout

Puzzle by Christopher Adams, Barb Goldenberg, and George Barany; interactive crossword production for C&EN.

Interactive data explorer

PFAS Guide Redesign Support

Redesign and migration support helped preserve and refine an existing searchable PFAS reference experience as C&EN moved older interactive work into its newer presentation system.

My contribution

  • Front-end maintenance
  • CMS migration
  • Responsive QA

Components and patterns

  • Data filtering
  • Detail views
  • Responsive layout

Original reporting by Cheryl Hogue; Shea Murphy contributed later redesign, migration, and front-end fixes alongside Tchad Blair and Nader Heidari.

Scope: Later redesign support—not original package creation.

Tools Behind the Published Work

Not every UX project ends in a public article. These internal systems reduce repetitive production work, make complex publishing tasks easier to review, and give editors safer recovery paths when the CMS behaves unexpectedly. Sensitive hosts, credentials, and operational permissions are intentionally omitted.

Released browser extension

AEM Editorial Production Assistant

A persistent Chrome and Firefox workspace that recognizes C&EN authoring contexts and keeps common production actions available without taking control away from the editor.

  • Moves safely among author, preview, live, properties, and publishing contexts
  • Normalizes article, asset, and production paths
  • Supports batch preparation while retaining human review
  • Persists panel state across supported tabs and navigation

Status: Signed cross-browser release, version 3.0.3

Editorial workflow automation

Homepage Slate Scheduler

A structured helper that converts linked editorial planning documents into reviewable homepage slates for daily and weekend launches.

  • Parses hero, editor’s-pick, highlight, and pull-quote groups
  • Supports current and legacy article URL structures
  • Flags incomplete or invalid links before fields can be filled
  • Fills only the open authoring dialog and never submits it

Status: Production module in the released browser extension

Authoring reliability

AEM Authoring Overlay Repair

A focused repair tool for editor overlays that drift after content-frame reloads, authoring changes, structure updates, or viewport changes.

  • Detects supported AEM editor contexts
  • Automatically realigns overlays after known layout changes
  • Provides a manual recovery control
  • Keeps the per-tab automation preference across reloads

Status: Production module in the released browser extension

Graphics production pipeline

Svelte-to-AEM Packaging

A command-line workflow that turns a self-contained Svelte export into the separate HTML, CSS, JavaScript, metadata, and import files required by the newsroom CMS.

  • Supports static graphics and scrollytelling modes
  • Generates consistent CMS-ready file sets
  • Moves captions, sources, notes, and credits through metadata
  • Protects existing output unless overwrite is explicitly approved

Status: Documented reusable converter

Production utilities

Editorial Conversion Toolkit

A family of small converters that adapts article markup, data exports, Illustrator output, crossword clues, and other editorial inputs to C&EN’s web-component conventions.

  • Converts article and Watch markup into CMS-ready structures
  • Packages AI2HTML output for the publishing environment
  • Transforms crossword source into the shared interactive format
  • Converts JSON data into reviewable JavaScript assets

Status: Reusable script collection

Front-end QA system

Custom Story Layout and Paywall QA Helpers

Small, composable DOM helpers keep full-width custom stories readable inside the native article shell and let developers test locked and unlocked presentation states without changing authorization.

  • Preserves readable prose widths inside full-bleed experiences
  • Handles custom layouts that coexist with the native paywall
  • Simulates presentation states in author and development contexts
  • Keeps entitlement and backend authorization untouched

Status: Documented reusable helper set

Research data engineering

Nobel Nomination Data Pipeline

A source-conscious Python pipeline collects public Nobel nomination records and official laureate data into analysis-ready datasets while retaining provenance and known limitations.

  • Resumes from per-category checkpoints
  • Supports bounded year and category runs
  • Exports JSONL, CSV, Excel, and source manifests
  • Documents confidentiality windows, omissions, and interpretation limits

Status: Resumable documented pipeline

Game data system

Chemmaculate Knowledge Pipeline

A Wikidata-backed pipeline builds and audits the chemist knowledge base behind a category-intersection game while preserving manual review for ambiguous historical claims.

  • Combines structured queries with resilient label fallbacks
  • Emits production data and a separate review queue
  • Normalizes historical countries and derived categories
  • Analyzes category intersections before they reach players

Status: Repeatable scraper with human review

Service and workflow design

Web Production Review System

A shared operating model connects writers, editors, production editors, art, and web staff from initial data handoff through component review, responsive QA, and publication.

  • Defines ownership for charts and interactive components
  • Separates initial design review from final page review
  • Builds desktop and mobile checks into handoff language
  • Preserves threaded decisions and publication caveats

Status: Documented operating model

Operational resilience

AEM Incident Recovery Playbook

A narrowly scoped recovery flow restores access when malformed custom markup makes an authoring page unresponsive, allowing the broken component to be removed before normal assets are restored.

  • Uses reversible replacement assets
  • Keeps the existing import contract stable
  • Includes cache-busting and restoration steps
  • Retires aggressive rescue behavior after recovery

Status: Tested recovery procedure

Reusable design and development system

Editorial Interactive Component System

A shared collection of scrollytelling, chart, map, quiz, table, timeline, and utility patterns gives custom stories a consistent foundation inside the publishing environment.

  • Documents authoring contracts and responsive behavior
  • Standardizes CMS import files and dependency loading
  • Supports static, animated, and scroll-driven experiences
  • Includes custom-page utilities such as inline sharing

Status: Production-adjacent library with live implementation examples

Reader-engagement data system

Editorial Games Content Pipeline

A set of data builders and scrapers keeps recurring chemistry games maintainable by converting public archives, spreadsheets, and structured sources into reviewable game-ready assets.

  • Builds headline-game pools with editorial review steps
  • Transforms structure exports into weekly drawing-game data
  • Separates generated output from judgment-based review
  • Supports repeatable updates without rebuilding interfaces

Status: Repeatable production tooling with human review

Editorial operations bot

Homepage Planning Reminder

A context-aware Slack reminder service supports daily homepage planning while suppressing unnecessary notifications when the team has already updated or completed the work.

  • Schedules reminders around the editorial day
  • Checks recent activity and completion language before posting
  • Supports health checks and manual operational triggers
  • Keeps channel and document configuration environment-specific

Status: Deployment-ready Node application

Production utility

Photo Metadata Extraction Workflow

A portable batch workflow turns embedded image metadata into structured review files for caption, credit, and production work without requiring editors to inspect photographs one at a time.

  • Extracts IPTC fields across image batches
  • Produces spreadsheet-friendly CSV output
  • Uses a portable metadata engine without administrator setup
  • Supports repeatable operator configuration

Status: Documented cross-platform operations tool

Editorial research product

Nobel Nominations Explorer

A modernized interface turns more than a century of Nobel nomination records into a searchable, filterable research experience while making differences between legacy-edited and newly sourced records explicit.

  • Explores 15,000-plus nomination records across disciplines
  • Combines filtering, tabular detail, visualization, and CSV export
  • Labels source treatment and cleaning status in the interface
  • Updates data independently from the permanent CMS import

Status: AEM-ready rebuild with review-gated data updates

Interactive game and asset pipeline

Chemical Structure Challenge System

A drawing challenge pairs a responsive canvas interaction with a repeatable asset pipeline so editors can select new molecular structures without rebuilding the game each week.

  • Supports mouse and touch drawing with responsive canvas behavior
  • Scores the completed drawing against a reference structure
  • Builds deduplicated game records from reviewed asset exports
  • Generates accessible labels and weekly runtime configuration

Status: Production-adjacent game with reusable weekly data tooling

Start With the Overview

The main case study explains how these articles, components, and tools fit together inside a collaborative newsroom.