Designing for the future of web display technology

April 20th, 2015 by Tamar Smart

As technology grows – so does our need to see things in super high quality. Our computer and mobile phone displays, must be larger and better than before. No longer are we satisfied with blurred images, and squinting at our small mobile phone screens to try and read “blocky” text. By “blocky” I mean that the edges of the text and images lose their crispness and you can see the pixels (square edges).

Enter the new player – Retina Display. This technology allows us to view content on our computer screens, laptops, tablets and mobile devices, at a high resolution with clear images and smooth text. The reason for this is because these displays have at least twice as many pixels per inch (ppi), as a basic display. Therefore our eye (retina) interprets what we see, as being closer to how we see things in real life.

Some devices recently released, that have Retina Display: MacBook Pro, iPhone 6 and the iPad Air.

What relevance does this have for you?

If you have a website and want to target a wide range of clients/customers, then you will need to cater for their devices. A basic website with low resolution graphics, may not be good enough any more, particularly if your target audience are viewing your site on their mobile devices, laptops or tablets. Most of these devices are now including Retina Display as a standard feature – especially Apple products.

Information is one of the most important aspects of a website. A website that has blurred images and icons, with “blocky” text, may convey the wrong message to your visitors.

If you check the Google Analytics for your website you will quickly discover how many people are browsing your website using a mobile device.

How we can help improve your website?

There are several ways we can improve your website for Retina Display. Firstly, by making the choice to use styled text instead of text that has been embedded in an image.  Styled text is able to be scaled up or down, to suit a variety of devices. The text will look smooth and easy to read. This doesn’t mean that you always need to have basic fonts either. We can offer a wide range of fancy fonts (that will suit your style) – for use on your website. Google Fonts, is the tool that gives us the capability to design text with varied fonts, for Retina Display.

Google Fonts

Google Fonts

Secondly, we can improve your website for Retina Display is with the use of Font Awesome icons. These icons (e.g. phone, search, email) can be scaled to fit nicely on any device. They will always look crisp on both a Retina Display and a basic screen resolution. There are many to choose from, and they can be designed to match any colour that is needed.

Font Awesome icons

Font Awesome icons

Thirdly, detailed photos need some extra love. We can set them up for you so they display at high quality on each device. Here is an outline of the process we use:

  1. Set up your website to function in a responsive way – where the layout adjusts to fit comfortably on a variety of screen sizes.  This isn’t an essential step in addressing your large images, but is definitely an important part of providing a great experience on a mobile device.
  2. Create 2 versions of your important images. One is larger (for utilizing on Retina Displays), and the other is smaller (for basic displays).
  3. Insert a small piece of additional code into your website (called a Media Query) which detects the type of device that the website is being viewed on, and then chooses one of the two image sizes to show (depending on the type of device detected).

It is also worth noting that there is a difference in file size, for photos used on Retina Displays. The files are larger in their visual size, which means they are also larger in file size. This is why it’s important that we have a second smaller version of the photo, for use on basic displays – so that a visitor is not unnecessarily downloading large images (which look basically the same to them).

With these simple but effective tools, we can help your website to stay up to date with new high quality display technologies. Retina Display can be a beautiful thing – if we understand and use it to its full potential.

facebooktwittergoogle_plusredditpinterestlinkedinmailby feather

Mobile Responsiveness just became even more important for high ranks in Google

April 19th, 2015 by Trevor Robinson

As of the 21st April, 2015, the Google search engine, globally, is giving weight to the presence or absence of mobile responsive in your website for people searching in Google using a mobile device. For example, if you are searching for a local cafe while using your mobile phone, the local cafe that has a website which is optimised for viewing on a mobile phone is much more likely to appear in the top search results for your Google search.

Google have been warning about this change for some time, so if you don’t have a mobile responsive website yet and if people searching for your business are likely to do that using a mobile device (tablet, phone, mini-tablet etc), now is definitely the time to act.

In a nutshell, a mobile responsive website is one that lays out differently and potentially functions differently, depending on the size of the screen being used, and whether the device has a touch screen or not.

Below is an example of a website which has been built responsively (the Contact Point website):
responsive_contactpoint

You can read more about what it means to have a mobile responsive website here.

facebooktwittergoogle_plusredditpinterestlinkedinmailby feather

