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

Stanford's HighWire Press Picks Tizra

We're thrilled to announce a new partnership with Stanford University's HighWire Press.  It's exciting not only as an opportunity to work side-by-side with a longtime leader in online publishing, but also as validation of the robustness and flexibility we have worked so hard to build into Tizra.  HighWire has been serving up some of the most prestigious online journals in the world since 1995, and they are extremely selective about the technology they offer their customers. But the real proof of the collaboration's value is the response from the marketplace, with organizations including Project MUSE (Johns Hopkins University Press), Duke University Press , and GeoScienceWorld already signed on in advance of the product's launch.  Clearly, the increased discoverability, ease of use and agility resulting from the collaboration are what publishers—and readers—are looking for. Further details on the partnership are in the news release below.  A PDF version is ...

Leave Web Enough Alone!

Jeremy Zawodny is rightly torqued about the needless complication of tools that purport to help with information sharing. The web's always had that pretty well covered, thanks to the simple magic of the URL. Anything you find, you can bookmark, email, or with a tinyurl , disseminate on a cocktail napkin. If my dear grandfather had been born later, he probably would never have picked up the habit of mailing articles lovingly clipped with a pen knife, and instead would have referred me to his del.icio.us feed. Zawodny points to a bizarre assortment of pop-ups, forms, and other unwelcome surprises that result from the "helpful" new sharing features, and notes... they seem to be placed on the sites under the assumption that I'm too stupid to send email (to the people I presumably email frequently already) with a URL in it... Thanks for the confidence boost. At Tizra, we're more inclined to say thanks to for the opportunity to do better. Our AgilePDF™ , for exampl...

Context is King!

John Blossom's post on traditional portal strategies resonated with my recent thinking about aggregation sites ( Shorelines: portals Passe ). I made his post into a silly slogan for my subject line, but he is making a good case that even in the "piling things up" business, there are potential problems with actually piling them up. Reading it, for a minute, I had a pang about Tizra. You might be able to read it as saying that it's not worth building your own content collection at all, but I don't think that is the practical point for publishers. I think that the notion of stressing context and tuning product offerings to user groups is exactly what we enable with our product and content management tools. You need to have a branded presentation of your content to all your different audiences, and make every audience an offer that they want to buy. That takes a lot of flexibility, which is what we've concentrated on. That flexibility should be on tap, not the en...