What is UZR?

Client
The Boston Globe/Boston.com sports
Company
The Boston Globe
Deliverables
Print graphic as well as online

The Boston Globe’s 2010 Baseball Preview section focused on how the “run prevention” philosophy was big part of 2010 Red Sox. I have created a graphic explaining what Ultimate Zone Rating is, to go with Peter Abraham’s story. This graphic, ran in the Boston Globe April 4, 2010 in the sports section, was researched, written, [...]

What is UZR?

The Boston Globe Red Sox podcast, 2010

Client
Boston Globe Sports Department
Company
Boston.com
Deliverables
Weekly production and cordination of podcast

I have been producing a popular weekly Japanese podcast, “East Coast Baseball Freaks” on JapaneseBallPlayers.com since August 2005 with a partner in Japan. The show has ranked as high as 3rd in the iTunes store (Japanese) in “Sports and Recreation” category. After 185 episodes, we recorded our last regularly scheduled episode in September 2009. The [...]

The Boston Globe Red Sox podcast, 2010

Miscellaneous projects for Boston Globe/Boston.com

Client
The Boston Globe/Boston.com
Company
The Boston Globe/Boston.com
Deliverables
Flash or JQuery-based web interactives

I have not have time to update my portfolio lately, but I thought I will create a entry here with links to all (most?) of my projects that is not linked from other part of the site, so that it is easier for me to find when the time comes. 2010 Interactive Red Sox Schedule [...]

Miscellaneous projects for Boston Globe/Boston.com

Patriots Playoff 2010 scouting report

Client
Boston.com sports section
Company
The Boston Globe/Boston.com
Deliverables
Flash interactive, html, css, js

Taking a “Scouting Report” that appears on The Boston Sunday Globe’s sports section, written by Jim McBride every week, we wanted to do some interactive piece on it. I’ve re-organized the existing information, and created this presentation. I used Flash (XML data driven) for the depth chart, but rest is laid out using html/css, with [...]

Patriots Playoff 2010 scouting report

A look at 2009 Red Sox regular season

Client
The Boston Globe/Boston.com, Sports section
Company
Boston.com
Deliverables
Flash interactive/ActionScript with xml database

A calendar look at how the Boston Red Sox fared each game this season. You can sort the games results by different category, such as home game, away game, and runs scored or allowed (Red Sox scored 7 or more runs 50 times this season, still managed to lose 6 of those games, for example). [...]

A look at 2009 Red Sox regular season

Comparing 2009 American League playoff teams

Client
The Boston Globe/Boston.com, Sports section
Company
Boston.com
Deliverables
Flash interactive/ActionScript with xml database

A flash interactive to easily compare statistics of each of four teams that advanced to the American League playoff in 2009 – Boston Red Sox, New York Yankees, Los Angeles Angels, and Minnesota Twins. You can view the data by Position of the fielder, batting order of pitchers, and by selecting multiple players, it will [...]

Comparing 2009 American League playoff teams

Back to 10,000 – 10 years of Dow Jones Industrial Average

Client
The Boston Globe/Boston.com, Business section
Company
Boston.com
Deliverables
Flash interactives with xml database

Dow Jones Industrial Average hit 10,000 mark for the first time in over year on October 14, 2009. This flash interactive was a quick look on World/National events since the Dow Jones first hit the 10,000 mark March 29, 1999. “From a high above 14,000 to its low point near 6,500, the Dow Jones Industrial [...]

Back to 10,000 – 10 years of Dow Jones Industrial Average

The tangled web of the Boston Public Transportation

Client
The Boston Globe/Boston.com, Metro section
Company
Boston.com
Deliverables
Flash interactives with streaming video and xml database

This project used infographics, video, and simple animations to make a point that how complicated Boston’s Public transportation system is. Working and coordinating with many talented individuals, I was the man behind theproject to put those pieces all together in Flash/ActionScript. October 2009. “The MBTA is considered by many to be the most complex mass [...]