ecommerce; the amazing opportunity to improve customer service

February 19th, 2015 by Heather Maloney

online shopping gives rise to improved customer servicePeople often think of online stores as being devoid of customer service compared to the local retail outlet. After all, in a physical store you can ask for help, discuss various products and what they do, and receive your product immediately.

However, a scenario over the Christmas break gave me an example of where online shopping comes into its own with respect to customer service. My mother thought she would try out buying her groceries from Coles online rather than making what has become an arduous trip down to the supermarket. Its arduous because she would need to take my handicapped sister with her, and she can be quite a handful, especially when you are also trying to push a trolley, and keep her with you as you are walking back through the carpark, and cars and of course my mother is no spring chicken. In addition, my mother has recently hurt her shoulder and therefore pushing the trolley, and carrying the groceries from the car to the kitchen is also an ordeal.

Introducing online grocery shopping my mother was so excited to receive her first delivery from Coles. This is really living she exclaimed. Its as if you are back to the old days of customer service where you went to the grocery store counter, gave them your order written on a piece of paper, and they packed it all up for you. My mum was very pleased with the ‘delivery-to-the-kitchen-table’ service, ensuring that she didnt need to pick up or carry bags anywhere, and the delivery cost where she lives is next to nothing compared to the convenience. Actually, Mum expects to save some money by not buying impulse items placed in strategic locations around the store. She was delighted with the products selected, feeling that she got the best on offer (not those picked over and prodded by others), and amazed at receiving SMS messages telling her when it would be delivered etc. Placing a future order is even easier with prompts to order commonly purchased items and the option to save your shopping list for future use.

Of course online grocery shopping isnt going to suit everyone; we cant all be home during the available timeslots to receive our delivery, and sometimes we do just need something right now. However, it reminded me that online stores by very nature give us the opportunity to provide even better customer service than the physical counterpart. Below I have described some unique ways in which customer service can be improved through online stores. Consider these in relation to your online store (or that of your friends / colleagues):

  • icon-searchproducts3Quick searching through the available products have you ever been up and down aisle after aisle in a supermarket trying to find gelatine or horseradish? With your online store think about the different ways people might like to search for your product, and include those words in the product names or descriptions to ensure they can be found on those words.
  • icon-availabilityAvailability information again at the supermarket, when you get to the place where you think you should find product xyz but cant find it there, you have no idea whether you are looking in the wrong place, whether it is out of stock, or if its been discontinued. For products with different sizes, you might not know whether your size is actually made in this product. This extra information is easy to supply via an online store.
  • icon-informationReference material about the products can help your customer make informed decisions e.g. where it is made, why you would want the product, how to use the product, list of ingredients, awards won by the product, example images of the product in use, other products that people bought to go with this product, customer reviews, social media feedback etc. This is much easier to do online where you arent paying for shelf space to store all the extra information, or for shop assistants to help each customer. It may take some time to put this information in, but it never ceases to amaze me the number of online stores that give scant information about a product and expect the customer to guess about its properties when they cant touch or feel it, read the box, talk to a person The reference material may also include details of extended warranties and other product support; when you are offered these as a last minute option at the checkout, its very easy to say no thanks and not even really understand what they give you and why they might be worthwhile.
  • icon-supportImmediate assistance via online chat. It is often hard to actually get assistance in a store; once you find an assistant walking the floor, youll often be waiting for them to finish with another customer. When you get to talk to a person, they often dont know much about the product you are considering. Online chat, whilst requiring people to be at their PCs to respond, can allow a single salesperson to deal effectively and quickly with multiple people at once, or pass the enquiry onto someone else who can help. The Miami Stainless website is an example of one of our client websites using online chat very effectively to support the sales process. Online chat also provides the personal touch, counteracting the claim that online stores are devoid of human contact.
  • icon-transactionhistory2Access to Transaction History is usually not a service provided in a physical store, and certainly not at the customers control. Online gives you the opportunity to show the customer what they have purchased before, store a wish list, store a standard order, remind customers of the consumables they need for previous purchases, notify customers when the consumables are on special …
  • icon-deliveryDelivery is an important part of the customer experience, and must be handled with care for online customers. As in the case of my mothers online supermarket shopping, and in the case of the time poor, or remotely located persons, it might actually be an advantage of online shopping for some customers. Providing a range of delivery options (express, standard, insured) provides even greater customer service. Because you are packing and sending the product, you also have the opportunity to add items to the delivery. Lots of online retailers take the opportunity to add a little something to give an element of surprise to the customer. I always feel happier receiving my deliveries when my products have been lovingly packed (which is a bit like unwrapping a gift, even though you know whats coming) compared to stuffed in a parcel bag with a grotty picking slip.
    Of course for downloadable products, the delivery is immediate, and you need to ensure that the delivery mechanism is secure, easy for the customer, and repeatable where something goes wrong.
  • icon-after-sales3After Sales Customer Service via email or phone is also a very important way online shopping can provide better customer service than in store. The customer doesnt need to get back to the store and remember who they spoke to and on what day, they can simply refer back to their order. Online store operators need to check emails regularly. Depending on your product, having a knowledge base of likely questions or problems the customer may encounter is very important. Providing an easy process to follow with regard to returns (if you allow them) is very important also to ensure your customer comes back again.

