DailyCandy_Workflow Wireframes

Page 1

Wireframes detailing the creative and editorial workflow processes for DailyCandy website (e-newsletter, mobile app, social media platforms) and spinoff sites, DailyCandy Kids and DailyCandy Deals. Five different processes were identified. Tasks were broken into five categories: Communication, Sharing, Production, Research and Metadata. Work processes can be very complicated, so visual representation of how the tasks should be completed were developed to help the employees better understand the process and to work more efficiently. • Understand responsibilities • Understand role of other employees • Analyze the entire process and define problem areas and bottlenecks (e-mail, transferring files, storing files, applyng metadata) • Identify critical stages • Improve communication as diagram shows relationships between different stages in a process • Explore the complete list of required documents and resources

One

Legend for Daily Candy Workflow D Communication

Sharing

Production

Research

MetaData

Start

Weekly Production Meeting Monday 1pm

Web team maintains Google spreadsheet to track photos and credits

Distribute BaseCamp Paper Production Calendar

Photo Editor creates folder structure and archive on Share Drive in Bridge

Web team renames files by: Designer-product-#jpeg About 100 images

Web team sources all photos for RoundUp

Or

Web Team may add topic folder if photo editor hasn't created it.

Photo Editor creates a task for each RoundUp in BaseCamp. Name, Run Date, Photos Due, Cuts Due. ***Photo due dates often change without notification to everyone.

MetaData Could be added to 100 images at this time????

Web team places all photos onto the Share Drive in topic folders

Web team notifies photo editors via BaseCamp when images are available and ready to edit Photo Editor checks photos for size and quality in Bridge

Or

Photo editor notifies web team about poor quality and requests a replacement image

In Bridge, Photo Editor creates original and cut folders in the root topic folder on the Share Drive Photo Editors add MetaData using IPTC template in Bridge???? Open photos in PhotoShop to edit, color correct, crop to size. 460 x 345 (old) or 380 x 285 (new) In Bridge, saves images into original and cuts folders and slug photos with subject-date-city-size In Bridge, photo editor tags cuts and originals Photo Editor notifies web tam via BaseCamp that images are ready to be uploaded into RoundUp CMS

Or

Web team notifies photo editor about new images for late or replacement items.

Then

Photo Editor checks photos for size and quality in Bridge

In PhotoShop, sources stock or makes composite if needed for Hero Image

In Bridge, Photo Editor creates original and cut folders in the root topic folder on the Share Drive

Photo Editor notifies web tam via BaseCamp that images are ready to be uploaded into RoundUp CMS

Photo Editors add MetaData using IPTC template in Bridge????

Web Team uploads cropped images into the Roundup CMS

Open photos in PhotoShop to edit, color correct, crop to size. 460 x 345 (old) or 380 x 285 (new)

Stop

In Bridge, saves images into original and cuts folders and slug photos with subject-date-city-size In Bridge, photo editor tags cuts and originals Photo Editor notifies web tam via BaseCamp that images are ready to be uploaded into RoundUp CMS

Web Team maintains a Status report on Google Docs with images and photo credits


Two

Legend for Daily Candy Workflow A Communication

Sharing

Production

Research

MetaData

Start

Photo Editor creates folder structure and archive in Bridge Weekly Monday Meeting 1pm

Distribute BaseCamp Paper Production Calendar

Establish Due Dates for Photos

Receive Entourage email notification on photo status

Photos in DropBox or USendIt

Or

Stock Photo Requests

Or

If photos are not received by Due Date, Send ADMIN note to editor

Photos attached to Entourage e-mail

Download Original Photos

Check photos for size, quality etc.

Save photos to Share Drive

Create a folder by subject in the appropriate folder on Share Drive in Bridge

Sign into ADMIN and search for article

Search Entourage Email for photos by city, date or subject

Download Photos to folders on share drive

Read article in ADMIN

Navigate to photos in Bridge

Search for stock images on Getty, Everett or Flickr Creative Commons Save to Lightbox on Getty or Everett or Firefox bookmarks

Add MetaData using IPTC template in Bridge Open photo in PhotoShop to edit, color correct, crop Save for web & devices and slug photo with subject-date-city-size

In Bridge, mark originals vs. cuts using metadata keywords Return to ADMIN Edit Content Copy the link from the body copy Browse share drive to select the file to upload Upload into ADMIN Add the link and ALT Tag Save the story in ADMIN

Choose the header art Search Entourage Email for photo credit Manually add photo credit to body copy and format Save story in ADMIN

Preview story in ADMIN Send ADMIN Email to edit if preview does not work Preview Link

