Mobile Website

What Did We Like About This Mobile Website?

Build Your Brand Identity

Learn More About the Ted Smith Law Group

What’s included in the new plan?

The Hire a Pro plan gives your mobile website all of the premium features it needs such as, Click-to-call, Click-to-map, and SMS business info. You will also have access to phone and email support with our rockstar Tech Support team. Another perk? Sit back, kick your feet up and let the professionals take care of designing a beautiful mobile website for you.

How does it work?

The process is effortless, seriously.

1. Head over to our Hire a Pro page and purchase your custom mobile website plan.
2. Sit tight and wait for your mobile site developer to contact you at the number you provide in the signup form (it won’t take long, I swear).
3. Let you developer build your dream mobile website for you.
4. Bask in the glory of your mobile website’s awesomeness.

How can I get the most out of my site?

You call the shots here. Don’t be afraid to speak up to help your mobile website developer understand what your business needs and what you want in a mobile website. Here are some things you can prepare before speaking with your developer to make sure you get your dream mobile site.

Prioritize. Go through your regular website and figure out which pages are the most important. Narrow down your regular website to the 10 most important pages you want your mobile visitors to see.

Think like your customer. Identify the most relevant information on each page to give your customers a great experience. Make your content clear and concise to speak to the services you offer.

Plan. Pull together any content or graphics you want to include in your mobile site that isn’t already in your regular website.

Define your brand. Make sure you’re happy with your company’s logo. Branding is key to a mobile website because it’s the best way for your business to make an impression on your on-the-go visitors.

Research. Take a look at our gallery of mobile websites. Choose a design or layout you like best. Looking for something in particular? Search our gallery by vertical to see what other businesses in your industry have done.

Convinced? Get Started Now

Not everyone has the time and energy to devote to building a professional looking mobile website. Stop procrastinating and hire a pro to build your mobile site today.

We can’t keep the excitement in any longer! Over the holidays DudaMobile hit the one million mark of mobile websites built on our platform. Now that we’re back in the groove of the New Year, we want to celebrate!

Raise a glass, pats on the back and high fives all around! This is quite an accomplishment!

You’re one in a million!

A million thank you’s for making us the most popular mobile website builder available. We couldn’t have reached this incredible millstone without YOU! To those of you who have a DudaMobile mobile website, you truly are one in a million.

Check Out Our Faves

We pick favorites, don’t you? The Dudas combed all one million sites and set aside our top picks. Check out our gallery to see which mobile websites we thought were worth bragging about.

Help Us Hit Two Million!

The two million mark is on the horizon and we’ll be boogieing our way there. If you don’t have a mobile website yet, come join the party and get one now.

Congratulations to Homes by Campus for being this week’s Mobile Website of the Week winner!

Regular Website

Mobile Website

Things we liked about this mobile website

You created your regular website with what once was the cutting edge and most attractive technology in web design — Flash. The unfortunate surrender Adobe made to the web of their beloved Flash technology, left your transition photo gallery and smoothly animated drop down menus out of date.

We all know (or should know) that Flash is incompatible on smartphones. With the urgent time crunch to get your site looking great on the mobile web, developers have been figuring out clever workarounds when converting a flash site to a mobile website.

The Homes by Campus regular website mainly consisted of a Flash photo gallery and scrolling side bar which posed a problem when converting to mobile. We loved how Peder, the developer, figured out a workaround to create a Flash-less mobile website out of a Flash-packed regular site.

What’s a workaround and how did Peder do it?

Used frequently in the web programming and development space, the term workaround refers to bypassing an obvious problem in a system by creating a temporary solution.

When Peder went to convert his Flash-packed website to a mobile-friendly version, he noticed a problem with compatibility. In order to avoid the embarrassment of incompatible Flash elements from the home page taking up space on his mobile site, Peder created a workaround by simply rearranging the mobile site.

After converting his site to mobile, Peder completely deleted the home page. He quickly whittled his mobile website down to the content that mattered the most – house listings. The listings page is now the first thing visitors see when they access his site on a mobile device. Makes sense, right?

Minimal content and easy to use are the two things we loved about this mobile website. Check out m.homesbycampus.com on your smartphone now. What do you like about this site?

Find your own Home by Campus!

Homes by Campus provides current property listings for houses in and around Colorado State University in Fort Collins, Colorado. If you’re interested in renting a home around this bustling University, visit HomesbyCampus.com on your desktop computer or mobile device to browse current listings.

DO YOU HAVE A WINNER-WORTHY MOBILE WEBSITE?

Email me at theresa@dudamobile.com, tweet me at @dudamobile or contact me on Facebook if you think your site rocks.

Has your mobile site been published? If your site wasn’t published, we didn’t see it (and neither did your customers). Check our Support Center for instruction on how to publish your mobile website!

