• Strategy, UI design, data viz & front-end development

Confidential, proprietary products and experiences

While the work I do at Capital One is not publicly shareable in its full form, I love sharing my processes and philosophies. All of my work advances experience quality, builds collaborative partnerships, and delivers shared results for associate-facing data products, platforms and experiences. Reach out if you'd like to hear more.

• Scrollytelling, data viz & illustration

How Americans describe what society values (and doesn’t) in each gender

Download mobile view (no longer supported on live site)

This project challenged me as a designer, developer and storyteller.

Ensuring that the writing and visual flow were seamless, I introduced Figma as a new tool and workflow for the project's writer, data scientist and editors, who could write within the designs and iterate alongside me in live time.

I also learned to write custom, animated d3.js charts from scratch to build this data visualization. And I taught myself Semantic UI's visibility callbacks to trigger animations.

• Email template & graphics

Pew Research Center's first mini-course: U.S. immigration

Intro | 1 | 2 | 3 | 4 | 5 | Congrats

I had never designed for email before, so this product began with extensive research. I signed up for several email mini-courses and newsletters, studied the (many) limitations of email clients, read up on Mailchimp's templating semantics, and began learning Foundation's email framework.

Using Figma, I worked alongside writers and producers to create a live, transparent design process that evolved simultaneously with the editorial content and that carefully considered things like perceived scroll length. While my primary role was to brand, design and code a new product, I also assisted with content direction and user experience strategy.

This course has received overwhelmingly positive feedback, with more than 8,000 people signing up in the first three months — the majority of which have completed the course.

• Open-ended quote display

The Meaning of Life: 100 quotes from Americans on what keeps them going

This was the most emotional project I've ever worked on. Each quote was so personal, so raw. And helping researchers curate, design and develop a quote-reading experience brought me my own sense of meaning.

Using open-ended responses, hand-picked photos, simple UI and object-oriented programming, this page offers a one-of-a-kind glimpse into the American spirit.

• Embeddable scrollytelling maps

Organic farming is on the rise in the U.S.

This is the second iteration of an embeddable, scrollytelling map template using d3.js and Semantic UI's visibility callbacks that I've built for Pew Research Center. This, and an earlier version (that used static images instead of animated SVG) gives users a paced walk-through of interesting findings in a large, geographically-oriented dataset.

• Interactive map application

Dallas' hidden history

Inspired by Google's UI designs and excited to experiment with node.js and Mapbox's API, I stepped up to build this map application that was requested by the Dallas Morning News opinion desk.

I had never created anything with user input (nor anything that had a back-end approval UI) so imagining use-case scenarios and planning for the dynamic nature of the page was an exciting exercise.

• Feature design

The helmet conundrum

As the designer and developer for this project, I also stepped up as the unofficial project manager, ensuring that illustrators, writers, data reporters and photographers could create one, cohesive investigative package.

When designing this, I was thoughtful about how to indicate that this was a chaptered story. You'll see my use of menus (at the beginning) and chapter cards (at the end) as a solution for moving users through the package.

• D3 Map Embed

Interactive bubble map of countries by state religion status

This project strengthened my d3.js and data manipulation skills, as I adapted a base d3 project and built a lookup interface that synced the data with Firebase.

• Interactive chart embed

The 100 highest-paid CEOs in Dallas-Fort Worth

I learned to use AJAX and d3.js to make a simple chart (with filtering buttons!).

• Interactive feature design

From farm to your table

This project could have been a simple recipe listicle. But in the spirit of learning, I created an interactive, visually fun layout and sticky navigation that allowed me to write a project in Sass for the first time, and to practice JavaScript loops and conditionals.