Monthly Archives: September 2015

Mobile Website Examples: the Good, the Bad and the Ugly


There was of course a time when even our experience of desktop web pages were very glitchy, filled with awful looking pages of text, with only basic use of menus, images, and so on. But this seems like ancient history now.
Likewise we’ll come to a point in the not too distant future when seeing poorly constructed (the bad), or just plain ugly mobile websites will become a thing of the past. If you’re currently risking falling behind with either no responsive mobile site at all, or more likely by hosting a mobile site that makes you and others cringe, then perhaps it’s time to update, as the chances are that you already have more traffic incoming from mobile devices than from a desktop.


THE GOOD
The mobile websites that do it well can be broken down quite easily, the most important design feature is more often than not – simplicity. You need a page that looks clear, and which is easy to navigate for the eye first of all. Next it needs to easy to navigate through the pages by hand, if the user can’t find the particular page that they’re looking for within a couple of clicks, they’ll probably look elsewhere.


THE BAD
A bad mobile website will struggle to handle different screen sizes, and users will find the content being randomly shuffled about the page. Menus will be difficult to find, and click on, and other widgets, buttons, and icons may not work for touch screen. Users will find it impossible even to go beyond the first page of really bad mobile websites, and will likely avoid you in the future, whether mobile or on desktop.


THE UGLY
Don’t fill your website with tonnes of unnecessary information, or icons, as this can get jumbled around when it comes to using a smaller screen size. So many websites out there look like a pig-sty, and if your customer or visitor enters a messy looking page, it will be found to be complicated to navigate, and generally will look like an eye sore.

A Breakdown of Mobile Web Design Prices

In my short experience I’ve found that it can be a real minefield out there in terms of finding the right price. Companies value their abilities somewhat independently and you hear about plenty of customers paying over the odds, and plenty of websites advertising their services for too high a cost. Here is our breakdown for what your mobile website design price could cost based on it’s size and features.
For our mobile web design price list click here. 

For Small Business Website Design
A business website which hosts only 25 or so pages would generally be referred to as a small business website. The would usually take little less than one week, and might generally cost somewhere in the region of $5000. Though there are other considerations to take into account, think if there are any particularly special features requiring specialised plug-ins, if so the price could rise.
This section also includes informative, mainly text pages which may have more than 25 pages, but little in the way of design, media and so on.

Medium Sized Business Website Design
Medium sized businesses will have more information, more web pages, and generally more design, framework, and promotional work than smaller businesses. As such the price may rise to a starting point of roughly $7500 – $8000, up to something like $15,000 – $20,000.

The other features needed will largely determine the price. If you want a busy e-commerce site up and running, you should add anything  up to $7000 onto the price to get an accurate estimate.

Large Sized Business Website Design

A large business might have hundreds of pages, advanced menu tabs, and far more media and backdoor work to content with. For this reason large sized business can often be in the region of $30,000, though I’ve seen higher.

One other thing to consider; if your existing website is more than a couple of years old, you might need to pay extra to sync it with the ever evolving frameworks being developed.  

3 Great New Mobile Web Development Tools

With the rapidly evolving world of web development, the only way for even professionals to stay on top of the latest trends is to read and research. Every month dozens of web development tools that will become part of the toolkit for masses of developers all over the world are launched, and it’s easy to fall out of sync. So here’s our summary of the most important mobile website development tools to check out for 2015.

jQuery.imgx

jQuery is a lightweight extension for serving extremely high quality images for desktop and mobile devices. This way images can be used simultaneously to serve different screen sizes, eliminating the hassle of differentiating.  
This means easily handling images for websites which can be zoomed in with excellent quality, maintaining a professional and premium feel.

Slideout.js

This tool is used for developing mobile web applications, and specifically it allows you to build touch screen navigation for menus which have already become really popular. Slideout.js allows users the max screen space to scroll through your sites pages, without obstruction from any menus or other navigation tabs. When they require the menu, they can simply pull it across from one of the sides, or the top of the screen, and select their navigation quickly and simply.

 

Codly.io
Codly.io was created for designers and developers to take the time spent coding out of the equation, and smooth the edges with an extension for creating mobile apps almost instantly using photoshop. Features like drag and drop make the process a breeze, giving more time and attention to the details, and perhaps giving more budget to making an altogether more sophisticated app.

The mobile web is growing exponentially, and every day the importance of staying current becomes more apparent.
If you’d like to brush up further on your knowledge of mobile website development tools then click here.

 

An Overview of Mobile Web Design Prices

Thanks to the onslaught of work by tech whiz kids around the world, the cost of mobile website design now sits very close to the price for a normal website. There are some considerations to make though before making your investment. Keep reading for our thorough overview of mobile web design prices.

 

Mobile first

If you do not have an existing website, or you do but it’s very minimal, it may be worth turning over a new leaf and designing for mobile first.

What this means is developing a website aimed at the mobile web, rather than a more traditional desktop first web site. The benefit of this is that it’s far easier for a desktop to reassign the size to be larger, than it is for a mobile device to shrink the page down and move around the content in the best way.

What with the volume of traffic on the mobile web today, this is definitely worth thinking about.

 

E-commerce

If your site runs as an E-commerce business, then things will be a little more costly. There is no standard rate for this however, for a guide you should consider how much your existing e-commerce service costs you.

 

Cost of your existing website

For the purpose of most small to medium businesses, either a desktop or a mobile first page shouldn’t cost you any more that $2000. If however you have any elaborate features which push the base price up, then these will more or less be mirrored if you’d like the same on your mobile page.

 

Do remember though that simplicity is the best route to a successful website, and redeveloping for the mobile web may be a good time to do away with certain ineffective website functions you might have tried out, so try to look around for these elements too.