You may have experienced yet other ways in which online shopping can provide additional customer service. Id love to hear your examples here, so please add your comments below.

facebooktwittergoogle_plusredditpinterestlinkedinmailby feather

Harnessing GPS (Location Services) within mobile applications

November 15th, 2014 by Hubert Yap

In this post PC era, large numbers of people now use smartphones and/or tablets to connect to each other in realtime because, unlike PCs, smartphones and tablets are not locked down in one location. Millions of people now carry a smartphone in their pocket (or tablet in their bag), pull it out anytime, and within seconds use it to chat with their friends/families, check what is on the news, find out what is causing the current traffic jam, share a photo of what they are experiencing, etc.

Mobile Apps and Location Services

One particular feature of smartphones and tablets that takes advantage of our mobility, is Location Services. Location Services allows a smartphone/tablet application to determine the device location via wireless connection or GPS and send it back to a server. This article will cover how Location Services can be useful for users and businesses alike, challenges in retrieving the device location, and how to address those challenges.

From a user point of view, Location Services allows them to send their location and receive specific information in return. Take for example the Google Map application. By using Google Map, users can send their device location and receive information about their whereabouts. This feature is particularly useful when we are travelling to a place we have never visited before. Generally people use Location Services to receive information that may only be relevant when they are at a specific location (i.e. nearby restaurants, local weather, nearby traffic congestion, movies in nearby cinema, friends who are nearby, etc).

From a business point of view, Location Services can be used to promote discoverability. An app can be configured to send specific information when a user is in a particular area. For example, if a business has a specific product catalogue for each city, their app can show the correct product catalogue to each user by retrieving the users’ location beforehand. Location Services can also be used to determine where business or consumer activities took place. This data has a wide range of uses.

All benefits come with drawbacks. For Location Services, one of the major concerns is battery life. If an app runs down the battery life of your device, you will limit your use of the app. That’s obviously not an option if the app is being used to carry out your job.

Wireless and GPS can only give a rough estimation of where the user is located. Therefore an app sometimes need to retrieve the users location 2-3 times in order to achieve better location precision. The longer we want the app to keep retrieving user location, the more battery power it will consume. This is one reason why a map application drains a lot of battery power. A typical map application needs to constantly retrieve the user’s location because the app is most often used when the user is walking or driving. It is important to achieve a balance between the battery power consumed and the location precision required. For example, if the app only needs to find which city the user is currently in, it can simply define a location precision of about 5 kilometres. Doing so will reduce the amount of battery power consumed compared to a location precision of a few hundred metres.

Another challenge that affects battery life is whether the app uses wireless, GPS, or a combination of both. GPS is more precise and faster when it comes to retrieving user location and is therefore a more recommended approach if your app needs to constantly updates the location. However, GPS is not suitable to retrieve user location when the user is inside a building due to the signal attenuation caused by construction materials. In such case, the app can only retrieve user location via the wireless network, assuming the user device is connected to one.

If the application needs to be able to retrieve user location in both indoor and outdoor, a combination of wireless and GPS is required. The app can be configured to use primarily GPS and only use wireless when GPS fails to retrieve user location, or use both at the same time and stop them if one has successfully received the location. The former will consume less battery power when the device is outdoor but there will be performance overhead when the device is indoors because the app will wait until GPS fails to retrieve user location before using wireless. On the other hand, the latter consumes more battery power on both indoor and outdoor but has better performance indoors.

