GoMobi: create mobile versions of sites

Surely, many of you are faced with the need to create a mobile version of the site for the convenience of their customers. Often, this implies a complete redesign of the design, taking into account the principles of responsive design , which is fully justified for heavy sites that bring serious profit. However, to carry out such work for simpler sites (for example, business cards) is hardly effective.

In October, REG.RU offered its customers a new service - “GoMobi Mobile Website Designer” , with which you can create a mobile version of any website without significant cost and just a few clicks. In this case, the first month of use is free.
')
In this post we will talk about how goMobi works in practice.

Suppose that our company is engaged in the provision of emergency computer help services and the full version of the site looks like this:



Create a mobile version of the site

Visual design of the site

• From above we leave only the logo and the name of the site, below we place a brief description of our company (this can also help with SEO promotion);
• Choose one of the ready-made design templates and a color scheme that matches the color scheme of the full version of the site.
If the need arises (for example, due to site redesign), you can replace the color scheme at any time:



• To add a bit of variety, change the standard buttons to brighter ones:



• Configure site footer - display phone number and organization address. If you wish, you can install the site translation buttons for other languages;
• We look at the preview of the current version of the site on different models of phones and smartphones (by clicking on the “View” link on the control panel).

Filling the site with content

As part of the mobile version of the site, we need to talk as briefly as possible about the company, let us know the opening hours and how you can contact us. In addition, you can add several promotional materials (for example, videos).

• Place a link to the full version of our website and create a section “About the Company”, in which we describe the whole range of our services;
• Using the "Find us" function, we determine the location of our office, mark it on Google Maps and indicate the opening hours and phone number;
• We place on the site feedback form or the service “Call me”;
• We place discount service coupons - we create the “Coupons” section and give a brief description for each of the current offers;
• Add to the page widgets company accounts on Twitter, Facebook and Google+. But there is the possibility of integration of other social services and RSS feeds;
• Place videos from our channel on YouTube.
The section "Videos" automatically appears on the site, where we can import any videos that are on our channel;
• We create the “Functions” section and add several pages of our future site with a detailed description of the services: “Website Creation”, “Computer Repair” and others. If you wish, you can add your html-code and all necessary links;
• For each of the created pages, we register keywords so that the mobile site is better indexed by search engines;
• Add the function “Tell friends”, so that customers can share information about us on social networks;
• We generate a QR code and send it to the printing house for printing flyers and business cards so that as many of our customers as possible learn about the mobile version of the site.

Configure redirects

Now we have to solve one of the most important tasks. The user does not know about our mobile site and out of habit comes from a smartphone to the full version of the site with an inconvenient display. We need to make sure that the client is automatically redirected if it comes to our site from a mobile device.

To do this, in the goMobi control panel there is a function “Forwarding code generator”, with the help of which we generate a code (for example, in Javascript) and add it to the header tag.

Mobile website monetization

In the "Advertising" section, choose the service that suits us: Google AdSence, Adfonic, Mojiva or Smaato. Then we add our IDs and organize ad impressions.

Summing up

At this site creation is completed and it is time to analyze the flow of users to the site using the built-in tool "Analytics". If you wish, you can choose another statistical tool (for example, Statcounter).

Creating a mobile version of the site took about 10 minutes.



Try it yourself and share your impressions in the comments under the post.