LWD logoLori's Web DesignLWD logo

Mobile Website Design Portfolio


This mobile web design portfolio contains examples of client websites that were set up with the responsive web design method for mobile. This means that all pages, images, etc., have a flexible width so they will display correctly on hand held phones, tablets or desktop screens. It also eliminates the need to set up separate layout designs for tablets and mobile devices. Everything is controlled by one CSS file (Cascading Style Sheet). Responsive design is also the method that Google prefers. The following image below shows how a site looks in all 3 device layouts.

example of a responsive website design

What's Involved in a Redesign for Mobile Devices?

Setting a site up for mobile devices involves changing a lot of the code, especially if it's an old site with outdated code. The code will be updated so it's compatible with the new HTML5 and CSS3. Each page needs to have a flexible width so it will shrink according to the device being used, so it may involve designing a new layout for mobile. All font sizes need to change from pixels to Ems or percent and all images need to be set at 100% so they can change size depending on the device being used. The font size for links needs to be larger to enable ease of tapping on a link with a finger on cell phones or tablets. Videos, slideshows, contact forms and maps also require new coding. The menu or navigation will also need to collapse or turn into a menu bar for mobile devices, as in the image below:

responsive menu example for small mobile devices

Website Design Quotes

With all the changes required as listed above it takes about as long to redesign a site for mobile as it would for other reasons so the rates for a mobile redesign are about the same as the other. See the Quote Form to request a redesign and estimate in pricing.

Other Options

You may also want to have your site updated so it's SSL compliant with a security certificate so all information entered in forms or email responses is encrypted. Without this your website will receive a warning that it's not secure in Google's Chrome browser. I usually perform this service after a mobile redesign however.

Hand coded HTML used on all websites.
No templates or WYSIWYGs.

NOTICE: You may have noticed that I don't have my own site set up with a mobile design yet. I'm too busy doing this for current client websites and I have about 400 pages on my site so it's a long process.

18 Mobile Design Examples

I have arranged the following examples in this portfolio with the most recent web designs and redesigns listed first. You can easily view them on a mobile device. If you're using a desktop computer you can click the lower right corner of the page and drag to the left and see how the page changes according to the width of the page.

Click images or links to visit the websites

Riversdalebuilders.com
Riversdale Builders
, Elk , WA.

Spokane Comfort Systems
Spokane Comfort Systems
, Spokane, WA

Bibleline.net
Bibleline
, Paradise, CA.

SmartChiroClinic
S.M.A.R.T. Chiropractic Clinic
, Santa Barbara, CA.

BatsBirdsYard
Bats Birds Yard
, Holly, MI.

Ace Iron and Metal
Ace Iron and Metal
, Kalamazoo, MI.

You Do DJ
You Do Dj
, Spokane, WA.

Doug Scott Pianist
Doug Scott, Pianist
, Spokane, WA.

Millcreek Construction
Millcreek Construction
, Spokane, WA.

Rubes Cartoons
Rubes Cartoons
, Nipomo, CA.

Egomatters
Ego Matters
, Coeur d'Alene, ID

Jagbits
Jagbits
, Jaguar Parts, Union Lake, MI

Vance Hester Designs
Vance Hester Designs
, House and Garage Plans, Thomasville, North Carolina

B & D Apartments
B & D Apartments
, Spokane, WA

Test Strips for Cash
Test Strips 4 Cash
, Monroe, NY

Reddi-Rooter Plumbing
Reddi-Rooter Plumbing
, Boca Raton, FL

Odacrem Coffee
Odacrem Coffee
, Coffee Roasters, Albuquerque, NM.

VARK
VARK
, Veterinary After Rescue Kare, Orangevale, CA

Other Portfolios:

Website Redesigns   •   Custom Designed Sites   •   Responsive Web Designs

Order A Detailed Manual SEO Audit



Google


Lori Eldridge of Lori's Web Design
Copyright © 9-12-18
All Rights Reserved
Twitter     Google+     Facebook     linked in