⬅ Back

The Wall Street Journal

Senior Product Designer

Role

I joined the Editorial Tools team to design and build tools for the Wall Street Journal newsroom. I collaborated with the UX strategy team to concept new ways to help improve the day-to-day process of Editors, Journalists, Producers from planning, preparing, and publishing articles.

Responsibilities

  • UX/UI Design
  • Wireframes
  • Visual Design
  • Prototyping
  • Data Visualizations
  • Front-End Development
  • Stakeholder Interviews
  • User Testing

Work Details

Location

Manhattan, NYC

Dates

2015—2018

Website

WSJ.com ➔

Jump To Section

Design System
Newsroom Tools
Analytics Tools

Design System

Description

In 2015 London-based creative agency Bow&Arrow (now part of Accenture Song) was brought in to rebrand Dow Jones. In collaboration with Bow&Arrow, I was responsible for updating and modernizing Dow Jones Professional Information Business web apps to follow the newly established design system and UI patterns.

After working on Dow Jones web and mobile apps I switched teams to join the Wall Street Journal Editorial Tools team to build and apply the new design system for all WSJ internal tools.

TEAM

WSJ Editorial Tools Team

Responsibilities

  • UX/UI design
  • Design System
  • Wireframes
  • Prototyping
  • CSS/SCSS

Editorial Tools UI Kit (Desktop)

WSJ Editorial Tools UI Kit design


Editorial Tools User Navigation (Desktop)

WSJ Editorial Tools User Menu


Editorial Tools Product Navigation (Desktop)

WSJ Editorial Tools Product Menu


Editorial Tools Notifications

WSJ Editorial Tools Product notifications

Newsroom Tools

Description

After joining the Wall Street Journal Editorial Tools team I was responsible to build and apply the new design system for all WSJ internal tools.

I collaborated with the UX strategy team to conduct stakeholder interviews and shadow Wall Street Journal producers, editors, and journalists to design internal tools which optimized their workflow.

Responsibilities

  • Wireframes
  • Product Design
  • Staekholder Interviews
  • Front-end development (HTML/CSS)
  • Data Visualizations

WebSked

WebSked Demo


WebSked UI (Desktop)

WebSked UI design



WebSked UI (Mobile)

WebSked UI design



RiskCenter Search

RiskCenter Search: Home RiskCenter Search: Results RiskCenter Search: Results (Collapsed) RiskCenter Search: Profile RiskCenter Search: Share Options (Email) RiskCenter Search: Share Options (Download PDF) RiskCenter Search: Share Options (Print)


RiskCenter Error Screens

Misc. Error page designs

Analytics Tools

Description

Because of my history with the Data Science & Engineering Team, I continued to design and was responsible for styling other Dow Jones web apps and tools featuring data visualizations.

Responsibilities

  • Wireframes
  • Prototyping
  • Product Design
  • Front-end development (HTML/CSS/D3js)

Due Diligence

Interactive data visualizer tool for Risk and Compliance (HTML/CSS/D3js)


Realtime Video Monitor

Landing Page design and development (HTML/CSS)


MarketData

Dow Jones MarketData responsive web app (viewed on tablet) Dow Jones MarketData responsive web app (viewed on tablet)


Dow Jones DNA Platform: Landing Page

Landing Page design and development (HTML/CSS)


Dow Jones DNA Platform: Knowledge Graph

Network node Data visualization design and development (HTML/CSS)
Back to top