LiveArt Blog

Adding Templates Gallery with LiveArt HTML5

Regardless of the printing industry, having a catalog of pre-made templates helps customers nail down their idea and complete the purchase. Rather than starting from scratch with no design ideas users can quickly makeover ready business cards templates, for example, or pre-made t-shirt designs. The pre-designed items available for customization create an additional unique selling point boosting your overall sales and letting customers having more fun.

Pre-made business cards catalog sample

Read more

Gallery of business cards. Courtesy of Zazzle.com

Since early releases, we have been frequently asked if LiveArt HTML5 Online Product Designer tool could be used to offer users selection of pre-designed templates from template gallery. The answer is yes, LiveArt HTML5 can be integrated in a way to allow users start with some ready design rather than blank template.

The blank template are normally plain product images which are loaded to designer. Whether they represent a t-shirt, a banner, or sign, its template can be loaded on the background of working area to show where customer can place their design.

Now for the pre-made templates, a certain design should be created first and saved into your eCommerce website before it can be offered to the user. Technically, a saved pre-made template consists of descriptive information like title and date and the template file itself which is either XML or SVG. The advanced templates may contain information on whether a certain area could be moved or not and which parts should be filled with text fields. Depending on the eCommerce platform of your choice, the ability to save pre-made templates should be developed during the integration of online product design tool.

Next, a page with ready templates should be populated somewhere on your website. In the simplest case, this can be just a page with a list of available templates. Each template record may constitute of image, title, and stay linked to product designer with a certain parameter, indicating which template should be loaded.

You can always extend the functionality of your catalog templates by adding tools like search, categorization and showing additional average pricing of the pre-designed product. A quick search would be essential for user to locate their idea quickly. Respectively, usable and quick navigation would shorten the time between moment user came to your website and the moment user will be checking out with a modified pre-made template.

Paradigm Shift of Personalization Tools Towards Simplicity

The online product customization software has been traditional in a sense of UI for over a decade now. The instruments might be different, going from old-school Javascript, then Flash and Silverlight, and, finally, Javascript again, albeit with more assistive technologies like JQuery and Bootstrap.

The advent of mobile devices powerful enough to compete with desktop PCs has changed everything in a way how common customer personalizes their product. The previous online personalization tools were mostly intended to work with desktop computers, which included a common single input device as a mouse (keyboards were never usable for customizing a t-shirt as a primary device). Using the above one could select a product from the catalog and add simple personalization of text and artwork.

Read more

As users became more technologically savvy, the online personalization tools offered more and more features. At a certain point, they almost started to resemble professional software like Adobe Photoshop. Such tools offered users lots of buttons and options increasing both complexities of UI and CPU load at the same time. The online design tool right for the user had to choose now between sophisticated tools on the one hand and simplicity and load speed at the other.

The mobile interfaces for iOS, Android, Windows 8 devices came along with the simple concept that had to exist in all applications people would install. Respectively, users would expect same experience from HTML-based web applications for online product customization. The fact of expected simplicity has shifted the paradigm of complex and sophisticated features for the sake of clean and neat UI that would allow customers to quickly apply custom text and images to the product and checkout without lengthy and complex processes.

Are you still using old and complex online personalization tools? Need a replacement to quick and neat online product designer that would work on both desktop PC and all mobile devices? Request a demo today to get advice for the right online design software for your website.

Why the Output Is So Important For Custom Printing Companies

One of the crucial things about online design software, is having an appropriate online designer output, which would minimize production efforts and streamline the ordering process. Ideally, the design file should be immediately compliant to be printed on a ready product. The other benefits normally include:

   - Less returns and refunds;

  - Less graphic designer input is required;

  - Increased general customer satisfaction with easy proofing;

Read more

The common format which is offered by most of the online designer software vendors is PDF. In the marketing messages this is communicated as being an applicable format for both backend office as proof and production for printing. However, how does a printing company knows if a manifested information about PDF would be of sufficient quality? What are key aspects to evaluate about the output from online designer?

The first thing we normally do at LiveArt is requesting an example of pre made design from our client. This could be an Illustrator, CorelDraw or an EPS file we can open and decide, whether additional tweaking might be required for our standard vector PDF output. Normally, there’s a standard set of tweaks which are requested more frequently than others. These can be split in groups:

  - Format. While the common format used over the output is PDF, sometimes the printing requires different suitable formats like TIFF or EPS. In such case certain additional development might be required to let this happen.

  - Resolution. Most of the resolution questions are covered with the vector PDF LiveArt is providing as this allows rasterizing the mockup to the required resolution, whether it is 300 or 600 dpi. If the required format is raster, the resolution should be indicated explicitly in LiveArt Online Product Designer configuration files; 

  - Bleeds. In most cases the output mockup does not require any additional bleeds placement. Yet still, the software has to support ability to place extra layer of the necessary bleed areas. This type of output files modification is popular in signs printing.

  - Post-processing. The post-processing may include application of raster filters to output raster image, including product image into design mockup, put additional information directly into mockup, e.g. SKU and product color in text.

Taking output image requirements into account might be the most important part of the online design software. So when deciding about the vendor of online design software, make sure they are totally ready to match your business needs for online design output.