Hazibo Web Designs | Warwick | Leamington | Stratford | Kenilworth

Simple contact forms

Hazibo Web Designs — Tue, 26 Feb 2013 12:05:48 +0000

Responsive contact form which uses CAPTCHA to stop unwanted ‘bots’ from filling up your inbox with spam and other nasties. Its simply to use and has good semantic markup to help with the structure of your page and SEO.

You can have the form to email multiple email addresses, be more complex than just “contacting”. However, beware that capturing personal details should require the form to be protected by SSL https:// (Secure license). This stops anyone outside the page ‘hacking’ to get users submission details. This is particularly important for eCommerce websites when paying for items etc…

Google optimisation

Hazibo Web Designs — Tue, 26 Feb 2013 11:49:12 +0000

Getting your business to the top of Google is no easy task. However, we are confident that over time you will slowly creep to the top like the example here. We have many tricks and include a lot of rich text so that search engines like Google can “see” you. We sign up to various Webmaster tools for the main search engines and speak with them as directly as possible! (talking to bots is no easy feat!)

Not only do we try and get you to the top we also become so rich that Google creates sub-links like in the example. Seeing these you know things are going in the right direction.

Making your site “rich” – meta data and item props

Hazibo Web Designs — Tue, 26 Feb 2013 11:26:22 +0000

We wrap your website in special code that allows other systems, search engines and social networks to find relevant information. The example shows one of our web addresses being added to Facebook, it doesn’t pull a random thumbnail image and any bit of text, it shows exactly what I want it to show. This code also acts like a magnet to search engines to help optimisation of your site. Item props is a coding method that is still in its early phase however I have seen the usefulness it could provide in the future.

Bookmark / App

Hazibo Web Designs — Mon, 25 Feb 2013 20:14:50 +0000

Many iPhone and iPad users don’t know that they can add their favourite web sites to the Home Screen and interact with them like standard native applications. This script helps them to discover this great feature and suggests the steps needed to add your web app to the dashboard.

I’m a big fan of web apps, so why do you need a separate mobile app if you have a good responsive website? This script almost acts as the “Download our app” feature however all the user is doing is saving the website as a bookmark.

Cubiq.org – Add to homescreen script

Mega Menu

Hazibo Web Designs — Mon, 25 Feb 2013 15:33:24 +0000

Introducing the mega menu to this site made it easier for user to find ‘top content’. Most of the users were coming in from a search engine and therefore missed these ‘top tasks’ from the sites homepage.

The mega menus was created by studying the analytics for the different site areas. They consist of top information / pages for that section along with top useful links and the sections main navigation.

Unfortunately, there was no simple fix or plugin for the creation of the menu. Although built on top of old code in a messy system, it was built using HTML5 and CSS3, based on the tutorial by net.tutsplus.com

Apply button

Hazibo Web Designs — Mon, 25 Feb 2013 14:56:46 +0000

The design for the button was the easy part. However, the concept to put a button onto the website was a big game changer of how we looked at user interaction.

Previously, we would have had a ‘Apply’ link buried deep down somewhere amongst the waffle. The user had to read the content and scroll to find the link. The simple thing to do was put all these links to the top of the page in the form of a button to grab the users attention and make it easy for them to click or tap.

This was a game changer in the way we went about delivering online services to customers, we now had a good example of how users didn’t want to read the legal spiel but simply just wanted to ‘apply’.

Pricing table

Hazibo Web Designs — Mon, 25 Feb 2013 09:00:45 +0000

Instead of just listing prices through old fashioned bullet points, to grab the buyers / users attention I rolled out this CSS3 pricing table. It the most important features on offer and has a 3D kind of feel to it.

Now totally responsive, it still looks great on mobiles, tablets and smaller screens. Combined with the use of buttons its hard not to click on one of the tables. Easily reusable, this table can be redesigned to match any website brand.

This feature does really give a selling website a more interactive front end where users can quickly select the option they want, and the seller can “sell” a product at the same time.

Interactive timeline

Hazibo Web Designs — Mon, 25 Feb 2013 08:00:13 +0000

Works perfectly for content derived by time / dates. Previously, the data was only presented via a table, so I opened it up and added the data to this interactive timeline. Using a Google drive to hold the content its very easy to maintain and populate.

Although still important to have this data on the page in the format of a table, the timeline now appeals to a wider audience as its more fun for children to learn. Not very accessible however, its important to have the content on the page in another format.

A fine example of how we present data in two ways to target different users.

LJ Occupational Therapy

Hazibo Web Designs — Sun, 24 Feb 2013 18:58:30 +0000

A start up business that needs full online exposure. The business required a new brand, we worked with them to deliver this as it needed their input too. Logo, colour and design was included and we ensured it was agreed. Fully responsive and a prime example of mobile friendly website. Tested on most devices going and has the beta implementation of “bookmarking / App” feature. We ensured it worked well with Facebook and Twitter as most communication about the company will be using these social networks.

Full SEO from the ground up was applied to the site and so far results have been very promising. We have also taken the logo to a print design company that was recommended.

Happy Days Childcare

Hazibo Web Designs — Sun, 24 Feb 2013 18:56:36 +0000

The childcare business already had a brand but lacked web presence. We spruced up the logo as it was a very dated 1D clipart effort. We created the new logo based on the old version to maintain their brand identity. The master copy of the file was given to the client for prints on polo shirts, letter heads etc…

We also digitised the clients policies and procedures all part of the service we offer. The design itself is a basic layout offering a responsive design for mobiles and other devices. We have given access to the client to update the content and upload any images to the site in the gallery.