Week 14 – May 5 Final Exam

Timing: 5:45 p.m. to 7:15 p.m.


Due for final grading:

  • Dev team: All site files zipped up
  • Engagement team: All artwork and proposal files
  • Design team: All data, anything else that might be needed for the map

5:50 p.m.  to 6:30 p.m.

  • Sharon McGowan will join us via Skype
  • Project walkthrough team by team

6:30 to 7:15: Reflection:

Create a Google Doc, share it with me and answer the following questions by 11:59 p.m. Tuesday, May 6.

  • List your contributions to the project
  • List the contributions of each of your team members to the project
  • Recognize your teammates for intangible contributions
  • What is your biggest takeaway from this experience?
  • What advice would you give to future students?
  • What would you change about this class?
  • What would you keep the same?


Week 11 – April 7 Workshop


Dev team:

By 7:45 p.m.

Have 1 map created using any tool you like (you can use dummy data)

  • Ideas include StoryMap, Mapbox and Tilemill

Choose 3 theme ideas meeting these requirements:

  • HTML (not wordpress)
  • Responsive
  • Uses bootstrap

Design team:

By 7:45 p.m. have 3 sketches for each infographic

Find some chart tools:

Here’s one that uses Google docs

Engagement team:

By 7:45 p.m. come up with a few different ideas for gaining attention for this article using no budget (but reach out to Sharon and copy me to ask if there is any budget for this project)


Homework for Week 10 – Due April 7

Engagement team: Your goal for this class is to bring as many readers as possible to this article.  You will achieve this aim via several tactics:

1) SEO

2) Advertising

3) Social media

For next week your focus will be on SEO:

Review all of the content (posted on the mural) and make recommendations for keyword targets for each piece (but note that the story will most likely be only one page). Use the keyword research tool to support your decisions. Make sure you get information from Andrea, Sharon, and Lily about who the ideal and intended audiences are for the story. Document your ideas and post a link to the document in the comments for this assignment.

Development team: Your goal for this class is to build a responsive feature story. It will probably be one page with several content areas. By next week,  mark up the content in HTML. Use placeholder images to indicate where the interactive features will be. Look for interactive tools such as storymapsJS or timelineJS that you could use to add interactivity to the graphics. Document your ideas and post a link to the document in the comments for this assignment.

Visual design team: Collect at least 5 examples each (total of 15 for the group) of:

1) Excellent typography on the web

2) Unusual visual approaches to infographics

3) Excellent use of color in a one page website

(These are purposely open ended, but be prepared to explain why the typography is excellent, the approach unusual, the color use excellent.)

Post these to a collaborative Pinterest board or to the mural near the style-tiles and moodboards

Week 12 – April 14 – Second Workshop

Visual design team:

By the end of class: Ensure dev team is able to complete the diabetes indicators hotspots map by the end of class and add updated explainer graphic to the site.

Deliverables: Map data to dev team, non-mapped stats to dev team, updated explainer graphic in InDesign (export flat images for dev team)


By 6 p.m.  Provide map data to dev team. Your homework was to determine which data you would map as hotspots for diabetes indicators, collect the data and provide it to the dev team in a google spreadsheet. The dev team will use this data to create the map using Mapbox/Tilemill or Google Fusion tables.

Remember the other stats that won’t get mapped. List these and we’ll find a way to integrate them into the site using a charting tool.

By 7 p.m. Show updated ‘What is Diabetes’ explainer graphic. Focus on the typography and how to break the graphic up into smaller sections.

By 8 p.m. Provide updated graphic to dev team who will add it to the site by the 21st. (You’ll revise it as your homework.)

Dev team:

By the end of class: Have a complete site built using your chosen theme, including all content, the hotspots map and the explainer graphic which will come from the design team.

Deliverables: complete site built, map of diabetes indicators hotspots (embedded in site), explainer graphic added to site


5:30 to 6 p.m. Work with Daria to choose and purchase a theme from the choices you found last week.

6 p.m. Collect the map data from the visual design team.

By 7 p.m. Have all content added to theme. Complete the ‘diabetes indicator hotspots’ map. (You may want to put 2 people on the content task and 2 on the map task.)

By 8 p.m. Site should be ‘completed’ incorporating feedback from 7 p.m. check-in.

Engagement team:

By the end of class: 

Have a complete proposal, list of people and places to reach out to with timing, and all content prepared for your campaign.

Deliverables:  Proposal (Google Doc),  SEO proposal (Google Doc), Photoshop Template for ads and status updates


By 7 p.m. Proposal and SEO proposals complete


Based on the analytics that Sharon provided, determine the baseline and a goal for engagement. Determine where readers come from and how to reach out to the desired audiences that may not have found the NNS yet. (You have completed a lot of this work already.)

Remember the reader’s context and consider all channels. Might he or she look at the article on their mobile while waiting for the bus? If so, how would they discover the article? A flyer with a QR code? A facebook ad or post?

Write the copy for all posts, updates, ad ideas, and other content for promoting the story.

SEO proposal: Document your chosen keyword targets for the copy using info from Jen Keller. Propose article headlines and copy changes using what you learned from Jen and from Craig’s headline writing guide.

(Create a copy of the article in a Google doc and use comments to explain your proposed changes.)

By 8 p.m. Photoshop template:

Create a photoshop template for ads and status updates. The template will have all ad copy written in separate layers along with placeholder images in the ideal sizes for Facebook, Twitter, Google+ and any other outlets that are visited by the desired audience.  The visual design team will use this template to create ads and status updates for the article.







Digital interactive journalism course site