Building an app that takes advantage of Location Services can give mutual benefits to both users and businesses. In summary, to make the best use of Location Services it is important to consider:

  1. How precise the retrieved user location needs to be,
  2. How often the app should retrieve user location,
  3. Where the user will mostly use the app: indoors, outdoors, or both.

Some examples of apps we have built for our clients which use Location Services are:

facebooktwittergoogle_plusredditpinterestlinkedinmailby feather

Google Tag Manager: What is it and why do I need it?

September 23rd, 2014 by Trevor Robinson

Google Tag Manager (‘GTM’) is a free tag managing solution that enables website owners and marketing teams to have more control over the manner in which web traffic and visitor actions are measured throughout their websites, and allows consolidation of tracking across Google Analytics, Adwords, Remarketing, together with 3rd Party Vendors such as ClickTail. A tag is a snippet of code which can be used to measure website traffic and help analyse and identify your website visitors and their on-site behaviourial patterns. Tagging, when implemented well can yield powerful data to gauge the overall performance of your website and marketing efforts.

Whilst GTM was introduced by Google in 2012, it is really only recently that marketers and webmasters have started to take advantage of what it can offer. Once the single code snippet for GTM is added to your website, all of your tags can then be managed from GTMs admin panel.

The Benefits of GTM

  • Efficiency – One of the most beneficial aspects of the Google Tag Manager from a website owner or marketers standpoint is efficiency. Now that you can add, edit and test website tags directly through the GTM user interface, you will save both time and money as you won’t need to contact your developer each time a tag needs to be edited or added.
  • Enhanced tag management - As mentioned earlier, multiple website tags can really complicate the tag management process (especially if they are from different platforms or vendors). GTM allows you to view, edit and add tags through the GTM interface quickly and easily all from the one platform.
  • Event listeners- Tracking user interaction such as clicks, PDF downloads and form submissions is excitingly simple to accomplish with Google Tag Manager. Event listeners eliminate the need to manually tag each user interaction that you would like to track. Through the GTM admin panel you can target links or buttons by attributes that are already contained in the link such as an id, class or URL.
  • Testing and debugging – It’s always been good practice to ensure that your tags are firing (working) before they are published on the web. GTM comes with a built-in debugging window where you can test any tag changes on your website before they are published on your website.

While GTM empowers website owners and marketers with greater control and flexibility, development teams are also positively affected as they are able to focus on the more complex and technically demanding tasks.

We recommend watching the GTM introductory video created by Google which may give you a better visual understanding as to what the tag manager is and how it can help your business.

We have recently implemented the Google Tag Manager for the Contact Point website, and can confirm that there is a learning curve to understand how to use GTM. However, it will be worth the investment if the data it provides is analysed, and the insights gained from the analysis drive changes to the structure and functionality of your website. Changes made to your website as a result of your insights can then be very quickly monitored for the impact they are having on your metrics.

We particularly see that the GTM will be beneficial for eCommerce websites as it will allow webmasters to analyse behaviours such as:

  1. Sharing of product information in social media
  2. Clicking through to subscribe to your newsletter from a particular page
  3. Accessing online chat
  4. Customer Reviews emanating from follow up email
  5. Adding an item to your wish list
  6. Ascribing behaviours to the logged in user ID

Please get in touch with us for more information on Google’s Tag Manager or for any assistance with initial implementation.

facebooktwittergoogle_plusredditpinterestlinkedinmailby feather

The impact of mobile browsing and mobile apps on website design trends

July 22nd, 2014 by Vincent Lai

With one in every five people in the world now holding a smartphone and one in seventeen owning a tablet, its easy to understand why website design has become immersed in catering for a wide range of device screens, and in fact why current digital design trends are being heavily influenced by the prevalence of mobile browsing. The mobile revolution brought with it the concept of the mobile app: the pocket sized utility that can do so much more than a website can, with access to the GPS, camera and other phone capabilities including the iPhone’s accelerometer and touch screen interactions. We now have apps for mapping, cooking, education, and entertainment. We even have apps that can control mini quadcopters that fly through the sky at your whim.

So how has mobile technology influenced digital design?

