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

A Postcard from Tools of Change

Think back to the summer of 2007. The first iPhones are just hitting the stores. Kindle is still a gleam in Jeff Bezos' eye. And in the words of Publishers Weekly, "a festival of practical geekery" is taking place in San Jose, CA. That festival was the first Tools of Change for Publishing conference. We were there , of course. And while comparatively small, it was the largest gathering we'd found of people who cared as much as we did about the transition from print to digital books. That's still true today, which is why I'm excited to be on the floor of ToC 2010 as I write this. The show's a lot bigger now, and has spread beyond its geeky roots to focus on seismic shifts we're all aware of…the explosion of handheld devices , social software and changes in the ways all of us find and use information. If you're here, come see us. We'll be in booth 114 with our partners Digital Divide Data , and you can ...

Kindle's Cool, but Remember the Web?

If anyone can obsolete the printed book, Amazon can, and they're clearly taking a formidable whack at it with their handheld Kindle reader. We can't help wondering, though, how many consumers will really pay $400 for a single-purpose reading device, when alternatives from a riotously competitive hardware market combine reading with phone, messaging, music and other capabilities. For example, the iPhone pictured here, with a tasty looking page delivered via Tizra's Agile PDF . We wish we could say it's the result of some special technology we came up with for delivering books to mobile devices, but really it's just a byproduct of the fact that Agile PDF makes books work like the web. So as the web finds its way into more mobile devices, so will books published with Agile PDF. Meanwhile, of course, there are already a billion or so eager readers accessing the web through more traditional means. By the way, the sesame crusted tuna's from Montreal's Aix Cui...