Build a mobile site for a service company

Build an entire mobile site in 90 minutes step-by-step.

DOWNLOAD April 2015 Downloads Pack

What you will learn.

In this multi-part tutorial you will learn how to quickly create a mobile site for a service industry company. In this instance we are building for a fictitious plumbing firm. The principles and techniques learned can be applied to any mobile design.

You will learn how to quickly setup the master page and mobile navigation to creat a mobile site that feels more like a native app. Each page of the site has a single objective making the site easy to build and fast to download for end users.

The Homepage


Image

This page uses a Google map with simple a simple overlay to show the area covered by the service.


Part 4


About us page


Image

Compact pricing modules allow us to present some sample prices with an expanding information panel

Part 6


Contact us page


Image




The site has a click to call action button.


Image

The navigation menu hugs the bottom of the screen and slides up when touched.

Start


The service coverage page.


Image

Using simple font icon glyphs we create a compact about us page.

Part 5


The pricing page.


Image

Using simple font icon glyphs we create a compact about us page.

Part 7





Ready to get started? Why not open the completed site located in the tutorials folder to orientate yourself with what we are going to build.

Part 1


Article Author: Chris Kellett

Chris is one of the worlds leading experts in Adobe Muse and skilled in all aspects of HTML, CSS and Javascript a graphic designer, animator and film producer.

A freelance web developer for 19 years with 150+ muse templates and over 100 muse widgets (and counting) for other Muse template providers under his belt.

Skills Highlight:

Adobe Muse

Coding & Development

Graphic Design & UI

Looking for Adobe Muse Widgets? Looking to for Adobe Muse Training?
Copyright © 123muse.com 2015 - All rights reserved