Web Solutions—Michael Scannell

Creating Web sites that work for you

The challenge of the Web in 2020

The range of devices

Mobile phones, tablets, laptops, desktops - a range of screens

My recent responses to the challenge

Responsive designs (for most of these designs, if you tap or click on the thumbnail, you can see the site itself).

Sail Moraira

Sail Moraira home page
⇐ a mobile display ⇒
Sail Moraira home page
⇐ a tablet display ⇒
Sail Moraira home page
⇐ a desktop display ⇒

A really unusual site for a yacht owner inviting people to sail with him. Although it is immobile on this page, if you tap or click on the thumbnail you will see moving dolphins in the background to the header!

The London Drone Company

A single-page “long-scrolling” Web site, for a London (UK) Drone Company

London Drone Company page
⇐ a mobile display ⇒
London Drone Company page
⇐ a tablet display ⇒
London Drone Company page
⇐ a desktop display ⇒

Ross, the business owner, liked the idea of a single-page “long-scrolling” Web site — and I took up the idea enthusiastically. Ecah of the displays above is a portion of the one long page. In wider devices, the navigation menu moves down the page as the visitor scrolls.

The Costa Blanca Male Voice Choir

An online box office foe a Costa Blanca choir. Poeple can buy tickets on this site, and then print them off for themselves. It has so far been in use for 4 concerts, which have all been sell-outs!

Costa Blanca Male Voice Choir confirmation page
⇐ a mobile display ⇒
JCosta Blanca Male Voice Choir confirmation page
⇐ a tablet display ⇒
Costa Blanca Male Voice Choir confirmation page
⇐ a desktop display ⇒

All displays are displays of the same page. Every page on the Web site—navigation, words, logo, photos, forms—is designed to adapt itself to the device, the orientation of the device, and the dimensions of the device. (This site changes for each new concert.)

Creative Shade Sails

A Web site for two ceative tradespeople. (This site is not yet on the Web.)

Creative Shade Sails home page
⇐ a mobile display ⇒
JCreative Shade Sails home page
⇐ a tablet display ⇒
Creative Shade Sails home page
⇐ a desktop display ⇒

Again, these are displays of the same Web page on different devices.

Judd Steiger

A Web site for an author of thrillers

Judd Steiger home page
⇐ a mobile display ⇒
Judd Steiger home page
⇐ a tablet display ⇒
Judd Steiger home page
⇐ a desktop display ⇒

Again, these are displays of the same Web page on different devices. (This site is off the Web while Judd recovers from a serious illness.)

Jalon Villa Rentals (original designs)

A Web site for a Jalón family estate agents. (The site became part of a larger site, which I also designed.)

Jalon Villa Rentals home page
⇐ a mobile display ⇒
Jalon Villa Rentals home page
⇐ a tablet display ⇒
Jalon Villa Rentals home page
⇐ a desktop display ⇒

Again, these are displays of the same Web page on different devices.

Librería Europa, Calpe

A redesigned Web site, for a flourishing small business on the Costa Blanca

Librería Europa home page
⇐ a mobile display ⇒
Librería Europa home page
⇐ a tablet display ⇒
Librería Europa home page
⇐ a desktop display ⇒

Gil, the bookshop owner, wanted me to convert my existing website design to a site which worked as it should on mobile phones and tablets. (If the photos look different in the different displays, that's because they are in a carousel.)

Everest Tandoori Restaurant

A Web site for a Calpe retuarant/takeaway

Everest Tandoori restaurant page
⇐ a mobile display ⇒
Everest Tandoori restaurant page
⇐ a tablet display ⇒
Everest Tandoori restaurant page
⇐ a desktop display ⇒

Once again, these are displays of the same Web page on different devices.

Taxi Star Transfers (original designs)

A Web site for a Calpe taxi company. This site is still using my database, my PHP code and my Javascript apps (with no benefit to me). But it is no longer using the home page below, and is no longer responsive.

Taxi Star Transfers home page
⇐ a mobile display ⇒
Taxi Star Transfers home page
⇐ a tablet display ⇒
Taxi Star Transfers home page
⇐ a desktop display ⇒

Displays of the same Web page on different devices.

Look at the rest of my portfolio