4 minutes

How to Create a Mobile Version of Your Website

3 Comments

One of the most important points in owning a website is making sure you have a lot of visitors to access it. Besides it being informative and having many other useful features you have to think about it being easy to access from different points of view – whether a person wants to view your website but has a slow internet connection or simply wants to check it on the go from his/her mobile phone. Mobile phones are indispensable nowadays and there are lots of people that use them for browsing the Internet so they don’t have to carry their laptop with them everywhere but still have access to the information they need.

More and more website designer focus on having a “mobile version” of their websites and this is definitely a new trend to consider if you want to hit success. Although it might have the same background as simple websites that you can easily view on your PC, you have to follow certain rules when going for a mobile version for your website as mobile phones are different and have special requirements when browsing the Internet, due to their technical features. This is why we decided to present some techniques and key aspects that you would need to take into consideration when you decide on making a mobile version for your website.

Create a Mobile Version of Website

Basically all you have to worry about is the layout and the coding – that’s what needs to be done a bit differently. In choosing the correct layout you will have to pay attention to some stuff like the logo, the easy website navigation and the content. Keep the structure of your mobile version simple, sometimes just one column is enough for a good design, remember that users would like to find the information he is looking for fast and easy. When you would like to include the logo of your website in the mobile version, you have to make sure for it to be the correct size as it might take a long time for it to load. It usually doesn’t have to exceed 2 KBs, this way you can keep your logo nicely fit into the page and make it easy to load.

Mobile Version of Your Website

Don’t forget about the navigation bar, place it somewhere easy to access and be sure to have there the links to all the necessary pages on your website. The content of your website is one of the most important things that people look for in the first place so be sure for it to be exactly the same as on your “normal” website. If you alter the information or make it shorter be sure to link it to the main the page where users can find the whole article, otherwise it might turn them away if they are not pleased.

Be sure not to have too many images in your content, as I’ve mentioned before it takes a long time for them to load on a mobile so try to use graphics only when necessary and if you do decide on placing images in your content, be sure to have the right size and compress them. It is also recommended to use .jpeg, .gif and .png formats on your pictures as there are the most light-weight. Placing ads in your mobile version is also not the best idea; just leave them for the normal version.

One more thing you should pay attention to is the footer, don’t overload it with links and information that is not necessarily important. Just make sure for it to be neat and simple.

Last but not least important is offering the visitors the possibility to browse the normal layout of your website. Some developers place this option at the bottom of the website so when a user is freaked out about the mobile version layout he can easily switch to the layout he is used to browse on his personal computer, although it might take some time for it to load, anyhow it’s their choice.

Impress your audience with animated websites and web presentations.

With Slides, we don’t make you start from an empty slate. All you have to do is to pick the elements you like best and combine them. Each slide has been carefully crafted to satisfy three key criteria: aesthetic, function and usability. That way you know every element works together seamlessly while enhancing the impact of your content.

Create a Website

Speaking about coding, remember to use proper code, make sure it completely complies with the existing standards as mobile browsers are not as powerful as the ones used on personal computers. In order to make sure for the layout to look nice on any mobile phone, whether it has larger or smaller screen is to use fluid layouts – this feature will automatically adjust to the screen size on any mobile phone. Try not to use any super fancy scripts for your mobile version (i.e. Javascript or Flash) as sometimes this might screw up the devices because some of them fail to interpret these codes in the right way. Take into consideration that mobile browsers are different and read the script differently so you might want to add an automatic “Mobile Browser Detection & Redirection” server-side like PHP for instance. The mobile version of your website HAS to be automatically triggered for every mobile user, otherwise it is not complete.

Other than the tips stated above you can also use website builders. With the help of these, you can host and build the mobile version of your website with no coding knowledge.

That’s about it, I hope this information was helpful and will make you think about making the mobile version of your website and let us know – we would like to check them out!

Corina Ciripitca

A girl that lives through the lens of her camera - as this is the best way to see things as you want them to see. Born and raised in Moldova, now living in sunny Cyprus.

Posts by Corina Ciripitca

Never miss an article or news again.

Sign up to get fresh stuff in your email monthly. For those who want to keep in touch with web design and development trends and tools.

Learn More About Newsletter
Cookie Icon
We use cookies to ensure that we give you the best experience on our website.
  • I disagree
  • I agree