Creating a web app using a responsive design

This approach is most likely to work when the web app has the same navigation as the main site, as it means we can style our navigation differently and hide content using CSS or PHP as needed.

For the Carborelli’s site, however, the navigation in the app is very different from the main site. We also want visitors to be able to see the standard site if they want to, and by changing our design to make the site appear like an app, that will be difficult.

So it’s pretty clear this won’t be our preferred approach for Carborelli’s, but we want to see how it’s done, so let’s try it out anyway.

The following are the changes we’ll need to make:

• Redesigning the home page so that it is in line with the mockup for our app

• Adding new pages for use in the app

• Adding a separate menu to the inner pages which takes the user to the home page navigation

We’re not going to do all of this now—what we will do is set up the home page.

Making a backup before we start

Before we...