Hackathon: The Origin of DudaWhite

Hackathon: The Origin of DudaWhite

DudaWhite-banner2

It all started with an intense Hackathon. The entire Duda research family gathered together under one roof for a weekend without sleep or any contact with the outside world. Our mission was to conceive the next big step for our company. Stocked with enough food to feed a small country, we got comfortable and let our creativity flow…

(more…)

Mobile Website of the Week: Kevin Sullivan Dental

Mobile Website of the Week: Kevin Sullivan Dental

Did you happen to catch our recent write up about mobile web design best practices? This week for Mobile Website of the Week, we selected a site which displayed every one of the design tips mentioned in the article. These four tips made this weeks winning site look just as clean and crisp as their patients teeth!

Congratulations to Kevin Sullivan Dental! Your polished mobile website makes us smile.

Regular Website

Mobile Website

What did We Love About This Mobile Website?

Kevin’s mobile web designer, Chris, followed four mobile design tips down to the tee. So, the four things we loved about this mobile website were:

  1. The content is customized for mobile devices.
  2. Images were reduced to the very essentials.
  3. Chris made sure to include plenty of white space.
  4. All important links were turned into buttons.

How Was this Mobile Site Made?

Before we dive deep into mobile design methodology, I first just want to comment on the simplicity of Kevin Sullivan’s mobile website. If you take a look at the site, you’ll see that it really only consists of one page. Chris’ reasoning behind this one page wonder was that, “it would be easier for people to just see all the information on one page rather then searching through the site for what they need”. Well said, Chris.

Customized Content

To cut down a seven page website into a single page mobile website, Chris had to choose which content was most important for Kevin’s mobile visitors. He decided the most important content was maps and directions to each one of Kevin’s office locations, a click-to-call widget, a send business info via SMS button and a link to client testimonials.

Essential Images

Kevin’s regular website has images on all seven pages. Chris reduced the amount of images on the Kevin Sullivan Dental mobile website to eliminate clutter and brighten up the site’s appearance. This site looks great with only two photos on it!

White Space

With the optimization of content and the reduction of images, Kevin’s mobile website was left with plenty of white space. This negative space opens up his site and makes it easier for visitors to navigate through the content. Though the white space isn’t technically white, it’s still lighter than the site’s buttons and text color which makes it work.

Big Buttons

Chris turned all important links on Kevin’s site into big buttons. On the home page, he added maps and directions widgets, click-to-call buttons and a send business info via SMS widget. These make it extremely easy for patients to contact Kevin.

Schedule Your Next Teeth Cleaning with Kevin!

Kevin Sullivan Dental has two office locations in Pittsburg, Pennsylvania. Kevin specializes in general and cosmetic dentistry. Check out his website on your mobile phone or computer to schedule an appointment.

Want a Mobile Website Just Like This One?

Chris, the mobile website developer, is responsible for this clean site. You can contact Chris via email at freemobilesitequote(at)gmail(dot)com.

You can be Next Weeks Winner!

Tell me how awesome your mobile site is and I’ll feature it as Mobile Website of the Week!

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!

Four Design Tips to Make Your Mobile Website Awesome

Four Design Tips to Make Your Mobile Website Awesome

It’s inevitable that all small businesses need a mobile website. It’s also likely that you might already have one. Last year mobile data traffic nearly tripled from the year before and is expected to greatly increase by the end of 2011. Considering the boom of the mobile revolution, going mobile is definitely a step in the right direction.

Though all mobile websites are unique, one aspect which remains consistant across the entire mobile web is the importance of proper mobile web design. In a recent study conducted by Google, 61% of users are unlikely to return to a mobile site that they had trouble accessing from their phone. A poorly designed mobile website could be detrimental to click through and conversion rates.

Fortunately, you don’t have to be well versed in the latest CSS and HTML to give your mobile website the sleek and professional design that it needs. Take a look at these four handy design tips that anyone can easily apply to their mobile website.

1. Customize the Content for Mobile

A mobile website is a condensed, tiny, one column version of a desktop site. Tailoring your content to the needs of the mobile user could greatly benefit the user experience and lead to a higher conversion rate through your site. the typical mobile user is on the go and in search for the information they need, fast. Eliminating some of the content that’s on your mobile site, which may only be viewed by a desktop user, could prevent customer confusion.

If you’re not quite ready to nix entire pages, then change the page order on your navigation menu. Put the links and pages a mobile user will likely use the most towards to top of the home page. Rearranging the page order of your mobile site will help your users find the information they are looking for, while also preserving the likeness of both sites.

2. Reduce Multimedia

We know how much you like the embedded YouTube videos and photo albums on your website. We like them too. Unfortunately, when designing a mobile website, large amounts of multimedia should be significantly scaled down or completely eliminated. Mobile users have limited bandwidth and a slower connection to the internet than desktop users, however when browsing the internet on their smart phones, they still expect sites to load at a quick rate. High volumes of photos and videos can slow down the load time of your site which will turn users away. One to two images per page and one video is enough multimedia for your mobile website.

3. Negative Space is Good Space

Negative space, also known as white space, is a key to mobile website design. Incorporating negative space in your mobile site will give it a clean look and make it easier for the user to navigate through.

Some simple things you can do to add negative space are:

  • Increase padding around important links and buttons.
  • Remove multimedia elements like excessive amounts of photos and video to eliminate clutter.
  • Add line breaks between large bodies of text.

Enhance the appearance of a mobile site’s negative space by keeping the background color of your site a light color and the text, a contrasting dark color.

4. Add Thumb-Friendly Elements

When designing your mobile site, consider following the general rule of thumb. Typically, mobile site browsers use four fingers to hold their phone while leaving their thumb free to scroll up and down on the screen. Turn important links on your mobile site into buttons to make it easer for site visitors to select them. For example, a phone number can be replaced with a click-to-call button and a link that returns the user to the home page can be replaced with a back home button.

Mobile Website Design Done Right

Take a look at these four examples of mobile websites which display excellent mobile website design.

Put Your Mobile Website Design Skills to the Test!

If you think your skills in designing and developing mobile websites are better than our examples, apply to join the DudaMobile Developer Network! Join now and be featured on Dudamobile.com, receive leads, and let us promote you to businesses who are in need of your services. Sign up through our website to be considered.

Email me if you have any questions at theresa(at)dudamobile(dot)com.