If you use your phone to view the Facebook website, in the top left or top right corner you will now see a very familiar icon, the menu button. Not long ago 3 horizontal lines meant nothing to most people, but now it is synonymous with opening up a navigation menu. Collapsing horizontal and vertical menus up into a single icon is a intelligent way to give visitors access to many pages, but take up the least amount of screen real estate. Many of our responsive website designs utilise this familiar icon, including inner pages of the Contact Point website when viewed on a smaller screen.
menu_icon

Another interesting design trend you might notice lately is the appearance of bold iconography. Many buttons, links, images and even logos, are now being simplified down to basic geometry, and cleverly illustrated symbols. Apart from being aesthetically pleasing, the main reason for this trend is simply to make life easier for mobile device browsing. Touch screen devices require pressing, swiping and other ‘gestures’ with your fingers to interact with the website or app. Using fingers is much less accurate than using a mouse and pointer. Large and simple icons and buttons are now ruling the way we browse because they are simply easier to press with a finger. They also grab our attention on the screen, no matter what size the screen.

In addition, apps have brought with them a range of standard icons that are used to achieve the same sorts of tasks across any website or app. The ‘settings’ icon is a good example of this. The image below shows the settings icon on Android, Windows and Apple devices. The commonality of the icons is obvious.
SettingIcons

Parallax scrolling, which I have posted about before, is also intermingling with mobile behaviours such as the appearance of new content at the bottom of the screen, triggered by swiping upwards to reveal more content. The ‘more content’ is only brought down from the web server when you “ask” for it via your touch gesture, making the initial content load faster, and also making the content feel more interactive. This behaviour is now appearing more in websites, including shopping cart sites containing many products per category.

The introduction of high definition ‘retina’ displays on mobile devices is also changing the way we are creating an displaying images in websites. An image that looks perfectly good on your regular PC monitor now looks a little fuzzy on such high definition screens. We are now regularly creating two versions of buttons and icons for display – one for high definition and one for regular screens.

These 5 design trends boil down to User Experience or UX (also known as User interface design or UI). The most successful apps have a potent combination of utility and user interface design. There’s no point in having a great product if it’s hard to use. By being simple yet bold, your users are more likely to pay attention and stay around for your message.

Has your use of mobile devices changed the way you expect a website to operate?

facebooktwittergoogle_plusredditpinterestlinkedinmailby feather

Will we soon be able to view iOS (Apple) apps on Android devices?

June 4th, 2014 by Hubert Yap

And another question… will Windows mobile devices soon be capable of running Android apps?

According to report by ABIresearch, Android and AOSP (Android Open Source Project, used by Amazon and Nokia) dominates the mobile market share by 44% and 13% respectively. iOS has around 10% and Windows at 3%, while the other 30% belongs to basic mobile phones that is, phones predominantly used just to make phone calls.

ABI Research Q1 2014 report

If you belong to the 57% Android and AOSP user group, you have probably found yourself wondering whether a certain iOS app will soon be available to Android. Six PhD students from Columbia University decided to do something about this issue, and have created a software solution called ‘Cider’.

Cider allows your Android device to run both iOS and Android apps natively. It is still a prototype and doesn’t yet support device features such as camera or Bluetooth. Therefore if your iOS app specifically required those features, Cider will not be able to run it in your Android device at the moment. The six PhD students: Jeremy Andrus, Alexander Vant Hof, Naser AlDuaij, Christoffer Dall, Nicolas Viennot, and Jason Nieh, are continuing their R&D efforts and I look forward to Cider being made publicly available, and providing a lot more features, hopefully in the near future!

From an app development point of view, Cider has the potential to reduce app development cost. By allowing Android devices to run iOS apps natively, app developers may no longer need to build separate applications for iOS and Android.

It is already possible to reduce app development cost by utilizing a component called web view that exists in iOS, Android, and the Windows platform to run virtually the same web application across multiple platforms (see the most recently released Contact Point Client Area app). However, using the web view method means that your app is running a website within it, and therefore if you don’t have internet connectivity, your app will not function, nor will it have native components (buttons, sliders) that you usually see in each platform. Using the web view method also reduces the app performance.

Once Cider is able to perfectly run iOS apps natively on Android devices, Android users will have the option to choose between 1,157,769* apps in iOS App Store in addition to 1,469,630* apps available in Google Playstore. With rumours that Microsoft are considering bringing Android apps to the Windows platform, one day the mobile app development world might be heading towards a future where a single app will be able to run natively on the 3 different platforms.