The Duda team oohed and awed over the enticing option of being wed on the beautiful coastline of Spain thanks to the simplicity and elegance of the mobile website, m.MarryInSpain.com and unanimously awarded it Mobile Website of the Week this week. Congratulations!

Regular Website

Mobile Website

What we liked about this Mobile Website

After speaking to Iain, the company and site owner, about his mobile website, I came to appreciate its simple structure even more. Iain said that the objective for his mobile website was to get site visitors to contact him. Knowing that mobile browsers spend little time actually reading the content on a mobile website, the methods of contact were the main focus of his site.

How This Mobile Site was Made

With the focus of the mobile website providing methods of contact to the visitor, the bulk of the work in creating the site was adding the widgets at the top of each page. Since Iain’s regular site was built from a basic WordPress template and contained only text and a few images, all of the content converted perfectly to mobile.

Each page of the site provides the visitor with three different ways to contact Iain.

The classic and highly effective click-to-call widget is at the top, followed by a click-to-email button which automatically opens up your phone’s mail client to a preset email. Iain placed a social media share widget at the bottom of the contact navigation menu. All widgets were added from the Add Features tab in the basic editor.

“I just wanted people to initially contact me after visiting the mobile site, not flip through the pages to find out information on their own”, said Iain. This message was clearly displayed on m.marryinspain.com, which is why we liked the site so much.

Get Married in Spain

Did you know that the Spanish coast is one of the top most popular wedding destinations in Europe? Book your Spanish wedding with Iain today! Send him an email or contact him on twitter fo find out more information about your future wedding.

DO YOU HAVE A WINNER-WORTHY MOBILE WEBSITE?

Email me at theresa@dudamobile.com, tweet me at @dudamobile or contact me on Facebook if you think your site rocks.

Has your mobile site been published? If your site wasn’t published, we didn’t see it (and neither did your customers). Check our Support Center for instruction on how to publish your mobile website!

Congratulations to The Uptempo Magazine! We love that you’ve created a mobile-friendly magazine to help keep your readers up to date on the hottest trends while on the go!

Regular Website

Mobile Website

What did we like about this Mobile Site?

1. This mobile magazine was actually converted over by using a blog template.
2. Only the most important content of UptempoMagazine.com was transfered over to the mobile website.
3. The complete conversion of this mobile website literally took less than 5 minutes.

How was This Mobile Website Made?

This online magazine is actually a blog. Each article written for The Uptempo Magazine is posted on their website in the form of a blog post (most recent article at the top and the older articles follow chronologically). After Joseph, from The Uptempo Magazine, entered his URL into DudaMobile, he was prompted to choose between the blog template or the regular mobile website layout.

For the sake of showing off each article, Joseph chose the blog template.

Joseph wanted to make sure is mobile browsers were able to get easy access to The Uptempo Magazine’s articles. The regular website provides links to pages like Editorials, Archives, Submissions, Press, Subscribe and Contact. These pages were completely eliminated from the mobile website which accentuated each article.

“On our mobile site, we keep all of the main content on the main homepage, that way if someone wants to get the latest updates, they can do so right there without having to look around. The pages we haven’t included on the mobile site were the ones that our readers most likely would not attempt to access from their phones.”

When I talked to Joseph, he said it took him no time at all to create this mobile website. I decided to take a pass at it and time myself to see how long it actually takes to create a mobile website for The Uptempo Magazine. Take a look at this short video of me trying to replicate m.UptempoMagazine.com and see it Joseph’s claim was correct.

Get in the Loop With The Uptempo Magazine

Congratulations POPFOODIE! The exceptional design of your unconventional mobile website struck our fancy.

Regular Website

Mobile Website

What did we Like About This Mobile Site?

• We couldn’t find the navigation menu at the top of the home page. And we loved it. The navigation menu was strategically placed in a completely unordinary position.
• Methods of contact are located at the bottom of each site page rather than the top. Just like the navigation menu, we thought this was different, in a cool way.
• This site’s content was jazzed up with custom text coloring.

How Was this Site Made?

Patrick, the business owner, wanted users to first read the general overview about POPFOODIE’s services before clicking through his mobile website. He bumped the navigation menu down to the bottom of the home page by adding a text element to the top of the page above it.

In the advanced editor, Patrick inserted a text element above the first button of his navigation menu. Within the element, he pasted his company overview.

In mobile website design, we typically see the click-to-call, mobile maps and click-to-email widgets at the top of each page with the idea that mobile visitors will be more inclined to contact the place of business. Patrick decided to mix things up and place these widgets in the footer of his site, below the navigation menu.

Did you notice the custom text coloring on the Mobile Design page? Small fixes like these can give your mobile website the professional look it needs. The red text also helps guide the users eye through each section of the site’s content.

