Back

Dow Jones

Senior Product Designer

Role

Senior Product Designer and Front-end Developer in the Professional Information Business team that designed and built React web apps for web, internal tools, and mobile apps for iOS and Android.

As part of Dow Jones’ rebranding, I was responsible for creating a UI pattern library for their digital products, helped establish the company’s first design system, as well as releasing their first-ever mobile app built on React Native, Factiva.

Responsibilities

  • UX/UI Design
  • Wireframes
  • Visual Design
  • Infographic Design
  • Data Visualizations
  • Front-End Development
  • Presentation Design
  • Client Presentations

Work Details

Location

Manhattan, NYC

Dates

2015—2018

Website

dowjones.com

Design System

Description

In 2015 London-based creative agency Bow&Arrow (now part of Accenture Song) was brought in to rebrand Dow Jones. I collaborated with Bow&Arrow’s designers to build on and expand their design system to scale out to all of Dow Jones’ digital products.

TEAM

Dow Jones Professional Information Business 

Responsibilities

  • UX/UI design
  • Design System
  • Native App design (React Native)
  • CSS/SCSS

UI Kit (Desktop)

Dow Jones UI Kit designed by Bow&Arrow


Expanded UI Kit / Design System ​(Desktop)

Updated Dow Jones design system in collaboration with Bow&Arrow
Expanded UI pattern library in collaboration with Bow&Arrow (Design, CSS)


UI Kit (Mobile)

UI pattern library for mobile


Chat UI

Chat UI design and style guide


Dow Jones Loading Animation

Loading animation in collaboration with Bow&Arrow (Lottie, After Effects)


Powered by Dow Jones



Dow Jones Professional Information Business Logins

Univeral login for all Dow Jones Professional Information Business web apps


Email Newsletter Template

Email Newsletter design for Professional Information Business

RiskCenter

Description

As soon as Dow Jones rebranded, I was responsible for updating and modernizing Dow Jones Professional Information Business web apps to follow the newly established design system and UI patterns.

One product was RiskCenter, a web-based tool for conducting due diligence on potential customers and connected parties, as well as ongoing monitoring and sanctions screening.

Responsibilities

  • Wireframes
  • Product Design
  • Email Design
  • Front-end development (HTML/CSS/D3js)
  • User Testing

RiskCenter Navigation

Navigation UI showing product selection and user settings


RiskCenter Search



RiskCenter: Misc. Screens



RiskCenter Dashboard

RiskCenter Dashboard



RiskCenter Error Screens

Misc. Error page designs


VentureSource

Description

As soon as Dow Jones rebranded, I was responsible for updating and modernizing Dow Jones Professional Information Business web apps to follow the newly established design system and UI patterns.

One product was updating VentureSource, which was created in 1988. VentureSource tracks venture capital investors, their investments, their LPs and the service providers involved in those deals. In 2020, VentureSource was acquired by CB Insights.

Responsibilities

  • Wireframes
  • Product Design
  • Native App Design
  • Front-end development (HTML/CSS)
  • User Testing

VentureSource

VentureSource Demo

VentureSource profile search and company profile page


VentureSource Profile Page

Navigation UI showing product selection and user settings


VentureSource Search

Updated Search and Search Results UI


VentureSource Advanced Search



Factiva

Description

As soon as Dow Jones rebranded, I was responsible for updating and modernizing Dow Jones Professional Information Business web apps to follow the newly established design system and UI patterns. I worked alongside a mobile app developer to design and release Dow Jones' first-ever iOS and Android app, Factiva, built on React Native.

Factiva is a news archive service that combines licensed Dow Jones, News Corp and Reuters content which provides access to thousands of quality, licensed, news and information sources in 28 languages, from nearly every country in the world.

Responsibilities

  • Wireframes
  • Product Design
  • Native App Design
  • Front-end development (HTML/CSS)
  • User Testing

Factiva App

React Native App Design (iOS)

React Native App Design (Android)

React Native iOs App Design (Tablet)


Factiva Salesforce Integration



Data Visualizations

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

Dashboard design and development (HTML/CSS)


MarketData

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