Check off art box in ADMIN Save and release

Story is ready for review. Send ADMIN note to editor Cross story off the Base Camp Paper Production Schedule

If original photography was used, enter shoot name and number of images used in Google Document

Stop

Photographer shooting original art

Edit sources images


Three

Legend for Daily Candy Workflow B Communication

Sharing

Production

Research

MetaData

Start

Weekly Production Meeting Monday 1pm

Distribute BaseCamp Paper Production Calendar

Photo Editor creates folder structure and archive in Bridge

Kids Flipbook: Freelancers and Editors source all the images from clents (90%)

Receive Entourage email notification on photo status and if needed help finding images (10%)

Best of City Flipbooks: Web team sources images (50%)

Photos Editors source stock images on Getty, Everett, Flickr or company websites (50%)

Web Flipbooks: Web interns source images from clients (90%)

Occasionally, Photos Editors check images via Entourage email (10%)

Photo Editor creates BaseCamp thread with due date and contacts for FlipBooks

Photo Editors create folders in Bridge for Flipbooks in Bridge. kids-flipbooks-2012

Web Editors create folders for Flipbooks on server Main-flipbooks-2012

Web Team maintains a Status report on Google Docs with images and photo credits

Photos attached to Entourage e-mail and saved to Share Drive

Web interns notify photo editors via BaseCamp when images are available. *50% of the time, not all photos are in by Due Date

In Bridge, Photo Editor create s original and cut folders

Photo Editors add MetaData using IPTC template in Bridge

Open photo in PhotoShop to edit, color correct, crop Save images into folders and slug photo with subject-date-city-size

Photo Editor finds credits in Google Doc If photo quality is poor, photo editors will search for stock images on Getty or Flickr

Open photo in PhotoShop to edit, color correct, crop Sign into ADMIN Create Flipbook page Copy the link from the body copy Browse share drive to select the file to upload Upload photo into ADMIN Add the link and ALT Tag Save the story in ADMIN

Search Google Document for photo credit Manually add photo credit to body copy and format Save story in ADMIN

Preview story in ADMIN

Preview Link

Check off art box in ADMIN Save and release

Repeat process up to 25X

Compile all pages into one Flipbok on Admin

Send a link to the web team via BaseCamp that Flipbook is built

Dialogue about Flipbook changes are conducted in BaseCamp

About 60% of time, new photos come in. Web team downloads photos to folders on share drive

Web team alerts photo about photo additions and photo credits via BaseCamp In Bridge, Photo Editor create s original and cut folders

Photo Editors add MetaData using IPTC template in Bridge

Open photo in PhotoShop to edit, color correct, crop Save images into folders and slug photo with subject-date-city-size Sign into ADMIN Create new Flipbook page Copy the link from the body copy Browse share drive to select the file to upload Upload photo into ADMIN Add the link and ALT Tag Save the story in ADMIN Search Google Document for photo credit Manually add photo credit to body copy and format Save story in ADMIN

Preview story in ADMIN

Preview Link

Check off art box in ADMIN Save and release

Compile all pages into one Flipbok on Admin

Send a link to the web team via BaseCamp that new Flipbook image was added

In PhotoShop make composite if needed for Hero Image

Upload Hero Image to FlipBook

Let web team know the FlipBook is complete via BaseCamp

Send Flipbook to Production

Stop

Photo Editor adds credit to Google Doc

Web Editor move photos onto Share Drive


Four

Legend for Daily Candy Workflow C Communication

Sharing

Production

Research

MetaData

Start

Weekly Production Meeting 1pm Monday

Distribute BaseCamp Paper Production Calendar

Establish Due Dates for Photos*

Establish Due Dates for Cuts*

Make Stock Photo Requests

* Due Dates often change and are not updated in BaseCamp

Photo Editor creates folder on the Share drive for each Flipbook

The Editorial team sources all images from company, PR

Photo Editor creates BaseCamp task for each Flipbook and includes the run date, photo due date and Cuts Due Date

Editors gather images and use one of the following tools to send images to the photo editor at photostaff@dailycandy.com

Entoruage email **

DropBox

Gmail

Client FTP

YouSendIt

WeTransfer

*** Entoruage email system does not notify the sender or the receiver when attachment exceeds size limit (10mb?)

Some editors rename the photo files before sending them to photo editor

Or

Or

Some editors keep the original file names from the client

Photo Deadline is missed. Photo Editor reminds editors via BaseCamp about photo status. CC: Managing Editor and Senior Edior

Then The photo editor creates a folder for each company and places all the original files in the folder on the Share Drive

