Layar
Part of the Blippar Group

Blog: magazine

Inc. Magazine Connects Print and Digital with Layar

Chris Cameron June 4, 2013

The widely read business magazine Inc., famous for its annual “Inc. 500” list of the fastest growing companies, has begun enhancing its pages with interactive print using the Layar Creator.

Inc. not only boasts a 700,000+ magazine circulation - it also has a bevy of digital content on its popular website and blogs, supplementing the material featured each month in the magazine. With the Layar Creator, Inc. is able to connect these two large markets, bringing the additional digital content to the printed page and to its massive reader audience.

“It’s all part of our effort to find new ways to tell the stories of entrepreneurs and, in ways that no one else can, to tackle the issues that matter most to them,” said Eric Schurenberg, editor-in-chief of Inc.

In the recently released June issue, readers can scan pages of the magazine to see video interviews with some of this year’s overachieving “30 Under 30” entrepreneurs, a welcome video from editor Eric Schurenberg, dynamic advertisements and more.

“Thanks to Layar, we are able to increase the engagement of our readers within editorial while taking advantage of new forms of mobile e-commerce with ads,” said John Tebeau, Publisher of Inc. “Integrating this technology into the pages of Inc. puts the magazine at the forefront of reader engagement opportunities – something that’s prized by both our readers and our marketing partners.”

The latest issue of Inc. is another fine example of how the Layar Creator is the perfect solution for bringing together the two worlds of print and digital. As the popularity of interactive print continues to grow, Inc. is helping lead the way amongst a growing list of U.S. magazines choosing Layar.

Permalink: www.layar.com/news/blog/499

Email this article
 

GUP Magazine Brings Art Photography to Life

Chris Cameron May 27, 2013

Since 2005, GUP Magazine – the Guide to Unique Photography – has been publishing its inspiring magazine of photography, and more specifically: art photography. In its most recent issue, which centers on photography in Los Angeles, GUP has brought its collection of astounding photography to life with interactive print.

Click here to scan the cover of GUP Magazine!

A special motion-graphic animation on the cover (created by Marija Danilovic, see above) featuring Angelina Jolie welcomes readers to the issue. Inside, as readers flip through the various photographers’ galleries, they can scan the pages to view video documentaries, films and trailers for a behind-the-scenes look. 

“We decided to add interactive elements to the magazine because it adds an extra layer to our current content,” says Peter Bas of GUP Magazine, who calls the Layar Creator “quick, cheap and easy.”

With the Layar Creator, its easy to quickly link extra digital content to print pages, increasing reader engagement and opening doors to new, digital commerce opportunities for publishers.

“Most of the featured photographers also film their projects nowadays,” adds Bas. “In a magazine it’s impossible to show this, but with Layar’s technology it is. The additional layer is a direct enrichment to the content of the magazine and to the reader experience.”

Click the images above to view in full-size.

Permalink: www.layar.com/news/blog/497

Email this article
 

Print Power’s Magic Cover Comes Alive with Interactive Print

Chris Cameron April 18, 2013

The Dutch magazine Print Power has created a truly magical cover for its latest issue with Layar’s interactive print. Scanning the cover with Layar brings the static cover to life with a truly awesome video of a magician doing several great close-up card tricks in less than 60 seconds. It’s really something to see!

When we talk about adding the “Wow” factor to your print, this is what we mean! This is a very effective implementation of Layar’s interactive print technology. The call-to-action in the upper right instructs the reader to watch as the magician on the cover comes alive.

Click here to try it for yourself!

This is right up there among the best covers we’ve seen in interactive print, along with the robots on this Reader’s Digest cover and our own LAYARED Magazine with co-founder Raimo. There are lots of other great examples out there, but Print Power has really set the standard for augmented magazine covers!

Permalink: www.layar.com/news/blog/483

Email this article
 

Layar Enhances 2013 FIPP World Report

Chris Cameron March 19, 2013

FIPP, the world’s most high profile magazine media association with over 700 member companies in 60 countries, has added Layar’s interactive print to its fourth annual Innovations in Magazine Media World Report.

The association represents companies and individuals involved in all parts of the magazine media industry, providing business strategies and emerging trends in an effort to improve industry skills worldwide. Each year it publishes its World Report focusing on the top magazine innovations, and this year, the entire report has been enhanced with the most exciting of these innovations: interactive print from Layar.

In the report, readers can see pages come alive with videos, social media links, interactive image carousels, Twitter feeds and even an embedded survey to vote for the most innovative ad. Check out the video above – featured as an ad on the inside back cover of the report – to see the interactive print elements of this year’s World Report.

