We’ve recently had a lot of clients asking about responsive design – an exciting turn. We’ve been playing around with it ever since passing around Ethan Marcotte’s now-famous ALA book. It seems like the term has just entered the non-webnerd lexicon. A simple and (rightfully) alluring concept at it’s core; however, it’s been difficult communicating the technical requisites to normal clients.
We want to build sites the right way. Often times, that requires intervention with the basic elements of the site – architecture, content, media, and so on. So we drew up this little document in attempt to provide clients with a brief but thorough explanation of what it means to go responsive.

With an inevitable proliferation of screen sizes, responsive design allows any user to access your information the right way, regardless of device, operating system, or display size.
Ensuring your site renders “the right way” within any reasonable context will require in-depth research and extensive testing in both the design and development stages. Regardless of how you expect your visitor to interact with your site, it’s paramount that we make every user’s experience as intuitive and straightforward as possible.
With changing screens come changing contexts. A user may be sitting on their couch or rushing to a meeting.
A few points on designing for mobile:
Navigation
The moment a mobile user opens your page they should be able instantly have access to the main sectors of your site. Also, if your pages are content-heavy and require a fair amount of scrolling, the navigation menu should be accessible at any point, regardless of scroll position. See Brad Frost’s article on Responsive Navigation Patterns.
Media
Certain types of media adapt to responsive design better than others. Avoid dependence on Flash objects or any third-party widgets that don’t explicitly support a fluid layout. Both embedded video (Youtube, Vimeo, etc.) and self-hosted video (.mp4, .mov, etc.) do rather well in a responsive environment. Surprisingly, static images are not as accommodating. Fortunately we can change out images depending on display size, just be mindful of how your image assets play a role in the site’s overall functionality.
Text/Content
Maintain a clear and logical hierarchy to your content. A quick look at any analytics report will help you make an educated guess as to which areas of your site receive the most traffic. We want to make the the important information in these areas appear front-and-center giving the user the opportunity to drill down into a second or third level of content only if they wish to.
Buttons/Menus
Another reason to keep your content tight and organized is so users can avoid dealing with the “fat finger” problem. Buttons and navigational links must be large and displayed sparingly. Oh, and don’t rely on hover states.
Although the notes listed above were written with mobile in mind, the same could and should apply to traditional web-surfing. Some fantastic example of responsive layouts can be viewed here.

Did we miss something? Let us know!

Our Featured Work & Case Studies

view our work

Our Work & Case Studies

February 2, 2024

Stark Services – “AC in the Attic”

Stark Services was an HVAC – Plumbing company in Dallas, TX and part of Church Services...

February 2, 2024

Sudie’s Catfish House “Cheatin'”

Sudie’s is a family-oriented, family-owned restaurant that offers delicious seafood and homemade Southern dishes. Opened in..

February 2, 2024

TOPS Surgical Specialty Hospital

OAK wrote, produced, and directed a video for TOPS Surgical Specialty Hospital, a physician-owned facility in..

December 27, 2023

TOPS Surgical Specialty Hospital

We have worked closely with a wide variety of industries helping them boost their online presence..

December 27, 2023

Eleven Amp IPA

We have worked closely with a wide variety of industries helping them boost their online presence..

December 27, 2023

HUDEF Pickleball

November 1, 2023

Advertising Agency In Houston, TX

We have worked closely with a wide variety of industries helping them boost their online presence..

November 1, 2023

Advertising Agencies In Houston

OAK is an advertising firm that helps businesses grow by strategically defining your brand and its..

November 1, 2023

Why Brands Need Digital Advertising

Digital advertising has grown from gaining prominence to becoming base-level must-have in any marketing strategy. By..

September 16, 2020

St. Thomas High School

We have worked closely with a wide variety of industries helping them boost their online presence..

September 16, 2020

Houston Physicians’ Hospital

Landing Pages

September 16, 2020

Church Pool Services

We have worked closely with a wide variety of industries helping them boost their online presence..

September 15, 2020

Church Services

Church Services Church Services is a home service company that gives homeowners peace of mind knowing..

September 15, 2020

Saturn Retailers of Houston

The Houston-Area Saturn Retailers were unhappy with the national advertising agency’s approach to the Saturn brands..

September 15, 2020

David Taylor Cadillac

 RADIO

September 13, 2019

No Label Oktoberfest Beer Can Design

No Label Brewing has been an OAK client since 2015. During that time, we’ve designed some..

September 10, 2019

Lovett Dental

Lovett Dental helps patients get the smile they want and need by providing everything from teeth..

September 10, 2019

Monterey’s Little Mexico TV

We have worked closely with a wide variety of industries helping them boost their online presence..

July 26, 2019

David Taylor GMC

