There is a saying: "If it aint broke don't try and fix it" so how do you approach the redesign of a website that's already attained #1 Google rankings?
Sub@omic built the original website for Prestige Print in 2008 but, over the course of the 7 years the website was live and winning new business, things had changed to the point where the website needed to be totally overhauled.
The big shift in the marketplace had been the move towards mobile and tablets away from desktops and laptops. Whilst Prestige Print's website worked perfectly on the small screen, Internet bandwidth had opened-up plus desktop displays had become larger and capable of displaying high resolution, high definition images.
Instead a of building a new website for the business, Sub@omic jumped-upon Prestige's full-page, infinitely-scrolling design layout and built a web app. What's the difference? Well, a web app is built to manage and automate a specific business process or task such as generating quotations, estimates or, in this case, cataloguing over 1,700 marketing design ideas for estate agents.
Prestige took the opportunity and rebranded itself into Prestive Creative whilst Sub@omic used all the existing website content and turned the #1 ranking website into a #1 ranking web app. Because all the website content was already held and managed on the webserver in a MySQL database, Prestige were saved the time and effort associated with rewriting over 1,700 pages of SEO content.
This web app uses responsive HTML5 techniques to deliver a consistently branded look and feel regardless of the device an estate agent chooses to browse with. The full screen web page layout does more than simply collapse; depending upon the width of the device being used, different parts of the web page are switched-off so that boxes of text are correctly presented and space the design requires on a widescreen, desktop view is collapsed for the mobile viewer. Additionally, the website lets the web browser choose the most appropriate filesize based upon device screen width and offers the browser up to 3 different resolutions of images (from 440px2 - 1,438px2) - some refer to these kinds of responsive images as retina images. We like to think of them as HD images.
So, a fullscreen web app that throws HD images about is going to be slow, right? Wrong! We compared our web app to the website of the closest competitor and discovered that it used 18% less bandwidth when first loading and loads 25% (just over a second and a quarter) faster.