“We’re very thrilled to be working with FIPP to bring the added value of interactive print to the 2013 Innovations in Magazine Media World Report,” said Layar CEO Quintin Schevernels. “As new print innovations increasingly gain momentum, interactive print is emerging as the leading way to engage readers and generate revenue opportunities that the print industry has never seen before.”

Permalink: www.layar.com/news/blog/471

Email this article
 

HTML Week – Simple Shopping Cart

Chris Cameron March 14, 2013

Catch up with HTML Week!

Welcome to HTML Week here on the Layar blog where we’ll be taking a look at some of the great ways you can bring print alive with HTML widgets in the Layar Creator. We’ll provide a closer look at how each example was built, and provide you with some resources to add similar techniques to your own projects. Each example we feature can be found in the completely refreshed and updated LAYARED Magazine! Get yours today and see how interactive print is creating more engaging reader experiences!

Today for HTML Week we are taking a look at one of our several ecommerce solutions found in LAYARED Magazine. Print is often advertising a product being sold, and now readers can buy items right off the page with interactive print!

We have multiple mobile shopping examples in LAYARED Magazine. On page 18, scanning the advertisement for a men’s briefcase brings up photos and information on similar products, and on page 22, you can interact with detailed information about the products found in the photo spread. But be sure to check out page 20 where things get really interesting!

Simple Shopping Cart

Everyone these days is familiar with an online shopping, and some may have even purchased an item from the mobile device via the web. In this example, we offer a way to bring the shopping cart experience in augmented reality with interactive print.

Essentially this example is a proof of concept, showing how the Layar App can handle “cookies” of information which can be translated into an actual shopping cart experience. On page 20 of LAYARED Magazine, you’ll see an ad for several products, including a wristwatch. Scanning with Layar displays two widgets – one for picking a color and adding the item to a cart, and one for viewing your cart info and proceeding to checkout.

When a user taps on one of the three color squares, the color of the watch in the magazine changes, much like in a traditional web-based shopping experience. This is accomplished with some simple jQuery code. There are many ways to accomplish this effect, but we chose the simplest route.

First we stacked the three different images of the watch on top of each other, but set two to be “hidden.” When a user taps on one of the colored swatches, the corresponding watch image is set from “hidden” to “visible,” and the watch which was previously “visible” is then made “hidden.” It’s a really simple, quick and easy way to showcase different colors of products with interactive print.

Tapping “Add to Cart” then stores the chosen product as a “cookie.” The top widget tracks the changes on this “cookie” and changes the number of items whenever a product is added to the cart. Readers can then tap the link to proceed to checkout with the shopping cart they have filled. In our case, it’s a dummy shopping cart so no product can actually be purchased, but it shows how a shopping cart experience can easily be implemented.

Layar behaves like a normal web browser, which means you can use normal HTML tactics to display different AR content based on user input, providing for a more personalized experience for readers. Here’s more about how this widget works:

  • Uses jQuery and “cookies” to save information.
  • Multiple “Add to Cart” buttons and widgets could be used.
  • More features and options could be added: color, quantity, size, design, etc.
  • The ultimate version of the shopping cart widget would allow one widget to be used throughout an entire campaign.

More: Photo Grid & Animated Ad

Of course, the shopping cart isn’t the only ecommerce example found in LAYARED Magazine. Check out page 18 for a dynamic photo grid and page 22 for an animated advertisement. Here’s a little more on how we made these great interactive items.

For the photo grid, we wanted to showcase some similar products to the one in the photo. Using similar jQuery tricks we mentioned yesterday with the Lonely Planet map, we created some slick animation effects and slideshows to provide more information about each product. Alternatively, you could add “Buy now!” buttons for each product and connect it with a shopping cart widget.

You can also create a slick photo slideshow with no HTML at all. Just use the built in Image Carousel widget in the Layar Creator! You can see an example of this widget in action in the image on the right. All you do is upload your images, put them in the order than you want, choose the size of the carousel and it’s ready to go!

The animated ad on page 22 was created to show off the possibilities of simple animation with jQuery. Tapping the button which appears on the page animates more buttons which hover over the various products. Tapping these buttons triggers slick animated windows that provide the reader with added information about the product.

Like a lot of HTML examples, it seems complicated but is actually relatively simple to create using the jQuery tactics we’ve gone over so far in HTML Week.

That’s it for today’s examples! Be sure to keep it here tomorrow as well as we wrap up HTML Week with our final widget example!

Permalink: www.layar.com/news/blog/467

Email this article
 
We use cookies to improve our services. Don’t worry, they don’t store personal or sensitive information and you can disable them at any time in your browser settings.