Get Started Today, It's Easy!

How to Create a Mobile Version of Your Website?

We have got used to creating websites with website builders from scratch by selecting a platform based on a certain task, budget, skills and using the tools it offers to launch a site. This is a normal approach, from our point of view.However, there are also other approaches you should be aware of. For example, you can design only a mobile version of a ready made website with DudaMobile.

The web abounds in multiple cool websites that were launched in those times, when no one even heard about responsive design – just like about smartphones or tablets. There are also many fresh projects, which have become successful, but haven’t managed to get a mobile version yet.

Probably, web developers decided not to bother about this nuance just because they did not believe in the success of this endeavour. Finally, lack of budget could be the reason for the absence of a website mobile version and it was quite hard to find time to get the one later.

Key peculiarities of a mobile website are:

  • The major feature of mobile websites is the small working area of the device;
  • The elements should be properly positioned to make it convenient for a user to manage them with fingers on a comparatively small screen4
  • As a rule, the mobile website version notably differs from that of the desktop version. General style remains the same, but the icons, their names, positions, sizes, fonts and structure may be quite different.

Generally, you can use a code that will automatically recognize the type and dimension of a user’s mobile device, adapting the content to it. This is the essence of responsive design. Another option is to create a separate mobile version of your website, using DudaMobile web service. This is a more challenging approach, but it pays its way when working with serious projects: you pay more attention to details, distinctions for greater convenience of the mobile version as compared to the desktop variant, extra functional blocks or, on the contrary, you just decide to remove all the extra elements.

DudaMobile is a mobile website builder that can be effectively used to create a correct and well-designed mobile version for any website type with ease.

The system is a full-scale responsive website builder as well as an optimization tool for the available projects to meet the requirements of mobile browsing. There are many website builders with visual editors nowadays. Duda is really a decent service in its niche, but its functionality regarding the conversion of desktop websites into mobile ones looks much more interesting and even unique. That is why, we review this very feature of DudaMobile now.

Read more about DudaMoblie in my in-depth review.

Guide on Mobile Website Creation

To start working with the platform, you need to enter the address of a website that requires a mobile version. The system will think for a while and then it will redirect you to the website editor. The preview window in the mobile device format will appear to the right. The options categories needed to transform the design of the website will be provided to the left, while the choice of the available options and minor settings will be accessible in the middle of the page.

Duda Mobile Editor
DudaMobile Website Editor

When you see the website editor for the first time, you understand everything at once. So, the sidebar has 3 types of settings that imply the steps you have to undergo to get a mobile website version:

  1. Design is a section, which provides the options to set up website design, displayed in a list:

    • Layout, where you can select website structure to present the materials. There are 5 variants available here. It is also possible to set up the style for a menu block.
    • Style, which provides a choice of a color scheme of the major elements, background image and font schemes for the buttons, titles and links/text;
    • Header, which offers a choice of a header type (text or image), size of this section, alignment, background and opportunity to reposition fixed block header during web page scrolling.
  2. Pages is a section, where you can edit each static website page. This is where you can set up SEO, choose individual template, set up opening terms, link, add your own code and more.
    What’s interesting, you can add widgets – different content and functionality elements – to a web page. All of them are subdivided into 3 categories, namely business, design, social. There are 40 widgets here. Some of them include callback option, restaurant menu, gallery, 2 columns, map, coupon, list, tabs, HTML code, button, abstract (text), “like” and “share” blocks, RSS.
  3. Preview and Publication is a section, where the links to the ready made result and comparison with the initial version are located. This is where you can also find a plan payment offer to publish the mobile version of your website.

Duda Mobile Preview
Ready Mobile Website

What benefits can you avail when using this service? Let’s find that out now. You have a website without a mobile version. You launch DudaMobile, enter a link and the system starts scanning your website structure and its materials. This is further converted and adjusted to fit mobile resolutions on the code level. You get your website pages with all the content, but now they perfectly fit the screens of mobile devices.

As soon as you are done with the first step, you can improve your website design and functionality by using design editing options and a rich set of widgets. They can be integrated into any part of a web page. Thus, the process of building a mobile template in DudaMobile implies the use of classic tools of a WYSIWYG website builder, allowing users to expand the website functionality. Each widget comes with settings that fit the context of the assignment: for example, design, background, links, field names, spaces, code insertion etc. Generally, the customization of the built-in elements is on a decent level.

Finally, we get a converter of mobile websites combined with the functionality of a website builder. It features simple interface, adequate amount of options and nice outcome.

How Much Does a Website Mobile Version Cost?

Let’s proceed to the most important part now. As far as we don’t talk about creating a website from scratch and deal with the optimization of a ready made website for a mobile device, then the cost should be low. However, that’s not quite right.

The cost of a mobile website version can be compared to that of a ready made website created with a medium-class website builder. Wix and uKit, by the way, allow building a website for a more affordable cost and this website will be mobile-friendly right from the start? What’s the sense of using DudaMobile then?

For $159 you will get a mobile website forever without the need to prolong DudaMobile services. You can either make a one-time annual payment ($60) or choose to make monthly payments ($6) as well.

What does this cost include? This allows adapting any of your profitable old websites to a modern market environment. Mobile traffic is a tempting perspective, which has already overwhelmed the desktop version traffic. Simple approach and apparent profit from using DudaMobile is worth the investment.

Bottom Line

DudaMobile is a useful service, which pays much attention to the mobile-readiness of websites created with it. The functionality needed to convert an ordinary website into a mobile one is charged separately here. You can make any website mobile-friendly with its help. This means that the full version of your website remains unchanged, but users will see its variant, which is optimized for their mobile devices. This is the way the system works.

The cost of using the service may seem somewhat expensive, but that’s not so. The thing is that websites that don’t have responsive design or a separate mobile version yet, are, probably, quite old. Consequently, they may have decent traffic with loyal audience that doesn’t find it convenient to use the website options from their mobile devices. It’s, probably, impossible to find a web designer, who worked on the development of this website already. Another reason is that you haven’t yet decided to invest money or learn how to make your website mobile-friendly on your own.

DudaMobile is a nice solution in this case. There is no coding here. Everything is simple and eventually looks decent. This is an easy way to boost the stability of your mobile traffic for $60/year or for $159 forever.

You have, probably, ironically thought that the word “forever” will end up at the moment the platform disappears. Yes, that’s right. However, the system was founded in 2009 and lots of renowned clients use its services and succeed at this. So, you don’t have to be concerned about this nuance.

It is possible to compare DudaMobile converter with the competitors, but there are no many of them in the niche. So, we recommend using the service to everyone, who keeps losing clients with a desktop website version. Try using it, the editor is free. You’ll see the quality of the service to decide whether it’s worth the investment.

Home » Helpful Tips » How to Create a Mobile Version of Your Website?