Coding and Graphics of Packwood

Custom Software. Graphic Art.

Custom Websites Using Responsive Design.

In the current world of custom website design, the word responsive has two meanings:

Responsive Design

A website built using responsive design changes its format to work well on any screen size, from the smallest phone to the largest desktop monitor.

Every website we build uses responsive design throughout.

Websites built in the traditional fashion are often scrunched up, so they will fit on narrower laptop and desktop screens. This wastes a lot of space on larger monitors, and makes the site look odd.

A site built with responsive design can always fill the screen from left to right, because the content changes to fit the viewing area.

Traditional website design: On a wide screen the content is tiny, and surrounded by a huge amount of empty space. This is so more of it will fit on small laptop and desktop computers.
Responsive website design: The content adjusts to fill the browser window, no matter how how wide or narrow, from desktops to phones.

On a desktop computer, once the browser window becomes too narrow for a conventional website, the content is cut off and the user must scroll from left to right to see everything.

On a site built using responsive design, the content flows to stay within the left and right boundaries. The user never needs to scroll to the left and right. The content makes use of all the available space.

Traditional website design: In a narrow browser window on a desktop or laptop computer, the content gets cut off on the right. You must scroll from left to right to see the content.
Responsive website design: All the content is visible, clearly and attractively, even on a phone. Note the page elements have automatically changed position, so they are clear and accessible in a narrow window.


If you're viewing this site right now using a desktop or laptop computer, you can run your own demonstration by grabbing the right-hand border of your browser window, and dragging it gradually to the left. You'll see the content flow and change to make the best use of the available width.

If you're on a tablet computer or phone right now, turn the screen vertically, then horizontally. You'll see how the content flows and adjusts itself.

Responsive To You

Our custom website projects are collaborative efforts. Before we start, we learn as much as we possibly can from you. Here are some examples of the questions we ask:

  • What do you want users to know in the first 20 seconds when they visit your site?

This helps us when we figure out what to place on your home page.

  • What do you want users to feel in the first 4 seconds?

That's not much time! But thinking about that question leads to all sorts of visual design decisions.

Working with us on your new or updated website is a pleasant, efficient experience.
On the other hand, going it alone can be kind of frustrating.

The whole process was a very pleasant and efficient experience. I appreciated the attention to detail and professional input. The new website has made a significant difference in bringing in new customers. I'm very proud of the site, and really enjoy sharing it with new acquaintances and customers. Additions have been very quick, and expertly applied to the site. I'm looking forward to working with Penny and Ed on future projects!

Dana Hofer