Mobile Phone Website Template
Hosted Mobile Phone Web Templates

How to Design a Website for a Mobile Phone

Hosted Mobile Phone Web Templates

As a general piece of advice, for a realistic assessment of your website and its usability, you need to test it on a 2G mobile network using a mid-range medium-resolution phone in broad daylight.

We have prepared a set of helpful guidelines and recommendations for you to consider, if you wish to build a mobile phone site.

Please click and browse through the website design tips below:

Optimise Your Site Optimise Your Site
Speed is Critical

Tip for users of Quick on the Net
Make life easy for yourself and run with the default mobile phone settings we provide at In particular, we suggest you use our default settings for gallery presentation and site menu display and we recommend your business logo is not greater than 200 pixels wide in your mobile phone site.


Simplify Your Menu Navigation System Simplify Your Menu Navigation System
Optimise Your Site Structure

Simplicity is the key to success. Plan your website menu navigator for an entry-level user visiting your website on a 2G network on a low-resolution mobile phone. With that in mind, this use of pictures and javascript in your navigator is not recommended.


Use Bold Contrasting Colours Use Bold Contrasting Colours
Plan for Outdoor Use

Remember people surfing the web on mobile phones might be outside in bright sunlight, on the move, on a train, in a restaurant; this highlights the importance of using a simple bold colour scheme. Hyperlinks should be underlined and marked up with a distinctive colour.


Use Popular System Fonts Use Popular System Fonts
Select a Simple Sans-Serif Font

The two most important considerations here are the readability of your chosen font and the availability of the typeface itself. Use a simple sans-serif font which is popular, attractive and easy-to-read.


Do Not Use Flash Do Not Use Flash
Adobe Flash is Not Supported on Many Smartphones

iPhones and many other smartphones do not support Flash and subsequently, the use of Flash is not recommended in the development of mobile phone sites.


Do Not Use Tables Do Not Use Tables
No Table Construction in your Website Design

If you use tables and columns in your website construction, you are adding width to the screen presentation. When you add too much width, you force users into sideways scrolling and that makes your site difficult to use.


Do Not Use Frames Do Not Use Frames
Frames are a No-No

The use of frames in website construction is a non-starter when it comes to mobile phones.


Avoid Left-Right Scrolling Avoid Left-Right Scrolling
Plan for Vertical Scrolling in Portrait Mode

Eliminate all unnecessary scrolling in your website presentation and make sure your page text is readable and displayed edge-to-edge on a mobile phone.


Embedded Pictures with HTML Code Embedded Pictures with HTML Code
Recommended Picture Size

Tip for users of Quick on the Net
The website toolkit will allow you to add photos to your web pages using your own HTML code. No problem, that is fine, however you need to be aware that pictures added using this method are not resized and presented as thumbnails on your mobile site.


Keep it Simple Keep it Simple
Thumb-friendly with Simple Menu

Arguably an important piece of advice when creating any website, it is particularly important to ensure your mobile site is user-friendly and easy to navigate.


Display Small Picture Images Display Small Picture Images
Use Small Images for Faster Data Transfer

Speed is everything when it comes to mobile phone browsing. When images are presented on a mobile phone browser, it is recommended that your pictures are under 200 pixels wide.


Cell Phone Web Templates
Mobile phone emulator  |  Mobile phone version |  Printer friendly
Go back...