We’re very excited to announce the release of the new mobile web design editor. Handzon version 3.0 has been released from beta and will be made available to all users on June 1. During the launch date, all web sites hosted with Handzon will be set to standard desktop mode. The New Mobile web designer will be set to disabled allowing every paid web site to optimize pages and templates for all mobile devices and publish when done. Web sites built for the Iphone, the Ipad and all Android devices will be included within Handzon V3.
So what does the Handzon mobile web designer do?
With the Handzon adaptive mobile editor, users can actually see how their layout is going to look in a number of devices (IPad, IPod, Android) and orientations (portrait, landscape). And by using the same interface that users are already familiar with, you can quickly and easily make adjustments to the mobile versions of the template by moving, resizing, or hiding individual elements within the header and footer of the template. Users can quickly change background images used in the header and footer for ones optimized for the device being targeted, and there’s no learning curve at all because it’s still the same interface used when editing the desktop version of the template.
The advantage to this approach is that you already know how to use the software. Everything that works on the desktop versions will work exactly the same on all mobile versions. A HandzON site is a single website that adapts to the device viewing it. That means that text changes or new pages built for your desktop website will already be visible on mobile devices, without time-consuming or complex “synching” on other services. It’s an amazing approach that normally requires hiring a professional mobile web developer to achieve. You’ll now know how to build a mobile web site, this will greatly expand you reach.
We will be releasing training videos just before the launch. Meanwhile, we thought it would be exciting to show you some screenshots on what the new interface will look like.
In this image you’ll notice that the page looks like a standard web site. But you’ll notice that in the center top, there’s now a drop down allowing you to change the different modes of the web site.
You’ll notice that in this example below we’re choosing the tablet mode. Notice how all of the images have been reduced and the text automatically wraps. The responsive layout handles the content within the page, now you can simply drag and drop your content, hide certain content for tablets or add additional content as needed and it will be published only for the mobile device you’ve selected.
In this example you’ll notice that we are in mobile mode. All of the same functions are applied here. But you’ll notice that there is a great difference between the desktop mode and a mobile mode layout. You’ll notice that the content is reduced dramatically, the images now fit a mobile device, however the great advantage is that the system will automatically change those images that have been reduced to thumbnails so they can easily be clicked on for a larger version.
Whenever changes are made to the desktop mode however, all mobile device modes will be updated automatically. There’s no synching required. Remarkable….. See you on June 1st…