Jan. 9th The design of the Silicon Valley Business Journal, from prototype to reality
TAKEAWAY: With the launch of the Silicon Valley Business Journal, we examine the evolution of the design through multiple prototypes. PLUS: links of interest from the holiday.
Today’s post is written by Reed Reibstein, art director & project manager, Garcia Media
Yesterday, TheMarioBlog examined the new Silicon Valley Business Journal. Today, we look at how our Garcia Media / American City Business Journals team reached the final design.
Garcia Media’s main personnel were Mario R. Garcia, chief architect of the project, and Reed Reibstein, art director. There were many bright people from American City Business Journals—more than can be mentioned in this post—who provided valuable input throughout the process. The initiative was led by Whitney Shaw, president and CEO of ACBJ. Emory Thomas, Chief Content Officer, led the project team, guiding all aspects print and digital. When new creative director Jon Wile joined the project, he was instrumental in taking the design from prototypes to reality. The team also included Ed Baker, Mark Pawlosky and Joanne Skoog from ACBJ in Charlotte; and James MacGregor, Greg Baumann and Moryt Milo from SVBJ in San Jose.
The evolution of the Project Pinstripe design
The final design of the rethought Business Journals was the result of many concepts and even more revisions. Garcia Media collaborated closely with American City Business Journals to investigate how local business stories could best be told. The following images provide a brief look at the major models produced.
Models A & B
The first prototypes aimed to explore where the team wished to go with this project. Model A was more adventurous than Model B. Only the centerpiece in Model A jumped—the rest of the items were teasers and a self-contained brief opinion piece. Model A also features the first attempt to create an identity system for all Business Journals. Seeing Model B crystallized for the team that the enthusiastic storytelling of Model A was the right direction to pursue.
Model A revisions
The next phase sought to add more color, variety, and energy to Model A. Note the nameplate, which introduced the pinstripes that would become a key part of the Business Journals’ identity.
As part of the discussions about the role of print in the modern media ecosystem, the team examined what an elegant, analysis-focused publication might look like. This concept emphasized the “lean back” nature of print, which describes how readers are able to relax and disconnect from the more immediate digital platforms. Though the lean back concept was intriguing, it did not effectively represent the newsiness and urgency crucial to the best Business Journal reporting.
The “Flipboard” architecture refers to the eponymous iPad app that makes use of large regions of images in a prominent grid. The front page adapts this digital design philosophy to print, producing a contemporary and highly flexible look.
The Flipboard concept was the right one, and the team undertook additional revisions to develop the front page further. A critical element was increasing the urgency and newsiness of the front page, which were addressed by the more text-driven centerpiece and secondary headline at the bottom.
This revision also included a new nameplate, designed to be more flexible and contemporary than the previous blue pinstriped version. This new nameplate would prove to fit better with the Flipboard front page concept and became the basis for the Business Journals’ identities.
Final Flipboard prototype
A further refinement of the Flipboard concept, this front page fully developed the Business Journals’ visual language. Note the more sophisticated mix of image- and text-driven panels, along with a more layered centerpiece. This version also introduced a logo for The List and experimented with red instead of blue as the signature color. It was decided in the next round to return to the original “Sapphire” color for Silicon Valley.
Launch issue in San Jose
Smaller design tweaks led to the culminating launch issue of the new Silicon Valley Business Journal.
Previous posts on the Silicon Valley Business Journal
Of special interest:
Remembering 2012 via the front pages
Do not miss this great collection of newsworthy 2012 pages from The New York Times.
Along the same lines, Bild of Germany did a double page spread with its notable 2012 pages:
The headline reads: This was our year!
When Gerard Baker put together his new team for The Wall Street Journal, he sent a memo to the team that included this:
“The next phase of our growth will be driven in significant measure by the completion of that integration, the creation of a single and indissoluble news organization uniquely equipped to supply a continuous stream of scoops, analysis, features and penetrating investigations: in real time, on our digital platforms and in the newspaper, to a global audience of hundreds of millions. To that end we need an editorial leadership that is tasked to meet the challenge.”
Platform hopping on the increase
We believe that many media consumers are using various platforms during the course of their day, but we are also reassured that sometimes the content of one story is discovered across platforms. One may begin reading on the mobile telephone, continue in print and then end the story online, or on the tablet.
This piece corroborates it:
Worth reading (in case you missed it):
Pages we like
And today’s page, a double truck from Germany’s Bild: all about fish and the guide to helping us select it at the fish market.
Take advantage of our iPad Design/Ad Lab workshops
Do you want to take your brand to the next level by creating a tablet edition? Garcia Media can help. We now offer one- to two-day iPad Design Lab workshops on demand to jumpstart your presence on this exciting new platform. We also offer iPad Ad Lab workshops to develop engaging advertising models for your app. Contact us for more information.
The EPUB version of book is HERE:
Now available: The EPUB version of iPad Design Lab: Storytelling in the Age of the Tablet, ready for download via Amazon.com for Kindle:
Here is how you can get the book:
The original version of the book is the multitouch textbook version available on the iBookstore for iPad (iOS 5.0 and up): https://itunes.apple.com/book/ipad-design-lab/id565672822. This version includes video walkthroughs, audio introductions to each chapter, swipeable slideshows, a glossary and a sophisticated look and feel.
Apple only sells multitouch textbooks in certain countries at this time, unfortunately. Copies are available in at least the following countries: Australia, Austria, Belgium, Canada, Finland, France, Germany, Great Britain, Greece, Italy, Latvia, Luxembourg, The Netherlands, Poland, Portugal, Romania, Slovakia, Spain, and the United States.
For those in other countries and without an iPad, we have made the book available in a basic edition for other platforms. This basic edition includes the full text of the original, along with the images and captions, but lacks the other features such as audio and video. It is available on the following platforms in many countries:
Amazon Kindle: http://amzn.to/SlPzjZ
Google Books: http://bit.ly/TYKcew
Take a video tour of iPad Design Lab
Read the Society of Publication Designers’ review of The iPad Design Lab here:
Garcia Interactive: a world of information
Keep up with Mario Garcia Jr.. via Garcia Interactive: helping transform online news since 1995.
TheMarioBlog post #1168
Posted by Dr. Mario R. Garcia on January 09, 2013
comments powered by Disqus
- South by Southwest: A discussion of the iWED concept: words and visuals for the digital age
- The return of the printed Newsweek today
- Creating without the ghost of legacy in the room
- The stiletto shoe, the egg yolk and the most elusive page ever
- For printed newspapers: mastering the “grab effect”
about the author
Dr. Mario R. Garcia
Where's Mario? (January 5–31)
Mario's speaking engagements (January 2014)
Mario's latest book: iPad Design Lab
Mario at Columbia Journalism School
Teaching three continuing education courses at Columbia
Take advantage of our iPad Design/Ad Lab workshops
about the blog
A blog about storytelling, design, the projects we work on, the things we learn along the way. View all blog entries »
Get updates delivered to your newsreader (RSS 2.0)