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

Webinar Sneak Preview: Strategic SEO - Increasing Your Organization's Visibility

Q+A with SEO expert Pam Long of True DigitalWe caught up with Pam Long and asked her to answer just a few SEO-related questions in advance of her upcoming webinar - Strategic SEO: Increasing Your Organization's Visibility. In this session, Pam will focus on the SEO challenges faced by association and mission-based publishers and organizations, and the Q+A below is just a small taste of the information she has to share, and she'll be taking your questions throughout the webinar!
To register for this free webinar which takes place on Thursday, October 12 from 1pm ET - 2pm ET, click here.
1. What's the biggest SEO challenge facing association/mission-based publishers? You need to face the reality that there are organizations out there that have been generating content with the intent of being found far longer than many associations have had digital content available at all. You’re competing against the likes of Google Books and Amazon, who are very, very good at discoverability,…

New Mobile-Optimized Template Simplifies Site Design

Pre-designed templates are increasingly popular as a quick way to get new Tizra sites launched, or to refresh the design of an existing site.  A key driver in both cases is keeping up with increasingly high user expectations for ease of use and visual appeal, particularly on mobile devices. To address these needs, we’ve released a major upgrade to our Bootstrap-based responsive design template. The new version makes it much easier to customize with your own colors and logo, improves mobile interaction with the latest version of the Bootstrap framework, and adds numerous other visual and usability refinements.

Existing Tizra customers can try it out now by selecting the “Bootstrap Responsive Template” in the PRESENTATION area. Or if you’d like to see a quick preview, take a look at this demo site… https://abedemo.tizrapublisher.com

News Release: Tizra Announces an Open Platform for Interactive Publishing at Tools of Change

Web-based software lets publishers build interaction and community around their content, without being locked into proprietary tools and devices.

February 13, 2013 (New York, NY)--Tizra announced today at the O'Reilly Tools of Change Conference a combination of upgraded user interfaces and content management tools that provide publishers with a new option for publishing interactive digital content.  The system builds on the open standards of the web, providing an alternative to proprietary "walled garden" systems, which require publishers to commit to authoring tools, viewing devices and distribution channels controlled by specific vendors.

The new platform being demonstrated at the conference includes a completely re-designed web-based content viewing interface, which improves usability and compatibility across all the most popular web browsers and viewing devices, as well as enhanced linking and the ability to deliver access-controlled files in any digital format.

&q…