The tangled web of the Boston Public Transportation

Failures cited at 2007 West Roxbury fire

Client
The Boston Globe/Boston.com, Metro section
Company
Boston.com
Deliverables
Flash interactives

An interactive presentation of what was in the report by National Institute for Occupational Safety and Health. Working with 3D graphic produced by Javier Zarracina, I put this interactive flash piece together with writing and reporting help from group of reporters/artists in November, 2009. “A report from the National Institute for Occupational Safety and Health [...]

Failures cited at 2007 West Roxbury fire

2009 NFL Patriots season preview – Boston.com Sports

Client
The Boston Globe/Boston.com, Sports section
Company
Boston.com
Deliverables
Flash interactives with xml database

I was part of graphic team that produced 4 interactive graphic that went with NFL Preview section published on September 10, 2009. See the links below:

2009 NFL Patriots season preview – Boston.com Sports

Red Sox outfielder Jacoby Ellsbury steals club record 55 bases – Boston.com Sports

Client
The Boston Globe/Boston.com, Sports section
Company
Boston.com
Deliverables
Flash interactives with xml database

Ellsbury’s record speed: Jacoby Ellsbury broke Tommy Harper’s 36-year-old club record for most bases stolen in a season, surpassing Harper’s 54. Like Harper, Ellsbury possesses unique qualities that enable him to be a prolific base stealer. When stealing second, four unique events happen that determine whether he is successful. Worked with James Abundis and Ed [...]

Red Sox outfielder Jacoby Ellsbury steals club record 55 bases – Boston.com Sports

Where to see the Tall Ships – SailBoston – Boston.com, July 2009

Client
The Boston Globe/Boston.com
Company
Boston.com
Deliverables
Adobe Flash swf

Interactive graphics/map that shows where the tall ships are docked during the “Sail Boston” event which took place from July 8 to 13 at Boston Inner harbor.

Where to see the Tall Ships – SailBoston – Boston.com, July 2009

Interactive News Graphics, Jan. to March, 2009

Client
The Boston Globe/Boston.com
Deliverables
Flash

The Society of New Design (SND, snd.org) holds The Best of Multimedia Design competition every quarter. For the Jan. 1, 2009 – March 31, 2009 period, my department at the Boston Globe was selected as “Quarterly Winner” for 5 projects, all of which I was part of.

Interactive News Graphics, Jan. to March, 2009

Globe 100 interactive ticker symbol

Client
The Boston Globe, business section
Deliverables
Flash interactive with xml database

Visualized and interactive presentation of 100 company names selected by the Boston Globe of “The Best of Massachusetts Business 2009.” This flash interactive reads xml database and let used interact, reorganize and sort by various values. I pitched the idea to the editor, organized the information, designed UI, coded and carried out to the final [...]

Globe 100 interactive ticker symbol

Breaking down David Ortiz’s struggles, by at bat

Client
Boston.com (web only)
Deliverables
Flash

Hit chart (data was available from mlb.com with little bit of researching) created for Red Sox’s struggling slugger. Turned around from idea to final product in less than 6 hours. “Boston Red Sox designated hitter David Ortiz has had 157 plate appearances in 2009 through May 14. Here is the look at his at-bats. Use [...]

Breaking down David Ortiz’s struggles, by at bat

Summary: baseball related work

Client
Daigo Fujiwara, founder of JapaneseBallPlayers.com
Company
JapaneseBallPlayers.com
Deliverables
Writing, research, and radio appearances

As a founder of JapaneseBallPlayers.com, I am sometimes asked to appear on radio or contribute in some writings. If you are interested in talking to me, please contact me through contact page of this website.

Summary: baseball related work

BostonWorks redesign, July 2006

Client
BostonWorks, job section of Boston.com
Company
Boston.com
Deliverables
Website redesign