Email contains photo credits. Labeled with Flipbook Title, Product Service Name and Run Date

Or

Editor gathers images and send to photo editor

Or

Editor sends an Entourage email with a slide list and a link to captions in ADMIN

Editor creates the captions in ADMIN and alerts the photo editor through Entourage email

Or

Editor asks the photo editor to search for stock images on Getty, Everett or Flickr Creative Commons Photo Editor reads and compares captions to photos in ADMIN or email to make sure the information is correct Then Searches through company website or social media for possible images Or Requests images directly from the company if necessry Or Photo editor contacts company to setup a photo shoot with a contributing photographer

The Photo Editor creates a 'cut' and 'original' folder within the topic folder on the share drive

Photo Editor uses PhotoShop to color correct, crop, size all images for the Flipbook Add MetaData using IPTC template in Bridge

Photo Editor renames images according to naming convention and places into the 'Cut' folder on the share drive. company-date-city-size.jpg

Photo Editor moves images into original files when completed. In Bridge, photo editor marks images with metadata keywords: cuts and original

Photo Editor Signs into ADMIN Creates new Flipbook page. Name with topic-cocmpany name Browse share drive. Select photo to upload Upload into ADMIN Add ALT Tag and photo credit

Save the photo in ADMIN

Repeat process up to 25X

Create a new Flipbook in ADMIN

Add Flipbook pages to Flipbook

In PhotoShop make composite for Hero Image if needed

In ADMIN, Upload Hero Image to FlipBook Add the link and ALT Tag

Sign into BaseCamp. Paste the ADMIN link to the FlipBook into the file.* *Often difficult to find because the name of the flip book. Name differs from BaseCamp document Via BaseCamp, send the ADMIN link to the City Editor or Editor in charge.* * Never clear who is responsible for editing the copy. WHO SENDS ??? Send Flipbook to Production

Stop


Five

Legend for Daily Candy Workflow E Communication

Sharing

Production

Research

MetaData

Start

Account Manager creates folder structure and archive in Share Drive Weekly Meeting Merchant Calendar is an Excel worksheet for scheduling deals

Status Sheet is a google doc to track production

ICC provides photos via DropBox about 5% of time. ICC CMS is used for Production

Account Managers source images

Deals: Client provides images to Acct. Mgr. 25% of time

Client sends images to Account Manager via Entourage email or DropBox Or

Account Manager downloads all assets and photos into Partner Care folder on Share Drive

Local Photos from Freelance Photographers sent via YouSendIt or FTP. Photo Editor downloads to Share Drive

Photo Editor gets Entourage email or ichat notification on photo status

Photo Editor checks photos for size, quality etc in Bridge and Finder

Or

If quality is not okay, emails Account Mgr to request new photos Or Everyday Deals and National Deals: Photo editor pulls photos from client website. Usually screenshots are low-resolution and need PhotoShop work. About 50% of time Or Photo Editor searches Getty Images for Deals requiring Stock photography

Photo Editor copies photos to hard drive for editing

Photo Editor looks at Google Status Sheet to determine priorities and sourcing

Sign into ADMIN and search for article Often get locked out of ADMIN

Read article in ADMIN

Photo Headline often covers photo

Photo Editor reviews the merchant site and FaceBook checking the promotions, offers, special details in the story. Also checks for branding of color, style etc. Gather photos Client

Photographer

Website

Entoruage email

DropBox

Stock FTP

ICC Deal has Dropbox called iCityCerts

Photo Editor copies photos to local hard drive and creates folders named by source. (client, website, Facebook, ICC)

Or Photo Editor copies photos to local hard drive and creates folders named - Deals Shoot

Navigate to photos in Bridge Open photo in PhotoShop to edit, color correct, crop Often creates composite images in PhotoShop for 50% of EveryWhere Deals Review photos and rate them

Add MetaData using IPTC template in Bridge

Select five images and Meet The Owner photo

Color correct and crop images

Save for web & devices and size to 620 by 270 pixels. Save to BES folder. Cut derivatives of main image: 380 x 285, 220, 60. Create Photo Composites if needed

Create Social Media Promos if needed Copy the carousel images to the Partner Care folder on the Share Drive

Return to the Google Status Sheet and mark off "Photos In"

Enter Photo Credits for the Production Team

Review and send message to Production team that everything is final.

Stop

Local Deals: Original photography created by 15 freelance and staff photographers


Turn static files into dynamic content formats.

Create a flipbook
Issuu converts static files into: digital portfolios, online yearbooks, online catalogs, digital photo albums and more. Sign up and create your flipbook.