Skip to main content

Behind the Screens, Pt. 2--Customizing Site Design in Tizra Publisher

If you’ve seen some of the sites created with Tizra Publisher, you know how different they can look.

But how does this happen? In this second in our series on the Tizra Publisher web based control panel (first post here), we’ll show how easy it is to completely re-skin and restructure an Tizra Publisher site in a matter of hours.

First, a little slideshow of some recent results:

As in the first post, we’ll use the eat.shop guides from Cabazon Books as our example. Founded by a graphic designer, Cabazon has a strong visual identity and has done a great job reinforcing it across its print and online properties.

Step 1: Pick a design
While Tizra Publisher does provide pre-made templates for publishers to customize, Cabazon already had a site design they were happy with, and wanted to carry it over to the new online books site they were building on Tizra Publisher. Screens from the preexisting design they wanted to match:

Cabazon’s original eat.shop homepage

Cabazon’s original eat.shop homepage.

Original purchase page for print books

Original purchase page for print books.

Step 2: Upload images
The first step in implementing the design on Tizra Publisher is to grab the GIFs and JPEGs created for the original site and upload them through the Tizra Publisher control panel, so they can be incorporated into the new web pages.

Uploading an image

Uploading an image.

Step 3: Upload stylesheets
Like most sites, Cabazon’s existing design relied on standard cascading stylesheets for type, layout and other design information. These styles were imported into Tizra Publisher by uploading a CSS file.

Uploading CSS

Uploading CSS.

Step 4: Set up page structure
Tizra Publisher lets users build pages by arranging drag-and-drop Smart Blocks, rather than writing code. There are Smart Blocks for all of the dozens of page components and functions that can appear on an Tizra Publisher site, including Search, Login, Sales Promotions, Commerce, and even advertisements using Google AdWords. Watch the video to see how the components of the page used to display tables of contents for the eat.shop guides were dragged into place. Larger version here.

Click for larger video.

Step 5: We've got a match!
In just a few steps, we've matched Cabazon's design exactly and tied it in with the preexisting eat.shop site. Compare this new catalog of online books with their original printed book catalog back at the beginning of the post.

New online book purchase page

New online book purchase page...compare with original print version above.

Step 6: Experiment, learn, evolve.
So now Cabazon has extended two of its biggest assets—its content and its brand—into a new online presence based on Tizra Publisher.

Next: The really interesting part. Using Tizra Publisher's integrated commerce and content management tools to leverage those assets by unbinding, remixing and rebundling them into a new range of online products.

Comments

Popular posts from this blog

What Einstein Taught Us About Searching Inside Publications

When the Collected Papers of Albert Einstein went live on Tizra a few years ago, it was a huge step forward. Suddenly, anyone anywhere could search and access the output of one of the 20th Century’s great minds…from love letters to breakthrough articles that changed how we think about the nature of time and space. But the project also showed the limits of traditional tools for searching within large, complex publications. These limits sparked a collaboration with Princeton University Press and Einstein Papers Project editors, which this year resulted in a dynamic new search interface, which we’ll be demonstrating in a Webcast Friday, December 15 at 1pm ET. The interface not only makes it easier for Einstein researchers to home in on relevant content on both mobile devices and desktops, it points the way toward faster, better searching within a wide range of publication types, from reference books to periodicals, technical documentation and standards to textbooks. Click To Register for…

2018 Tizra User Summit: What We Learned by Meeting Our Customers Where We Are

They say you should "meet your customers where they are." Well, for Tizra's 4th annual user conference we decided to take a chance and do the opposite. Instead of going to Chicago or DC, where Tizra customers are concentrated, we bet on hosting in our home town of Providence, RI. It's not that we don't love Chicago and DC, but we really felt we could do something special with the home field advantage. As it turns out, we were right.

The Tizra user community is a silo-busting mix of creatives, technologists, content strategists and executives, who share the goal of building, engaging and generating value from audiences with digital content. For this crowd, we didn't want a sterile conference facility. We felt that by giving them a place they could really connect with, we'd help them connect with each other. Providence, with its vibrant tech and design scene, walkable downtown, and non-traditional venues, provided just the funky catalyst we were looking fo…

Free Webinar: How to get off the mult-format content treadmill

Free Webinar: Friday, September 21 12-12:30 pm (ET) How to wrangle ALL your content types into one beautiful online hub… and get off the treadmill for good! It never lets up. First it was publications and conference materials. Then blogs and social media. Then webinars, infographics, podcasts and online courses. You keep cranking them out, but where do they all go? How can you keep your communications investment from evaporating at the speed of Twitter?

Tizra lets you bring it all together into a great-looking, searchable, mobile-friendly website that delivers long-lasting value to your audience.

In 30 minutes you will learn...

How to broadcast and curate mixed media types for maximum impact.How to categorize content for ease of use and maintenance.How a well-tuned search can reveal hidden gems.REGISTER NOW!