Lead User Interface(UI)/User Experience(UX) designer for redesign of BostonWorks.com, a job classified section in Boston.com. Coordinating all aspects of the redesign with product manager. Collaborating with all parties involved, such as the editorial managers, developer, content producers, sales, promotions, and advertising while advocating for the best usability and user experience for the visitors of the [...]

BostonWorks redesign, July 2006

Redesign Boston Consulate-General of Japan official site

Client
Boston Consulate-General of Japan
Company
Boston Consulate-General of Japan
Deliverables
Wedsite redesign, templates and style guide

Boston Consulate-General of Japan provides a lot of information to local Japanese nationals, and the website has became large and hard to navigate. Reorganization of information and redesign, focused on finding the right information, was implemented in 2009, while following strict guideline of Japanese government’s website rules. All Japanese Embassy/Consulate-General has to match the look [...]

Redesign Boston Consulate-General of Japan official site

Interactive map of the Boston Marathon: Viewers’ guide

Client
The Boston Globe Sports section
Company
The Boston Globe/Boston.com
Deliverables
Flash, SWF file

Boston Marathon, which happens in April every year, draws a large crowd from all over the world. This “viewer’s guide to Boston Marathon course” was created by piecing together a multiple maps that gets published every year in the Boston Globe’s “Marathon preview” section. The interactive holds a lot of information accumulated over the years [...]

Interactive map of the Boston Marathon: Viewers’ guide

Position-by-position comparison of the Red Sox, Rays, and Yankees

Client
The Boston Globe Sports section
Company
The Boston Globe/Boston.com
Deliverables
Flash SWF with xml data

The Boston Globe’s 2009 Baseball Preview section focused on the “American League East.” Surprise of the year of ’08, the Tampa Bay Rays, have joined perennial contenders Red Sox and the Yankees to form arguably the strongest division of the Major League. To compare the character of those three distinguishably different teams, this interactive allows [...]

Position-by-position comparison of the Red Sox, Rays, and Yankees

The evolution of the AL East

Client
The Boston Globe Sports department
Company
The Boston Globe/Boston.com
Deliverables
Flash

As part of 2009 Baseball Preview section. Working with sports designer Brian Gross.

The evolution of the AL East

Breaking down the 2008 AL East race

Client
The Boston Globe Sports department
Company
The Boston Globe/Boston.com
Deliverables
Flash, SWF file.

Pitched the interactive idea to the editor. I’ve conducted research, wrote copy, designed functionality and look and feel, coded Action Script in Flash and implemented to Bostoncom. This interactive has selected as a September 2008 quarterly winner of Society of News Design The Best of Multimedia Design, as well as Quincy’s ‘Goliath’ crane accident, and [...]

Breaking down the 2008 AL East race

Single-family homes in Massachusetts, 2008

Client
The Boston Globe Business department
Company
The Boston Globe/Boston.com
Deliverables
Flash, SWF file with xml data.

The average assessed value for single-family homes in Massachusetts fell for the first time in more than a decade last year, even as property tax bills continued to climb. SOURCE: State Department of Revenue Matt Carroll, Daigo Fujiwara / Globe Staff

Single-family homes in Massachusetts, 2008

Improvements to Fenway Park

Client
The Boston Globe Sports section
Company
The Boston Globe/Boston.com
Deliverables
Flash/SWF

I created this Flash interactive with Globe’s artist Javier Zarracina. I did the research and writing, and put the graphic together using Adobe Flash CS3. “Fenway Park has undergone a series of annual improvements since the current owner group purchased the team in 2002.” This interactive has selected as a November 2008 quarterly winner of [...]

Improvements to Fenway Park

Beijing 2008: Interactive Olympic venue map

Client
The Boston Globe Sports department
Company
The Boston Globe/Boston.com
Deliverables
Flash, SWF file.

As part of the Boston Globe/Boston.com sports section, I produced map of Beijing venues. “Click on a sport name to highlight its venue and get a schedule snapshot, or click on the venue for sport information. For detail on Olympic Green click here.” Also about the Olympic green:

