Building New Bridges

Building New Bridges is a methadone treatment facility in Mesa, AZ that asked me to build a very simple site for them. It wouldn't be updated very often, so they elected to go with a static site, but because of the nature of their business, they needed the site to be responsive, as many users would be using cell phones to visit the site.

So, the site was built around the Twitter Bootstrap framework to simplify the responsiveness. One item that I specifically targeted was having the phone number for the facility show up at the top of the screen when viewed on a smartphone, and even more important, to have it so clicking the phone number will dial that number; the thinking was that, this way, somebody driving down the road to seek help would be less inclined to stop if they were able to access a phone number (and a Google map) right there on the home page.

One other thing you may notice is that the full-sized version of the page has a clouded sky background, but this is completely missing in the mobile version. Most responsive sites would just use CSS commands to hide the background on a mobile phone (as it wouldn't even be visible), but that's a waste of bandwidth and the visitor's data, so I took a different approach: I designed for the phone first, then, if the visitor is using a tablet or larger, we add the background image. It's very subtle, but it was a better way of handling such things, in my eyes.

Building New Bridges home page, full-screen
Building New Bridges
Building New Bridges home page, smartphone

Comments

Add new comment

(If you're a human, don't change the following field)
Your first name.
(If you're a human, don't change the following field)
Your first name.
(If you're a human, don't change the following field)
Your first name.

Plain text

  • No HTML tags allowed.
  • Web page addresses and e-mail addresses turn into links automatically.
  • Lines and paragraphs break automatically.