* Data as at 16th May, 2014

facebooktwittergoogle_plusredditpinterestlinkedinmailby feather

SEO for Beginners: Inbound Links and Online Directories

April 29th, 2014 by Trevor Robinson

Beginners guide to inbound links

Not so long ago SEOs (Search Engine Optimisers) were able to exploit Googles PageRank-based algorithm. The PageRank based algorithm would count the number and quality of backlinks to a webpage which would indicate a webpages authority and determine search engine rankings based on backlink anchor text.

SEOs began to manipulate Googles algorithm by submitting a client website to as many online directories as possible and acquiring backlinks, through mass produced and largely useless or uninformative, but keyword rich, articles and press releases. In addition, website owners were being enticed into participating in Link Farms in response to guaranteed page 1 ranks. An example of a link farm is a scheme involving including code in the home page of your website which dynamically selects another website to link to from a pool of participants.

Amid growing frustration about exploitative SEO techniques, evident flaws in the algorithm and spammy websites appearing in the search engine results pages, Google introduced updates to their ranking algorithm in a bid to stamp out black hat SEO tactics. The first update was nicknamed Panda in 2011. Panda reportedly affected around 12% of searches and was aimed at preventing websites with poor quality content from holding high positions in the search engine results pages.

In 2012 Penguin was introduced. Penguin targeted websites engaging in black hat link building tactics such as paid links, link networks or link farms and spammy directories. As a result, a large number of black hat associated websites rankings plummeted in the Google SERPs.

To ensure you dont incur Penguin related penalties from Google, stay away from paid links, dubious article directory links, low quality press releases, low quality online directories and link exchange networks.

Gaining backlinks in 2014

As it has always been, the best and safest strategy with respect to gaining backlinks to your website is to produce unique, quality content. Focus on creating valuable, captivating content that people want to link to and share through their social media channels, email marketing and website content. We find that links to your website from related, high authority sites (e.g. those with a high Google PageRank) are the most useful for your search engine ranks.

Effective content marketing techniques may include the creation of video and infographic content, regular blogging and hosting webinars and/or online events.

Implementing a social media strategy is a very important component of every content marketing strategy, especially if you are just starting out and/or dont have a large following. Sharing your content frequently through social media can enhance the opportunity to gain inbound links, build the image and reputation of your brand and increase traffic to your website.

Should I still submit my website to online directories?

Submitting your website to reputable, authoritative online directories (Hotfrog and True Local are two examples) is still great for search engine ranks. Overall, directories are not as important today as they once were in terms of link value, however submitting your website to a reputable online directory will still benefit your website by increasing website traffic and boosting exposure for your brand. It has also been speculated that listings in trusted directories can enhance your websites performance in local search results.

facebooktwittergoogle_plusredditpinterestlinkedinmailby feather

Parallax Scrolling Websites: What are they and why are they useful?

January 29th, 2014 by Vincent Lai

Parallax Design is set to be one of the biggest trends in web development in 2014. But what is it exactly? And why should we bother? Long story short, its all about impact.

You may not know exactly what parallax scrolling means, but if you have been surfing around the web lately, chances are you have experienced it, and it has probably made an impression on you whether positive or negative. The term parallax scrolling refers to the technique used in websites where elements on the page move and shift at different rates, giving a sense of depth and interactivity to the page itself. It can be used in many different ways, and can bring a different approach to presenting your website.

Product Innovation and Communication Websites are the most likely candidates for using the Parallax Design technique.

Lets say you are putting together a product, something that is new in the industry, or revolutionises an existing product. You will want to show this product off, give the customers and clients something that they can visualise and drool over a little. Until recently, a detailed image gallery or annoyingly expensive short video were your only options. A couple of images supplied too little information, and an extensive video sometimes felt too arduous. Organisations have recently used the new Parallax technique in very creative ways, to bring their products to life.