Beijing 2008: Interactive Olympic venue map

Inc.com and FastCompany.com, 2000- 2003

Client
Inc Magazine and Fast Company Magazine
Deliverables
Web site redesign, 2003

As a lead designer/online art director, I oversaw overall web design and user experience for both Inc. (Inc.com) and FastCompany magazines’ (fastcompany.com) web sites under direction of design director Pat Mitchell (now of pluto media) from 2000 to 2003. Web sites contained magazine contents dating back 20 years and over 15K pages. Completed three web [...]

Inc.com and FastCompany.com, 2000- 2003

Dissecting Matsuzaka, 2007

Client
The Boston Globe Sports department
Company
The Boston Globe/Boston.com
Deliverables
Print, Illustrator EPS fle. Additional on-line version.

As part of 2007 Baseball 2007 Preview section, I went to Florida to figure out how the Boston Red Sox’s new pitchers pitches, and made it into full-page infographic.

Dissecting Matsuzaka, 2007

2008 ALCS Red Sox-Rays hitters’ scouting report

Client
The Boston Globe Sports department
Company
The Boston Globe/Boston.com
Deliverables
Flash, SWF

The Boston Globe purchased information (xml feed) from Inside Edge Inc. prior to the 2008 American League Championship series. This interactive graphic demonstrates hitters’ strengths and weaknesses.

2008 ALCS Red Sox-Rays hitters’ scouting report

Body mass index calculator

Client
The Boston Globe Health/Science department
Company
The Boston Globe/Boston.com
Deliverables
Practical web application, Flash SWF.

Your body fat can be determined by a measurement called body mass index (BMI), which is based on weight and height. Using the Healthy People 2010 standards (HP2010), all adults with a BMI between 25 and 29.9 are classified as being overweight and those with a BMI over 30 are considered obese. This simple flash [...]

Body mass index calculator

Beaches of Cape & Island

Client
The Boston Globe travel section
Company
The Boston Globe/Boston.com
Beaches of Cape & Island

Go-RedSox.com, a Red Sox blog

Client
Myself
Company
Go-RedSox.com, Partnered with Boston.com
Deliverables
Website, WordPress powered Blog

Besides designing web pages and creating web interactives, I have been blogging/writing about my “other” passion, Boston Red Sox, since 2003. In Japanese language. Go-RedSox.com, a Japanese language blog about Boston Red Sox is one of the oldest Japanese language blog about Red Sox, and still draws a lot of unique users from Japan. Remember, [...]

Go-RedSox.com, a Red Sox blog

JapaneseBallPlayers.com

Client
Myself
Deliverables
Fully bilingual website built with php/mysql

Producing Japaneseballplayers.com, a bilingual website dedicated to Japanese baseball players playing in MLB, since 1999,

JapaneseBallPlayers.com

SND Boston conference official website, 2007

Client
Society for News Design Boston
Company
SND
Deliverables
Working website, maintenance, updates

Official website for Society of News Designe Boston Conference in 2007, held October 11-13. Worked from the logo that Boston Globe Design Director Dan Zedek has created into entire website.

SND Boston conference official website, 2007
What is UZR?
The Boston Globe Red Sox podcast, 2010
Miscellaneous projects for Boston Globe/Boston.com
Patriots Playoff 2010 scouting report
A look at 2009 Red Sox regular season
Comparing 2009 American League playoff teams
Back to 10,000 – 10 years of Dow Jones Industrial Average
The tangled web of the Boston Public Transportation
Failures cited at 2007 West Roxbury fire
2009 NFL Patriots season preview – Boston.com Sports
Red Sox outfielder Jacoby Ellsbury steals club record 55 bases – Boston.com Sports
Where to see the Tall Ships – SailBoston – Boston.com, July 2009

... or view work by medium

I create informational graphics, flash interactives, and UI/UX design for websites. I'm also a baseball writer in Japanese language.