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.
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.
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.
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.
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.
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.
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.
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.
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.
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.
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.
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.
A custom space-exploration hub connects reporting on propulsion, planetary chemistry, food, and sustainable habitats through a cohesive visual system and topic navigation.
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.
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.
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.
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.
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.
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.
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.
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.
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.
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.
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.
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.
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.
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.
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.
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.
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.
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.
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.
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.
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.
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.
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.
A timed or endless recall game with persistent personal bests and a leaderboard, designed to make all 118 elements feel inviting rather than intimidating.
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.
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.
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.
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.
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.
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.
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.
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.
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.
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.
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.
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.
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.
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.
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.
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.
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.
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.
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.
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.
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.
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.
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.
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.
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.
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.
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.
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.
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.
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.
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.
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.
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.