Responsive web design :: thunder::tech's 2013 Marketing Trends Event

PRESENTER: Morning, everybody.
We're going to switch gears a little bit here.
Is my mike on, everybody can hear me pretty well?
Bruce and I are going to nerd it up a little bit and we're
going to talk about sizing up your data.
We have this video, we interviewed
people on the street.

AUDIENCE: iPhone.
AUDIENCE: Smartphone.
AUDIENCE: iPhone.
AUDIENCE: I have an Android.
AUDIENCE: An Android.
AUDIENCE: A Droid Incredible.
AUDIENCE: I have an iPhone.
AUDIENCE: A Samsung Android.
AUDIENCE: An iPhone 5.
AUDIENCE: I have an iPhone.
AUDIENCE: iPhone 4.

AUDIENCE: It's my lifeline.
AUDIENCE: Very important, both for business and personal use.
AUDIENCE: It's like my right arm.
AUDIENCE: Very, it lets me connect to everything that I
can't do with Facebook.

AUDIENCE: Probably.
AUDIENCE: I'd probably pick beer right now, over my
smartphone.
AUDIENCE: I'm a lawyer with 24/7 reachability issues.
So yeah, I would probably give up beer.
I would hate to have to but I would.
AUDIENCE: That's a good one.
I think so, I think so.
I need to be able to connect to people.
PRESENTER: We will make these videos available online.
They're really interesting.
There's a lot of good feedback that we got from people, just
downtown Cleveland on a nice, sunny day.
But what we found is really that people love their
smartphones.
We can jump into this next video.
[INAUDIBLE].
[TECHNO MUSIC PLAYING]
[LAUGHTER]
OK, so let's get into this.
Mobile.
People love their smartphones.
I'm sure everyone in the room, I think I can comfortably say,
probably uses a smartphone daily.
Most of you probably started out with business uses and
things like that.
It's the typical process.
But it's come to the point where everybody carries it
with them, whatever.
Business, personal, it's so ubiquitous.
It's constantly with us, it's constantly there.
So responsive web design.
We want to talk about websites, right?
So to look at the ubiquity of the mobile world, we wanted
something to compare it with.
So let's look at broadband internet.
That's something that we think of as really taking off.
Broadband internet, it's everywhere now.
Well in the last 12 years since broadband internet
really came into existence, there are about 650 million
connections worldwide.
That seems like a lot, right?
Mobile technology, smartphones, tablets in
particular really came onto the scene
about five years ago.
And since then, there are now over 900 million smartphones
in the world.
By next year at this time, that's going to be double the
amount of broadband internet connections.
So we now have broadband internet in our pockets
everywhere we go.

So we asked earlier--
and if everybody had a chance to take the poll, we're going
to get the results up here in a second-- but does your
business currently have a mobile optimized website?
It looks like a majority of people don't.
This is actually higher than I imagined.
And actually the numbers are a little bit lower.
So if you haven't taken the poll yet, go to
trends.thundertech.com.
You can do it on your smartphone or tablet.
And I'm happy to see that it's a little less than 33% I think
have a mobile optimized site.

The national average for that, the worldwide average is 27%.
That's looking at the Fortune 500 list.
Thunder::tech recently completed a study where we
looked at the top 100 companies in Cleveland.
So this is data from Crain's.
We looked at the top 50 private and the top 50 public
companies in Cleveland.
It was about 24% had a mobile optimized website.
So I'm glad to see that our thunder::tech clients, the
people that we work with, are a little bit more savvy.
We're kind of there, ahead of the pack.
But this quarter number seems really low to me considering
that a majority of US consumers have smartphones.
So more than 50%, I think the numbers are around 53% to 54%
right now have a smartphone and keep it with them every
single day.
So we want to look at why there's such a big discrepancy
between so many consumers having smartphones and so few
businesses jumping on board to meet that
immediate content need.
And the biggest issue that we hear about from everybody is
that it's really hard to build a mobile website.
It's I already have a desktop website, why do I
need another website?
And if I build one from my smartphones, what
happens on an iPad?
Do I show the desktop site?
Do I show the mobile site?
What happens on an iPad mini or a Kindle Fire?
All of these screen sizes really create a headache for
everybody in terms of what do you.
Do how do you meet this need?

It would be really great if we had a one size fits all
solution, something that feels great everywhere you go.
You can take it to the game, you could
take it on your couch.
So we see this as responsive design.
It's this one size fits all solution that works well
everywhere.
So I want to talk a little bit, show quick couple
examples of what responsive design, what it looks like.
So it's one site that magically, and I use the word
magically here, it technically adjusts itself and adapts to
fit whatever size display you're using.
So a few big brands, Microsoft and Starbucks recently
launched new sites this year.
And they're using responsive design.
So this is what it looks like on your desktop
computer, your laptop.
You pull it up on your tablet, your
smartphone, it looks great.
But it's not two separate sites.
If I want to edit the content on my desktop site, I don't
have to edit it again for my mobile site.
Another really great thing is that all of the content that's
there on the desktop site is available on your phone.
So if I'm looking at the new Microsoft surface tablet while
I'm supposed to be working, and I'm sitting at my desk
checking out the Microsoft site, when I go home later and
I'm sitting on my couch and I want to pull up the site on my
phone, everything is there like it was at my computer.
But I don't have to pinch and zoom, and deal
with it like that.
But it's not just huge brands that are using this.
It can be used in a lot of different places because it's
not really that difficult.
We recently developed a site for new
residential building downtown.
So this site is really a brochure site.
It's putting information on leasing, descriptions of all
of the units, contact information, things like that.
But it was really pretty simple for us to take it that
extra step and make it really well optimized for tablets.
Really beautiful on any size smartphone.
A little bit more of a complicated
complex version here.
This is a site we finished for the nation's largest provider
of self-directed IRAs, so retirement programs.
But you can actually log in, this is more of an app where
you can log into the site.
You can get your account information, your
balances, any fees.
But you can also connect with other users.
So it's a social networking site where you can get
information from people about retirement options.
But what's really great is that you can do
that on your tablet.
You can do that on your smartphone.
Wherever you are, you've got this connection to these other
people and to your information.
So it's not a lot of extra work to do this, but it really
serves that immediate need of getting your content to your
users at all times.
So real quick, we believe in mobile.
We've seen it really take off in the last couple years.
So we've got this little set up that we've been working on
where we've got all sorts of different new devices.
We're constantly trying to stay in touch with
what's going on.
What are these new tablets?
How to do our sites look on these things?
But really that's what it comes down to is that there's
so many different screens sizes.
Literally hundreds of screen sizes that people are going to
be looking at your site.
So what can we do to get them to look beautiful?
And that solution is really responsive design.
So we're going to change over here.
Bruce is going to come up and talk to you about human
evolution and apes I think.