responsive&design - self storage web design & management ... · tweet your favorite quotes,...

TWEET your favorite quotes, feedback, and questions to @storageahead #SAwebinars

Presented by:

Megan Garden, Marke,ng Director

Responsive Design: Is It Right For Your Customers?

THE WEBINAR WILL BEGIN SHORTLY


Presented by:

Megan Garden, Marke,ng Director

Responsive Web Design: Is It Right For Your Customers?


Responsive Web Design (RWD)

•  What is Responsive Design? •  Why Responsive Design? •  Responsive Design Methods •  Is it right for your customers?

Today’s Agenda


What is Responsive Design?



“Responsive websites respond to their environment.”



10x20



10x20 10x15



10x20 10x15 5x5



Desktop



Desktop

Tablet



Desktop

Tablet Phone



“Responsive websites respond to their environment.”


Non-‐Responsive


Responsive


Why Responsive Design?



28% SELF STORAGE

MOBILE VISITORS*

*Based on July 2013



2014 MOBILE EXCEEDS



91% WITHIN REACH 24/7

150 TIMES / DAY


Responsive Design Methods

•  Flexible Grid (AdapRve or Fluid Design) •  Media Queries (CSS3)

Ethan MarcoWe – 2010 “A List Apart”



•  Mobile Websites (okay) •  Fluid Grid (be]er) •  Media Queries (be]er)

Fluid Grid + Media Queries is best

Three OpRons (not exclusive)



•  Duplicate website made solely for phones •  Re-‐directs to m.yourwebsite.com •  Poor user experience •  2 separate domains with same data •  Hard to execute & maintain m.storage.com

Mobile Websites



•  Also called AdapRve design, Flexible grid •  Percentage based & relaRve measurements •  Moves and re-‐flows as you resize •  Challenge is mostly on the designer – You can’t be all things to all people

hWp://www.designinfluences.com/fluid960gs/

Fluid Grid



•  Styles relaRve to devices •  Styles relaRve to viewports (screensizes) •  Tailored with lots of CSS (code) The browser’s play-‐by-‐play instrucRons

•  Great design for 99% of devices

hWp://978.gs/demo/

Media Queries


Methods Summary

•  Duplicate content

•  Excessive maintenance

•  Poor UX •  Bounce rates •  Bad for SEO

mobile.url •  1 URL, 1 clean set of code

•  Flexible design •  Improved UX •  More costly •  Poten,ally good for SEO

Fluid Grid •  1 URL, 1 clean set of code

•  Screen specific •  Improved UX •  Poten,ally good for SEO

Media Queries


SEO vs User Experience (UX)

•  SEO implicaRons are small •  UX implicaRons are huge •  It’s all about converRng visitors to rentals

What to consider

•  Find the best possible scenario – Desktop, Tablets, Phones

•  Fluid grid, media queries, or combinaRon

So…


Is Responsive Right for You Customers?

•  Mobile isn’t coming, it’s here •  Your business, your customers •  Solid user experience •  Quality, digesRble content •  Conversions

Absolutely!


Upcoming Webinars Register at storageahead.com/webinars

September 12, 2013 at 11:00 AM CDT “Aggregator”: Not Necessarily a Four-‐Le]er Word Does the word "aggregators" make you cringe? MaW Friederich, a member of

StorageAhead's business development team, will share his insights on how to make online storage facility networks work for you—whether it's as a website

replacement, companion markeRng or a way to track results.


Q & A Chat us your ques,ons!

(913) 871-‐2221 [email protected]

responsive&design - self storage web design & management ... · tweet your favorite quotes,...

Documents