Skip to content

Mobile Web Design

Mobile Web Design

The Same Site, but Smaller

If you want your site to fit in your pocket, it should be tailored to fit. Aresponsive web design is the best fit for most websites. However, in unique situations, when the user goals and content are strategically different on a mobile device, the best solution is to produce a separate mobile presence.

If you build one site for full-size users and another for mobile devices, the site can automatically detect how your visitor is seeing the site, and then send them to the correct version. Mobile web design is about building another version of your site by adapting the design, content, and features.

Design for Mobile

A mobile device has about one tenth as many pixels as a regular screen. And since form follows function, the mobile site needs it’s own design. The design should be simpler. Here are a few ways that the design of the mobile site can be adapted:

  • Use a one-column layout.
  • Use fewer graphics, save screen space and load time.
  • Use simpler navigation, so there is more room for larger buttons.

Content for Small Screens

If writing for websites is about being brief and to-the-point, writing for mobile sites is even more so. If visitors are unlikely to read a large blocky paragraph on a big screen, they’re even less likely to read it on the tiny screen in their hand.

Shorten your copy. Turn your sections into single pages. Turn your paragraphs into sentences. Edit, then edit again. Be brief.

Fortunately, managing the content on your mobile site is easy. Good content management tools (Orbit’s Mighty-Site is an example) can manage website content for both screens, big and small, from one place.

WORDS FROM CLIENTS
FIND OUT HOW YOUR WEBSITE WOULD PERFORM ON SEO
ABOUT BRUNO PISANO
Bruno Pisano started in this business in 1995; he is an expert web developer, marketer, businessman, philanthropist, bestseller author and former professional soccer player. He has 3 kids and a dog. Bruno is committed to have small businesses be at the top of the search engine results, so that they can compete with large corporations at a fraction of the budget. He speaks English, Italian and Spanish. Bruno cares more about his clients than he does for himself. And is very adamant about keeping permanent communication with them. He uses the latest techniques both in marketing and design, for maximum results. When you talk to Bruno, you feel like speaking with a friend; he has a no-pressure style and only cares about how he can help you.