How to Bring Your Yearbook Online


Published on

Presentation from the 2013 NSPA Conventions in San Francisco and Boston regarding the integration of print yearbooks and online media.

  • Be the first to comment

  • Be the first to like this

No Downloads
Total Views
On Slideshare
From Embeds
Number of Embeds
Embeds 0
No embeds

No notes for slide

How to Bring Your Yearbook Online

  1. 1. 1 How to bring your yearbook online Ryan Demo Bellarmine College Preparatory Carillon Yearbook Editor-in-Chief
  2. 2. Parts of a Yearbook Journalists Photographers Designers The structure is there – you just have to manipulate it to make it work for you 2
  3. 3. Levels of Online Integration Photo Galleries YouTube/Vimeo Channel News Website Interactive Print 3
  4. 4. Step 1 online photo gallery 4
  5. 5. You Already Take Tons of Photos Photographers take hundreds of photos at events, but only a few go on the spread People want these extra photos Rating system 1 Star – Bad 2 Stars – Online 3 Stars – Spread 4 Stars – Dominant 5 Stars – Division/cover/portfolio worthy 5
  6. 6. 6 Zenfolio
  7. 7. 7
  8. 8. 8 Pricing Premium – $120/year Unlimited storage Sell photos Watermarks At $3.00/photo, you have to sell 40 photos a year to break even Advertise to parents Sports moms and dads want photos of their children Profile pictures
  9. 9. Advertise Your Gallery Your school’s website Business cards with the gallery link (Free from VistaPrint) Posters around school Email the link to everyone Facebook Fan Page Tag people in photos 9
  10. 10. vistaprint 10
  11. 11. Step 2 video 11
  12. 12. Video Camera 12 Chances are one of your cameras takes video If not, here are some HD Video Cameras: Nikon D3100, D3200, D5100, D5200, D7000, D600 Canon DSLRs Handheld HD camcorders – Panasonic makes good ones for a more moderate price If you have high quality video, you must invest in higher quality sound too Buy a microphone and a tripod (Google “DSLR mic”)
  13. 13. Record school assemblies Interview players after games Three-minute stories Profile an individual Voiceover on some stock footage Ask multiple people the same question Reactions to campus events, play reviews, etc. 13 Video Content
  14. 14. YouTube No videos over 15 minutes at first Partner program monetizes content Probably the better option Vimeo $9.95/month for Vimeo Plus: HD, no ads, embedding, 5GB/ week storage, no length limit More of the “creative professional” feel 14 uploading videos
  15. 15. Consistency 15 Like a yearbook, online content needs consistency Same fonts, same title layouts, same transitions Quality control: multimedia editor
  16. 16. centralizing your content 16
  17. 17. centralizing your content 17 At this point, we have: Photos Videos Two objectives: Create a distinctive online presence Bring it back to the yearbook
  18. 18. Step 3 News website 18
  19. 19. Parts of an Online News Package 19 Photography Video Written article Social media Side note: Use Twitter at athletic events posts to Facebook and Twitter
  20. 20. No Print Limits Embrace multimedia Galleries Integrate zenfolio with widgets Videos Series Soundslides Voiceover’d slideshow Audio interviews Require a photo with each post. ! Interactivity Polls Ratings Comments Countdowns, daily schedule Panoramas the-field-of-dreams/ 20
  21. 21. Rolling Deadlines Daily updates Assign each journalist to a day of the week Distribute weeks If there are ten writers, each person writes an article or makes a video once every other week Have a copy editor read and post articles each day “Our yearbook staff is too small for online” It really isn’t; everyone just needs to pitch in a little more 21
  22. 22. Online Coverage Proposal Name: Date: News (with a personal angle) Feature Editorial Arts & Entertainment Brief/profile on club or org Profile Game brief Athletic article: Possible Interviewees Type ofArticleArticle Idea (about 30 words) Photo and/orVideo Ideas Due one week from the day you are assigned a new article 22
  23. 23. 23 Setting Up a Website Domain names: Hosting service: It’s much more convenient if your school IT guy can host the website at school – no fees that way Backend: WordPress Buy a nice theme Set up an account for everyone so they can submit drafts
  24. 24. 24 website themes
  25. 25. Integrating with Yearbook Reporters already interview people and take pictures for the yearbook For spread assignments, preface it as “one more mod” Could be a game brief or player profile; coverage of an interesting class activity that isn’t important enough to go in the yearbook Require either written or multimedia coverage Regardless, it must have a photo 25
  26. 26. Biggest traffic-drivers Photo galleries Article diversity In-depth social coverage: rape culture, homophobia Profiles Really well-done satire Anonymous comments Have a liberal comment policy Use of social media Launch your website alongside yearbook distribution 26
  27. 27. 27 Summary A yearbook website gives you a place to centralize photos and videos online Embrace multimedia and interactivity WordPress is the simplest, most versatile solution To update regularly, add online assignments to yearbook topic assignments If this doesn’t apply, assign general news coverage !
  28. 28. Organization 28
  29. 29. Scenario 1: Small Staff 29 Adviser Journalism Staff Design Staff Design Editors 2 Editor-in-Chief Managing Editor 32 Copy Editors Photojournalism Editors Multimedia Editor Business Staff Business Editor
  30. 30. Scenario 2: Medium Size Staff 30 Adviser Journalism Staff Design Staff Design Editors 2 Yearbook Editor-in-Chief Online Editor-in-Chief 4 Copy Editor Copy Editor Videography EditorPhotojournalism Editors Business Staff Business Editor
  31. 31. Scenario 3: Large Staff 31 Adviser Yearbook Editors-in-Chief Managing Editor-in-Chief Online Editor-in-Chief Yearbook Journalism Staff Online Journalism Staff Design Staff Business Staff Copy EditorDesign Editors 2 2 4 Videography EditorCopy Editor Photojournalism Editors Business Editor Marketing Head
  32. 32. Step 4 interactive print 32
  33. 33. Two ways to tie online coverage and yearbook coverage together QR codes / Microsoft tag Interactive Print 33 Bring it Full Circle
  34. 34. – create an account, name your codes; color looks better in a yearbook Microsoft Tag Google “QR code generator” QR Codes 34 Both solutions can be printed on yearbook spreads and take you back to galleries, videos or website articles that correspond to spreads
  35. 35. varsityfootball 63 Athletics As the youngest brother of a family legacy and one of few returning starters, Kenneth Olugbode ’13 played a pivotal role on the team as a leader, teacher and example of excellence for younger players. written by Jeff Thomas. designed by steven kramer. T he crowd roared “KO DADDY,” as the offense huddled. As the team stepped to the line, everyone in attendance knew who the ball was going to. If you were to go back in time about two years, you would hear the same cheer, with the same name being called. However, this time, it would be a different brother stepping up to take the ball down the field and do his part in lifting his team to victory. “In the beginning of the year, I would try to live up to the standards my brothers (Alumni Kyle(’09) and Kris(’11)) set, but then I started to play for myself and those guys, the seniors who I will never get to play another down of football with after high school. That is what motivated me the most all year,” Kenneth Olugbode ’13 said. Listed primarily as a Linebacker and Tight End heading into the season, Olugbode’s role changed as the year progressed. “Some people got hurt, like Aaron Chapman, and, as the season progressed, I started getting faster and better running the ball, so Coach Janda asked me to play some running back. I, of course, took the opportunity to follow in my brothers’ footsteps. I don’t think the increased workload this year affected me too much. I came out there to win games and play football; touching the ball just made it that much sweeter,” Olugbode said. Although he is going to play only defense in college (Outside Linebacker at Colorado University), Olugbode explained that whether he is playing offense or defense, he will always be ready. “To me, it doesn’t really matter what position I’m playing; I just like making big plays, having an impact on the game, and hearing the crowd go wild.” the final decision Grant Bush ’14 explains his reaction to Coach Janda’s controversial decision to go for it in the 4th Quarter of the CCS Finals. 1 2 3 4 7 1 In the CCS Finals against Saint Ignatius, Kenneth Olugbode ‘15 prepares to stiff-arm the defender. “This year was a reloading year, in which we would come in as a new squad and prove everybody wrong,” Olugbode said. photo by henry strickland. 2 Quarterback KJ Carta- Samuels ‘14 attempts to get away from the defender. “The Mitty game was the pinnacle of the season because it gave us the confidence we needed to execute for the rest of the season,” Carta-Samuels said. photo by nick longoni. 6 5 3 After receiving a 47 yard pass, Jared Vallner’13 scores the first touchdown of the year. “My favorite moment from the season was the Mitty game because after I scored the last touchdown, we put up a defensive stand to win the game,” Vallner said. photo by nick longoni. 4 Breaking away from a tackler, running back Daniel Brown ‘13 rushes for 17 yards and into Monarch territory. “When the game was on the line all season, we would give all we had left...and then some,” Brown said. photo by ben frattini. 5 Starting for the first time on Senior Night, Connor Bridgeman ‘13 tackles the Sacred Heart Cathedral ball carrier. “I normally played QB, but Coach Amo gave me a chance. It was one of my favorite moments,” Bridgeman said. photo by kevin breschini. 6 Senior Alex Abiog attempts to bat down the pass by the Mitty quarterback. After being down, the team came back and stunned Mitty 14-10. photo by ben frattini. 7 Defenders Austin Changras ‘14 and Jayden Sawyer ‘13, celebrate the final goal line stand against Serra. “We always found a way to come out on top of tough situations,” Changras said. photo by kyle mackey. low expectationsExpected to take a step back, the team proved otherwise. With a completely new team taking the field in the season opener against De La Salle, the team was tested early and often. Projected to be a rebuilding year, the team strived to prove everyone wrong. Austin Changras ’14 explained: “before the season, no one thought we would be undefeated in WCAL, not even me. After the De La Salle game, we really reflected on ourselves and worked harder.” One of the few returning players, Jared Vallner ’13 said, “Every day at practice our coaches would ensure we were working hard and never finishing early because they knew what we needed to do in order to match last year’s success.” Actually the assistant coach, Coach Burke, came up to me and told I was going to be called on to kick the go ahead short 20-yard field goal. I was pumped because I had been dreaming the entire week about kicking the game-winner. When the offense went back onto the field I felt disappointed, but it was obviously Coach Janda’s decision to let the offense execute within 3 yards of scoring. It is something that I’m going to remember forever because those opportunities for kickers to kick a game- winner only come so often. the KO kid I live Connor DeMerritt ’14 to be the best person I can. Alexander Doan ’14 for policy debate. Kenyon Duncan ’14 to play music and listen to it played. Nijal Ferguson ’14 to serve others. You only live once! Emilio Flamenco ’14 for the hope of making a positive change in the world. Anthony Fontes ’14 The welcoming students and helpful teachers… Joshua Garces ’14 My classmates and teachers… Mani Gnanasivam ’14 Our accomplishments as a school… Ian Granger ’14 The great yearbook that I am helping to make… Yao Guang Hoh ’14 Awesome friends and teachers… BELL PRIDE. gave me 35
  36. 36. 36 interactive print using aurasma What you can overlay Photos Videos Audio Link Buttons Text Animations (Advanced) 3D Animations (Advanced)
  37. 37. App Overlays Content Based on Specific Markers Phone Locates Reference Image Upload Reference Image and Photos/Videos to Aurasma 37
  38. 38. 38 implementation Take photos and video from the same angle Video overlay Record interviews (video or audio) Soundslides Narrated slideshows
  39. 39. 39 Text Animation: Advanced Workflow Open spread in Adobe InDesign Export as a .eps file Import into Adobe Illustrator, group packages and separate each group into its own layer Import into an Adobe After Effects project with the spread dimensions, reconstruct the spread and then keyframe text animations Render After Effects project in spread dimensions at 480p (due to file size constraints) Upload to aurasma and set the reference image to be the starting frame of your animation (which should be the spread as it is printed)
  40. 40. Review Online photo gallery with zenfolio Start producing video content Create website where you can centralize everything Introduce online and multimedia editors into your staff to handle the increased workload and maintain quality Make online work supplementary to YB work In the yearbook, utilize QR codes and interactive print 40
  41. 41. 41 Thank You
  1. A particular slide catching your eye?

    Clipping is a handy way to collect important slides you want to go back to later.