Clicky Media™ are proud to announce the launch of the brand new Apropos Mobile Website!
Mobile websites are specifically designed to be used on small screens, with the direct needs of a mobile user in mind. This can significantly help a business to not only connect with customers on the move but also drive sales and conversions.
Here at Clicky Media™, we designed and developed a bespoke mobile website to accompany the main Apropos website. Ensuring that the distinct branding and imagery found on the Apropos desktop website was also clear on the Apropos mobile site.
One great feature on the new mobile site is the ‘Click to Call’ functionality, this makes it incredibly easy for someone visiting the site to call Apropos using their mobile. Simply click the ‘Call us Today’ button in the top left hand corner of every page and recieve the option shown here.
The mobile site also features retina graphics and rotating items functionality that includes a homepage slideshow, gallery of images and testimonials.
You can visit the mobile site on your phone, simply enter www.apropos-conservatories.com
<<Click Here>> to find out more about Mobile Websites Designed & Developed by Clicky Media™.
Continue Reading
As Apple continue to bring out new devices with the double pixel display known as “Retina” displays it is encouraging more and more web designers to start creating retina versions of graphics to make sure their websites take advantage.
This image has been “retinaised” too!
A great little script which we have been using is Retina.js. Retina.js is a simple piece of JavaScript which checks for double sized pixel versions of each of your graphics as they load.
You can download it here, you then need to call it in the header of your website like this:
<script type=”text/javascript” src=”http://www.yourwebsite.com/js/retina.js”></script>
The script initially allows the standard image to load (in the interests of speed) before searching for the double pixel version and then subtly replacing the standard image with the retina version.
The process is relatively simple but it will require you to recreate your images in a double pixel size first before saving a double pixel version with “@2x” appended to the end of the file name and then saving the standard image. (example: a logo saved as “logo.png” would need the double sized version saving as “logo@2x.png” and saved in the same directory as the standard image)
We are going through our website currently updating some of the graphics such as this one:
Standard version: (http://www.clicky.co.uk/wp-content/uploads/web-trends-2013.png)
Double pixel version: (http://www.clicky.co.uk/wp-content/uploads/web-trends-2013@2x.png)
The results are great but the process is incredibly time consuming, especially if you have a lot of images.
The main thing to consider is all future images are best started on a double pixel width canvas before you start to build the graphic.
If you have a Retina display check out our home page to see the results.
Links: Retina.js
About the Author | Google
Continue Reading
