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

Digital Einstein Papers Launches on Tizra

Launching today, THE DIGITAL EINSTEIN PAPERS is a publicly available website of the collected and translated papers of Albert Einstein that allows readers to explore the writings of the world’s most famous scientist as never before. FOR IMMEDIATE RELEASE [ PDF Version ] Princeton, NJ – December 5, 2014 – Princeton University Press, in partnership with Tizra, Hebrew University of Jerusalem, and California Institute of Technology, announces the launch of THE DIGITAL EINSTEIN PAPERS ( http://einsteinpapers.press.princeton.edu ). This unique, authoritative resource provides full public access to the translated and annotated writings of the most influential scientist of the twentieth century: Albert Einstein. “Princeton University Press has a long history of publishing books by and about Albert Einstein, including the incredible work found in The Collected Papers of Albert Einstein,” said Peter Dougherty, director of Princeton University Press. “We are delighted to make these t

Our Superficial Review of Surface: It Works with Tizra!

The new Microsoft Surface tablet was on the doorstep at Tizra HQ this morning, and we took a little time to run it through some basic tests.  Overall, our feeling was in line with the reviews: Nice hardware, and potentially attractive for those looking for a more mobile way to use MS Office.  Still a ways to go on software, though. We tried the Windows RT version of Internet Explorer 10 on a few Tizra sites, and overall they worked as expected, though interactions with the new reading interface we've just developed (more on this soon) were sluggish.  Part of it may be incompatibility with some underlying scripts, which will be tuned as IE 10 becomes more of a factor.  Part of it was probably just our unfamiliarity with new Metro interface. So for now, our minds are open on Surface as a device, but more importantly, we're thrilled to see another major player striving mightily to develop better ways for users to interact with the great content our customers deliver through

Tizra is at the 2012 Frankfurt Book Fair

Tizra is in Germany!  On Tuesday, October 9th, we are at the Tools of Change Frankfurt Conference.   For the rest of the week -- Wednesday, October 10th through Sunday, October 14th -- you can find us at the Frankfurt Book Fair , at the American Collective Stand - Hall 8.0 S949 .   If you are also in Frankfurt, we'd love to connect!  Please email or call us at +1 401-400-2989 and we'll happily set up some time. Hope to see you there. Entrance to the Frankfurt Book Fair "Festhalle."