New Trilibis PSD2HTML software converts multiple, device-specific PSDs to a single HTML file.
July 12th, 2016 by Jason Saroyan
Designed for high-transaction, sophisticated enterprise WCMS and ecommerce environments, PSD2HTML features server-side image optimization that ensures fast page-load on every browser and mobile device
Today, more than ever before, a brand’s design team is focused on ensuring brand continuity in an omni-channel context: the website design identity must closely match and reinforce the design language used across ads, direct mail, social media, and even events. Perhaps this explains why Photoshop is still so popular among design teams who create the artwork that forms the basis of a website redesign or update: it’s the tool used to create artwork for all channels. What we often see with enterprise businesses is the internal design team (or, possibly, an external design/branding agency) delivering finished artwork to the web team in Photoshop PSD format. Nine times out ten, it is not just one .PSD file that is delivered, but three PSDs for the various layouts: desktop, tablet and mobile.
The net effect of this is that the website implementation team responsible for UX and backend assets of a WCMS is faced with a tsunami of PSDs that need to be converted to HTML/CSS/images. It’s a costly and time-consuming task. With that in mind, Trilibis has developed software that automates PSD to HTML conversion process. Intended for use in batch mode on a server, PSD2HTML represents the natural evolution of multi-PSD to HTML conversion tools for high-transaction, sophisticated enterprise WCMS and ecommerce environments.
PSD2HTML: how it works
Trilibis PSD2HTML is designed for use with the leading WCMS products, and runs as an executable on your WCMS server. Using PSD2HTML, you can completely automate the process of converting multiple complex PSD files to HTML/CSS/image files. Just load the PSD files and then let PSD2HTML generate all the web files needed to ensure a high-fidelity experience for desktop, tablet and mobile clients. As part of your pre-flight testing, you can use the built-in emulator, which provides pixel-perfect renditions of any page on dozens of browsers and devices.
Some other notable features and benefits include:
• server-side image optimization to reduce payload
• accelerated page-load performance for any client/device
• reduction of front-end development time by up to 50 percent
• support for RESS responsive web design.
To see it in action, check out this short demo video. Contact us here to learn more.
Last month, HP announced the availability of TeamSite 8.1, which further expands the capabilities of TeamSite and gives marketers the power to design, deploy and manage a multichannel digital experience for their customers. Building on TeamSite 8.0, which enabled marketers to transform existing TeamSite websites into mobile apps for both Android and iOS, the TeamSite 8.1 release adds a new way to enhance the mobile experience offered by TeamSite: push notifications.
In-app notifications are one of the most effective ways to boost app engagement, and this new feature makes it very easy to send reminders or announcements to app users. It also includes geo-fencing, which can limit or trigger notifications within specific locations or regions.
In this short video demo, we show how easy it is to convert a TeamSite website into a modern mobile app with the following steps:
• Creating an instance of a mobile app within the TeamSite console
• Selecting existing content within TeamSite and preparing it for adaption into the mobile app
• Previewing and testing the apps’s appearance and functionality on a variety of mobile devices, using the built-in device emulator
• Loading the compiled app into TeamSite
• Setting up and testing in-app notifications, including geo-fencing specification
This feature employs Trilibis RAIN technology (a mobile application development platform) to provide a smooth path for front-end developers to deploy a TeamSite8 website as a mobile iOS or Android app. It’s incredible just how simple it is to take a highly functional website and adapt it to the latest mobile devices!
Contact Trilibis or your HP rep to learn more.
Brands that are pursuing a coherent omnichannel marketing and sales strategy often implement a digital marketing platform at the center of their customer engagement activities. The most compelling reason to do so is that such a platform can act as both the content hub (a central repository from which content can be activated with the consumer, no matter which channel he/she is using —desktop, mobile, tablet, smartphone), and a control center for executing and measuring customer engagement activities.
Today, an advanced customer engagement strategy uses both “pull” digital marketing (in which consumers are actively seeking marketing content such as websites, blogs and social media), and “push” (whereby marketers send messages with or without the consent of the recipients – such as display advertising on websites, blogs and apps, email, text messaging, and web feeds). And while it’s true that the rise in prominence of mobile devices, mobile apps and contextual signals (location, time, activity, proximity, etc.) is causing a gradual shift toward push marketing, millions of us signal our intent via search every hour.
In a recent article on CMSwire, HP’s Sunil Menon observed that:
“Most companies still think of digital experiences in terms of destination — where they’re driving customers or prospects. While that’s the predominant means of delivery, users increasingly expect content to come to them. Display advertising and retargeting solutions already work this way; why shouldn’t the rest of the experience?”
He goes on to observe that digital marketing will continue to be a combination of push and pull. I agree with that — and would add that optimization must be critical consideration for brand marketers across all their channels. In fact, without carefully considered optimization of content for customer engagement activities, performance can be hindered, especially for those customers who are accessing the content on a smartphone.
For example: websites and landing pages are often front and center in “pull” strategies that aim to engage and influence a customer. Optimizing that web page for mobile is of paramount importance, and involves the following considerations:
1. Does it respond quickly?
2. Does content load quickly and in a way that prioritizes presentation of the most important information for that customer?
3. Is the layout and presentation of the information, along with device-specific features, optimized for the specific device that’s in the hand of the customer?
There’s an abundance of research that makes the case that failing to carefully plan for any of the above will result in customers abandoning the site — or worse, abandoning their shopping cart. Our Trilibis SNOW and SNOW IO technologies are specifically designed to ensure websites are optimized to maximize engagement and minimize visitor drop-off.
On that last point — cart abandonment — I am always amazed by how many marketers fail to notify me whenever I leave a cart without checking out. Technologies now exist to implement this functionality into both commerce systems and mobile apps. Trilibis RAIN technology enables digital marketing platform vendors to integrate this feature for their customers through push messaging. This same technology enables ISVs to easily add the creation and deployment of hybrid apps —complete with built-in push notification services that amplify brand content on a new engagement channel. Indeed, just as optimization is critical for websites, so, too is it essential for mobile apps.
Lastly, an up-and-coming push strategy is to integrate context such as proximity/location into the customer engagement mix. When combined with an understanding of the customer’s visit/purchase patterns, a truly personalized engagement strategy can be implemented. This is an area where we can expect to see some exciting innovation from the marketing platform vendors.
Here at Trilibis, we are ready to assist them with advanced content optimization technology that can maximize engagement throughout an omnichannel marketing strategy.
It’s 2016, and if 2015 was the Year of Mobile, then mobile-optimized websites must now comprise the majority of the Web — right? Well, maybe not. Because, while it’s now clear that mobile surpasses desktop for website visits on some sites, and even now rivals desktop for purchases, many website operators still have some work to do to ensure the mobile web experience is as good as that of desktop.
One reason for this is that it’s a major undertaking to modernize a major commercial website for mobile. According to Sunil Menon, who heads up HP’s digital marketing and analytics, the majority of web pages still need to be updated for mobile:
“9 out of 10 companies say that digital transformation is the priority with web, mobile and multichannel modernization at the top of their list of things to focus on. We also hear consistently that mobile is a priority for more than 78% of firms but the reality is that only 38% of the pages are mobile ready.”
E-commerce and marketing websites that handle visitors at scale are generally based on a CMS of some sort, which means the operators of these websites are looking to their CMS vendor to provide mobile optimization features.
As we learned at the recent HP Engage conference, HP is leading the way here, with the recent launch of TeamSite8. This latest version of HP’s enterprise CMS aims to improve the experience for Web users who visit TeamSite-powered websites, and for the developers who build them.
It’s what’s under the hood of TeamSite8 where HP really stands out. HP announced several new features in TeamSite8 that leverage Trilibis technology to enable differentiated mobile experiences for HP’s customers:
1.LiveSite mobile tagging. Advanced tagging enables developers to define how a page is presented to a device based on rules that govern appearance on variables such as OS, browser, device type, and local device features. TeamSite8 uses Trilibis SNOW technology to make TeamSite websites extremely knowledgeable about the device that is being used to access the page, and provides an efficient server-side mechanism to efficiently determine how the website should respond. For example, Trilibis SNOW facilitates the definition of highly granular break-points, based on individual device characteristics. This means developers can precisely control page presentation in a manner that exceeds what can be done using typical responsive design approaches. Another benefit is that SNOW boosts performance for the user by minimizing the size of content sent to the mobile device.
2. Device reporting. A huge part of HP’s overall value proposition for its customers is marketing analytics of website visitors. Since LiveSite8 can accurately determine the precise characteristics of every device that accesses any page, marketers can better identify emerging trends and further optimize the experience for mobile users.
3. Hybrid apps. HP has enhanced the multi-channel capabilities of TeamSite8 with the addition of support for hybrid applications within LiveSite Mobile. This feature employs Trilibis RAIN technology to provide a smooth path for website developers to deploy a TeamSite8 website as a hybrid app. In conjunction with HP’s Exstream technology, this means that HP customers can now engage with their customers across every channel: print and mail, email, mobile, social, web, and video.
These new features are automatically included for any TeamSite customer that upgrades to TeamSite8 with LiveSite Mobile, making it much easier and faster for enterprises, publishers and commerce operators to modernize their websites. We are incredibly pleased to say that Trilibis technology is helping HP to offer its customers the best in multi-device rendering for enhanced personalization and analytics.
If you’re an HP business partner and need more information how Trilibis SNOW and RAIN technologies can enhance TeamSite8 for your customers, please contact us.
Here’s a useful video that provides an overview of TeamSite8.
Developing and managing native mobile applications has been, and is still today, a major cost and time problem for businesses. One major challenge for developers is keeping pace with the increasingly fragmented device and OS market. New devices and OS updates continually flood the market, increasing the complexity of managing the mobile app lifecycle as developers try to ensure compatibility of their apps on the latest devices.
For enterprise developers, mobile application development platforms (MADPs), have simplified this problem by providing the capability to develop apps in less than half the time and cost of traditional approaches. However, even with MADPs, multiple codebases are needed to cater to the unique attributes of iOS and Android devices, as well as a range of other device types. There are any number of permutations that persist, given the varying device types, form factors and operating systems — requiring multiple versions of HTML and CSS for proper app development using a MADP.
Taking these challenges into account, and building on the technical foundation of our core product SNOW (Software Enabling One Web), we have created a MADP called RAIN, which allows developers to build optimized applications on the same HTML/CSS code as their desktop, tablet and mobile websites, just by using special server-side tags.
RAIN, which we’re making available to OEM ISVs today, allows developers to create channel-specific, native applications as required — this is great news for brands that want to deploy existing web content on mobile devices in the form of a app. RAIN ensures you will deliver the best user experience without the need to build a ‘one-size fits all’ mobile application. Better still, RAIN lets you do this from a single codebase — no need to bifurcate (or worse!) your code for difference platforms.
You can read about RAIN in today’s news release Click Here
RAIN supports the following native features on a wide array of target devices (including Android 2.2+ and iOS7+):
• Controlled Caching for offline content
• Push Notification with optional Geo-Fencing and Deep Linking
• Camera Access
• Contact List Access
With our core product SNOW, and now with RAIN, Trilibis is taking a singular code approach to Web and app development: one that provides an increased level of productivity and cost savings, which are much needed in the marketplace today. The ability to code once and deploy everywhere is becoming a reality, and we feel with RAIN we are just about there.
To learn more about how RAIN can speed up your mobile application development process, please contact firstname.lastname@example.org.