David Taylor GMC had been in Houston since 1975 and had enjoyed a prestigious reputation with..

July 25, 2019

Karrus Force Protection

Karrus Force Protection was looking to use cutting-edge technology to attract tradeshow attendees to Force Protection’s..

July 25, 2019

Hebel

THE PROJECT To strengthen and expand Hebel’s reputation among architects, developers and builders in the United..

July 25, 2019

Messina Hof

Messina Hof was looking for a way to target a younger demographic to their annual Harvest..

July 25, 2019

Texas Tamale

This is one of 2 ads we created for the Texas Tamale Company. These ads ran..

July 25, 2019

Shephard Park

Shepherd Park is another restaurant and bar owned and operated by Houston restauranteur, Ken Bridge. Creative..

July 25, 2019

Witchcraft

Witchcraft Tavern & Provision Co. is a new addition to the Houston Heights food scene. With..

July 25, 2019

Spirit of Texas

Spirit of Texas is an independent rum distillery based in Pflugerville, TX. They dedicate a massive..

July 25, 2019

Off Label Brewing Co

THE PROJECT No Label Brew Co, a long-time client, came to us with the idea for..

July 25, 2019

Houston Methodist

Developed automation emails for the office of Continued Medical Education for Houston Methodist Hospital for seminar/course..

July 25, 2019

Axis Pipe and Tube

Coming Soon.

July 25, 2019

The El

Website and Branding

July 25, 2019

Summer Sandia

When Texian Brewing Co. approached us to launch their new Bomber limited series with Summer Sandia...

July 25, 2019

No Label Brewing Co.

No Label Brewing Co.

July 25, 2019

See Tim Sell

Challenge: The quirkiness of a home-brew stick figure logo had brought Houston Area real estate company,..

July 25, 2019

Disney Magic Run Bogota

Their Goal Growing the audience Disney Magic Run needed to reach a local audience of fans..

July 25, 2019

Katy Market Day

Coming Soon.

July 25, 2019

Zaza Real Estate

We have worked closely with a wide variety of industries helping them boost their online presence..

July 25, 2019

Pink’s Pizza

After years of the very dynamic Pinks site, Pinks Pizza asked for OAK for redesign. To..

July 25, 2019

Coras Concept

We have worked closely with a wide variety of industries helping them boost their online presence..

July 25, 2019

Liberty

The first bomber bottle commissioned by Texian Brewing was for the Liberty IPA. The sister ship..

July 25, 2019

Santa’s Little Weiner

Annual Christmas card! Santa’s Little Weiner won an American Advertising Federation award in 2015.

July 25, 2019

EMS

EMS USA inc. a fast growing pipeline care company, came to us for a fresher look..

July 25, 2019

Dan Tasset

We brought Dan Tasset’s web identity up to date with the use of a simple, clean..

July 25, 2019

Lady Lazarus

Houston-based screen printer, Lady Lazarus reached out to OAK for a website to help showcase their..

July 25, 2019

Oktoberfest 2016 Campaign

We have worked closely with a wide variety of industries helping them boost their online presence..

July 25, 2019

Ellsworth Plastic Surgery

We have worked closely with a wide variety of industries helping them boost their online presence..

July 25, 2019

Hit King Brew Series

We have worked closely with a wide variety of industries helping them boost their online presence..

July 25, 2019

Hit King Baseball Academy

We have worked closely with a wide variety of industries helping them boost their online presence..

July 25, 2019

Pacesetter Personnel Services

We have worked closely with a wide variety of industries helping them boost their online presence..

July 25, 2019

Brown Plastic Surgery

We have worked closely with a wide variety of industries helping them boost their online presence..

July 25, 2019

Perpetual Peace and Nightmare 4 pack

We have worked closely with a wide variety of industries helping them boost their online presence..

July 25, 2019

Pinks Pizza Relaunch

C L I E N T Pinks Pizza is a Houston-based Pizzaria that’s been serving pizza..

July 22, 2019

GILLEY’S RUB

Gilley’s food line started with a product that’s a natural extension of their light, food-friendly Texas..

July 22, 2019

TEXIAN BREWING CANS

Texian Brewing Company is proud of their Texas heritage. Founded and brewing in Richmond, Texas (southwest..

July 22, 2019

NO LABEL 5TH ANNIVERSARY

We have worked closely with a wide variety of industries helping them boost their online presence..

July 15, 2019

DON JALAPENO AND WHAT THE HATCH

What the Hatch and Don Jalapeno stem from the same family with the only difference being..

July 15, 2019

RICE VILLAGE SCULPTURE INSTALLATION

We have worked closely with a wide variety of industries helping them boost their online presence..

July 15, 2019

BLACK WIT-O IPA PACKAGING

We have worked closely with a wide variety of industries helping them boost their online presence..