In the Saucony website (http://community.saucony.com/kinvara3/) they use parallax design to show the construction and science of how their shoes are crafted and constructed. As you scroll down the page, the shoe moves and rotates, adding parts and informing the user of the science behind each piece of the product. Added to this is the dynamically shifting background which subtlety follows the movement of the mouse. All in all, this design is very creative and an effective way to showcase their product.

In the Bagigia website (http://www.bagigia.com/), the creators of the leather bag have used the parallax technique to give viewers a 360 degree view of their unique design. This method allows them to show off their special product, and explain the thought process behind the design. It leaves nothing hidden, so that the customer has a better grasp of what it truly looks like, instead of a couple of still photographs against a stagnant white backdrop.

The other use, as mentioned above, is for communication websites. In my previous blog post, I discussed the use of full bleed images for higher visual impact. This technique coupled with Parallax design can take the impact of your website to new levels, and help you outshine your competitors. The best application of this is for websites that exist purely to impart your company information, where you dont need more complex functionality or design elements.

A communication website that has used Parallax to very well is http://unfold.no/. They have cleverly used the layering effect combined with a looping scroll to create what feels like an endless website.

For Contact Point we have created a Parallax micro-website for our design portfolio (http://www.contactpoint.com.au/CreativeDesignPortfolio/) which showcases some of our work. We have incorporated the dynamic page scrolling links and a layered approach to our imagery whilst using horizontal image scrollers to present our work.

Next time you are contemplating refreshing your website, consider the Parallax technique and whether it can enhance your website visitors experience. Id love to help create the design!

facebooktwittergoogle_plusredditpinterestlinkedinmailby feather

Social is now Normal Media

January 21st, 2014 by Heather Maloney

An article written by Brian Solis just over a year ago described social media being the new normal. I’ve been banging on about social media for a few years now, but in the last 6 months or so, I’ve noticed a change in Australia… people (media and the general public, young and old) now include social media in their conversations as a matter of fact, rather than as if it’s the latest cool thing, or as if to say “we’re on it too, but we don’t know how to use it”.

There are definitely areas, and segments, where social media proliferates more than others. We’re seeing it feature heavily in:

commerce – research for products and services, reviews, recommendations, complaints
promoting causes – both in the not for profit sector, and grass roots causes such as in response to tragedies
news - both personal updates about life, as well as discussion about historical events as they happen
events - promotion of events and then during events the audience / attendees engage in deeper involvement in live events, TV and radio programs using social media tools
education and innovation – information sharing and collaboration / discussion around specific topics
leisure / games – my mother who is 30+ years older than me recently relented and signed up for Facebook in order to participate in the online game, Candy Crush, with her sisters and she now shares more on Facebook than I do.

An interesting example has occurred recently in the estate where I live. The estate has a body corporate with a moderated online forum. The moderation takes days sometimes to allow posts on the forum to appear after submission… and if there’s any concern about the content of the posts (i.e. they don’t say the “right” types of things) then the posts may not make it, or be delayed for weeks. So residents have taken matters into their own hands, and setup a group on Facebook where they discuss issues. It’s of course not moderated, and therefore posts are instant and engagement is arguably deeper.

I know some of you are still sceptical about social media. No matter what your business is, you need to be thinking about where and how you can get engaged in the [not so] new place where the relevant conversation is happening. It has the added potential benefit of boosting your search engine optimisation.

We’ve recently added a relatively new Facebook feature to the Note Couture ecommerce website, which allows comments to be added by visitors alongside a product (in this case an illustration which you can add to personalise stationery) within the website. These comments will also simultaneously appear in their Facebook timeline, and are therefore not anonymous, giving them greater credibility. Of course, we’ve configured the Facebook Comments integration to include a thumbnail of the product into the Facebook timeline, which will encourage the commenter’s friends to click through and visit the website. To close the loop, Note Couture can moderate the comments that are added using this mechanism, to deal quickly with inappropriate content. You can see an example here: I love this illustration!

facebooktwittergoogle_plusredditpinterestlinkedinmailby feather

Warning: include(/home/contactpointcom/public_htmlphp-includes/cp-footer.php): failed to open stream: No such file or directory in /home/contactpointcom/public_html/blog/wp-content/themes/contactpoint/footer.php on line 14

Warning: include(): Failed opening '/home/contactpointcom/public_htmlphp-includes/cp-footer.php' for inclusion (include_path='.:/usr/lib/php:/usr/local/lib/php') in /home/contactpointcom/public_html/blog/wp-content/themes/contactpoint/footer.php on line 14