Skip to main content

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

By

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.

Labels:

Comments

Post a Comment

Popular posts from this blog

Technical Podcasts

By Francisco Assis Rosa
If there is something the web as surely changed, it was the way that software engineers need to work. It is now a crucial aspect of our work to be able draw from the huge internet knowledge base out there in an efficient way to get to the right answers. Part of that information extraction is related to the keeping-up-to-date effort that every developer is required to accomplish to continue to be productive. While previous a software engineer could rely mostly on print material, nowadays we need to rely as well on content available on the net. Podcasts are such a source that can bring an amazing amount of information to the mix of knowledge one needs these days. If you are a software engineer and have not jumped into the podcast wagon yet, I suggest you do so. Here is a list some technical podcasts that we hear at Tizra: The Java Posse : a fantastic podcast on Java development. Containing news info update, analysis of tools, overall software development discussions. Software as She Dev...
2 comments
Read more

Using XML to Create a Better Online Reading Experience for the American Payroll Association

By
Congrats to the American Payroll Association on their recent launch of XML-based publications on Tizra!  Thanks to this collaboration, APA's authoritative books for payroll professionals are now available in crisp, reflowable HTML, creating a user experience that feels like a truly digital native product, rather than a conversion from print. XML-based publishing also creates a better mobile reading experience, supports more precise search and navigation, and opens the door to better accessibility for users with low vision and other disabilities. Our partners at  Scribe  did a great job supporting APA through the process of producing the XML for loading into Tizra, and we’d definitely recommend them to anyone interested in such a transition. It’s hard to overstate what a big step forward this is for Tizra as a platform and a company. XML has long been planned for in the product's architecture, but now for the first time, we have a working example that demonstrates t...
Post a Comment
Read more

The importance of continuous integration

By Francisco Assis Rosa
Leading a team of developers in the effort of building a robust, quality software product should involve the establishment of some process and tools to assist the team effort and serve as a safety net for the errors of getting people to work together. Continuous integration is, I believe, a crucial element of that process. Introduced by Martin Fowler and Matt Foemmel (see article Continuous Integration ), continuous integration establishes the practice of frequent integration of work developed by the several team members verified by automated build and testing of integrated code within a clean sandbox. This practice is valuable for several reasons: It promotes the development of a clear process of building/deployment independent of any specificity of developer's platforms. Code that exists on a single platform only is bound to become dependent on specific aspects of that platform without anyone really noticing the dependencies until trying to port to other platforms. The existence ...
Post a Comment
Read more