With the advanced editor, Patrick was able to select specific words or phrases within the site’s text to change their color. POPFOODIE’s site text happened to be broken up into separate text elements on his page which allowed him to select specific elements and change their color.

If the text on your site that you wish to edit separately is not in it’s own element, add it in a new text element.

Does POPFOODIE Have Anything to do with Food?

Follow them on Facebook, Twitter or send Patrick an email for any food related marketing services.

Do You have a Winner-Worthy Mobile Website?

Email me at theresa@dudamobile.com, tweet me at @dudamobile or contact me on Facebook if you think your site rocks.

Has your mobile site been published? If your site wasn’t published, we didn’t see it (and neither did your customers). Check our Support Center for instruction on how to publish your mobile website!

One of the most important programmatic steps necessary when building a mobile website, is the creation of the redirection that will bring users to your site.

Generally, your regular desktop website will be located at a URL of the form www.mysite.com – and you’ll place your mobile site on the subdomain m.mysite.com. While mobile users could type in m.mysite.com and reach your mobile site, they are more likely to go to the address they know from the desktop web. More importantly, search engines will most often point to the www.mysite.com web address.

There are three ways to go about creating this redirection

1. On the front-end, using JavaScript.
2. On the back-end, using whatever programming language used in your site.
3. On the web server level, if your site is served by Apache, using .htaccess directives.

Whatever the approach, the principle is the same

First: Detect which user agent (web browser) the user is arriving from. If the browser is a mobile browser – that if certain substrings are found within the user agent: iPhone, Android, etc. (lists of these are available via a quick Google search) – you can continue on to the second step.

Second: Redirect the user to the mobile site’s address. Take into consideration whether or not you’d like to forward mobile users arriving at any page of your desktop site to the mobile site, or, alternatively, only those arriving at the homepage. If you choose the former, you’ll then want to decide whether to forward users arriving on a given page onto the parallel page on the mobile site, or simply to the mobile site’s homepage. Obviously, you’ll need to ensure your mobile site’s code is built in such a way that allows for this. If you create your mobile site on DudaMobile, this is all taken care of for you.

Have a Question About Mobile Web Development?

Direct all questions, tips and comments to Shaun Waksman, DudaMobile’s Product Manager. Send him an email at Shaun@dudamobile.com.

Regular Website

Mobile Website

What Did We Like About This Mobile Website?

Clean Colors – We couldn’t get enough of the sharp simplicity of the mobile website’s colors.

Simple Navigation – Everything the mobile website has to offer is right on the home page in the site’s navigation menu.

Miniature version of the regular website – Think this mobile site is simple? It’s actually just a teeny version of a super simple regular website!

How Was this Mobile Website Made?

Dustin, from Milestone Lawyer, is a well-known lawyer by day and a skilled mobile website developer by night. To continue with the orange on white theme of his regular site, on m.milestonelawyer.com, Dustin changed all text on the mobile site to orange.

Dustin was able to change the color of the text right in the basic editor.

Peruse through the navigation menu of Milestone Lawyer’s mobile site and you’ll find that everything you need can easily be accessed through the home page. Displaying all site pages in the navigations menu doesn’t work for all websites converted to mobile. It did, however, work in Dustin’s favor since www.milestonelawyer.com is such a simply designed regular website.

No special skills were necessary to enable all pages to be displayed in the navigation menu. The initial conversion from regular to mobile did it automatically.

Finally, we loved how this mobile website is a teeny version of the regular website. Little to no content was deleted from the mobile site to optimize it for mobile users because of the regular site’s pure simplicity. Take a look at the likeness of the two navigation menus, they’re identical.

I’m not confused, are you?

Turn to Milestone Lawyer With Your Next Legal Dispute

Milestone Lawyer is a virtual law office which allows the attorney and client to forego the traditional brick-and-mortar office and interact online instead. The law firm focuses primarily in the areas of business and intellectual property law, catering to entrepreneurs and small businesses. Milestone Lawyer offers monthly subscription services, allowing small businesses with limited budgets to plan how much they will spend each month on legal fees.

Find out more about Milestone Lawyer through their website.

Do You Abide by the Laws of Mobile Web Design Like Milestone Lawyer?

Email me at theresa@dudamobile.com, tweet me at @dudamobile or contact me on Facebook if you think your site rocks.

Has your mobile site been published? If your site wasn’t published, we didn’t see it (and neither did your customers). Check our Support Center for instruction on how to publish your mobile website

Simply visit m.dudamobile.com from your phone, enter the URL of the site you wish to convert, and use the easy Duda mobile controls to edit and customize straight from your phone.

Here’s How it Works

Go Forth and Go Mobile!

No more excuses of why you don’t have a mobile website. We really can’t make creating a mobile website any easier. Email me at theresa@dudamobile.com, tweet me at @dudamobile or contact me on facebook if you want to brag about your DudaMobile mobile website.