Responsive what now? Responsive web design, sometimes referred to as RWD, is a forward thinking idea, first proposed by Ethan Marcotte back in May of 2010. It instantly caught fire in the web design community, and left us geeking out all over the Twitterverse.
Simply put, the concept allows websites to be constructed in a way that their structure, layout, and design all adapt based on the size of the browser in which you’re viewing them. This means one website can be built and optimized for all device sizes, across the board. Mobile phone to desktop monitor. #whoa #amirite
At the time this article was written, over 10% of internet traffic in the U.S. was done on mobile. That’s even higher worldwide, and it’s only going to continue to grow. We’ve reached a point where having a website isn’t good enough; you need a mobile website, too. Users are also expecting more out of their browsing experience. When mobile sites first became common, the general consensus was to only give the viewer the bare minimum of what they needed. Strip out the rest and save bandwidth. These days:
The result? Stripped down mobile sites can leave many users frustrated and clicking the “view full site” button. Responsive websites allow businesses to deliver the features and functionality that users want and expect on their desktop and mobile devices, all with just one site. Your full featured desktop site is your full featured mobile site. BOOM!
It can be. Which is why most of the early adopters were trying it out on small, simple sites. Responsive WordPress blog themes started becoming popular; designers were redoing their personal portfolio sites. But the trend didn’t really extend to the business world. To many, it was more of a cool factor and less of a practical approach. After all, how could you go responsive with a feature-robust site that has separately optimized experiences for desktop and mobile? Too many variables on two different playing fields, right? Wrong.
In September of 2011, the new Boston Globe launched. A mammoth of content and functionality, designed responsively. If you ask this guy: game changer. It wasn’t long until others started to follow suit. Companies like Starbucks overhauled. The President of the United States redid his site. Ok, I’m sure it wasn’t actually him, but that is just plain rad. Come on, now.
Other major companies saw the merit in the approach but weren’t ready for a complete redesign, so they updated their homepages. Sony and Microsoft both did this. It was fast becoming clear, RWD had huge potential.
We are! We knew it wasn’t going to be easy, though, which is why we’ve spent months carefully defining our web design techniques and approach. After 10+ years in the web design business, OMS has become a bit of well-oiled machine. We have defined project structures, timelines, deliverables, team set-ups, pricing, you name it. Our project workflow follows a well-mapped-out process:
kickoff > sitemap > wireframes > moodboards > design > development > testing > client training > launch > support
All of these will be affected by this new offering. So, needless to say, we had some planning to do. After countless meetings, internal prototypes, and hours of departmental training – we’re ready.
Do we have it all figured out? Of course not; we’re always learning and growing as we go. What we do have is something special, and we’re more excited than you could imagine to share it with our clients.
Our strength has always been, and will remain, offering affordable, highly customized, client-managed solutions to businesses seeking a successful web presence.
OMS Responsive is NOT: |
OMS Responsive IS: |
||||
|
|
||||
|
|
||||
|
|
And of course, everything will be managed through MightySite, our content management system. To future clients this means:
(Are you sensing a theme here?) Our first few responsive projects recently kicked off, and we’ll be sharing much more on this topic as time goes by. We’re happy to answer any questions in the comments below, and we couldn’t be more stoked over here.
High fives.
Kurt Cruse is a Lead Web Designer at Orbit Media. You can find Kurt on Google+ and Twitter.
By signing up you agree to our Privacy Policy.
Hi Kurt.. thanks for sharing information regarding responsive web design. Really a great help. Awaiting for more such useful blogs.
Responsive Web design has become a necessity because majority of people now using Andriod and Iphone, so it help to catch those mobile users 😉 really helpful for all of us
<a href=http://exactseo.blogspot.com/2013/01/web-20.html>Organic SEO </a>
All the new clients need responsive web design for there business, all screen resolution must be compatible on BlackBerry, another for the iPhone, the iPad, netbook etc. and the latest technology made our life so easy.
i want to convert http://www.smallmarketingcompany.com to mobile responsive. any suggestions….! Thanks.
i was using duda mobile and square space for mobile responsive. Now i can try myself to do it without monthly subscription.
Well, RWD Is the norm these days in the word of web design. People who still aren’t aware of it are simply ignorant. Somebody should tell them what they are missing. Kurt, you just did the job by informing them about this necessity in such an articulated piece. I’ve always been an admirer of RWD sites, it really makes it a whole lot easier and pleasant to surf websites on my smartphone and iPad. Tx for the great post.
Hi Kurt, thank for sharing this article. I have already started building a responsive mobile website.
Cool~ Responsive Web Design really nice for all users in pc, ipad and smartphone.
Yeah! Responsive! Woooo!
Kurt! Great post, boom!
Major high fives. Awesome article KC!
@minimins Thanks Sarah. Lets make em Top Gun, volleyball scene, awesome fives.
Couldn’t have said it better myself! Thanks for a great article Kurt. Looking forward to making responsive websites with you!
<a href=”http://www.mobilewebsites.cc/brisbane”>mobile website design</a> and smartphone based content design for Brisbane businesses and organisations. Do not miss the mobile revolution.