Share
Technical Penguins Content Before Design: A photo of a spiderweb in a field, covered in drops of dew, highlights the idea that something can be both functional and beautiful.
Functional AND beautiful: It can be done! Image by Flickr user botheredbybees

Design: Redesigning is about more than looks

This white paper has been unlocked and is available to all users

Executive Summary

Many people start their website projects by thinking about how they want things to look – even when they don’t yet know what content will be included.

Good design is about more than how pretty something looks. Design is what your users experience as they interact with your content. Are your potential and current clients able to do what you need them to on your website? We look at why “content before design” is a strong philosophy.

Details

If you ask people what they think of a website, the first thing they almost always comment on is how it looks. Sometimes these are useful comments: “I have difficulty finding what I’m looking for,” or “I like Instagram because it gives me a never-ending stream of stuff to look at.” Often, though, the overarching comments people make are more concerned about aesthetics: “It’s ugly,” or “They have such a lovely-looking app.”

There’s nothing wrong with these thoughts, of course. Users can and will have whatever opinions they want about a website (and you, as someone with a web presence, will almost certainly hear all of them, often simultaneously). And it’s important to listen to what your current and potential customers are saying about your website’s looks… to a point.

Design is about more than how pretty something looks. Design is essentially “what the user experiences as they interact with your content.” That does include things like what colors you use, fonts chosen, all of that. But you, as a website owner, need to worry more about how people are interacting with your content, and whether they’re doing what you need them to.

Ugly websites can make money

It’s no secret, but most people don’t acknowledge the fact some of the ugliest websites on the planet are also some of the most successful. In many cases, we’ve convinced ourselves that ugly designs are “fine,” or they couldn’t be done in any other way, so they’re not really “ugly” after all. In some cases, people go completely through the looking glass and argue that the design is actually really good, and we should start copying it.

Ugly, popular websites:

That last one’s going to surprise people, but Facebook is objectively ugly. It was a welcome respite from MySpace’s “do whatever you want” ethos, but it’s insanely cluttered and hard to find anything specific. I dare you to try to change your privacy preferences, if you can even figure out where the specific setting you’re looking for lives.

Pretty designs can be a waste of time

If your website is doing what you want it to, be careful before you redesign. The whole point of the design is to get your readers/customers/audience to do something specific, and if it’s working, why monkey with it? The old adage “don’t fix what ain’t broken” definitely applies to websites.

All that being said …

Bad designs can hamper your website’s effectiveness

We’re not saying that your website is definitely fine the way it is and your yellow-text-on-green-background is just lovely. There are numerous reasons, including user-experience deficiencies, slow loading times and disjointed branding, that definitely call for a minor or even total redesign. But you need to be eyeing up more than just “pretty” when you go to find your new look.

So what should you keep in mind when you’re looking for a redesign? Here are some thoughts about the value of a content before design philosophy.

Shameless plug

Does your website need a facelift? Are you not even sure? We can help! We provide objective analysis (based on your goals and needs) on how your current design is helping and hurting you. If you decide change is in order, we can tweak your current theme, selecting a new template or create a totally custom build.

Contact us for more information

Tips, Recommendations & Takeaways

When considering how effective your current design is and whether to redesign, think about the following:

1. Does it meet your functionality requirements?

If your website exists to drive e-commerce traffic, but you can’t feature your store on your home page, that’s probably not great in terms of functionality. Similarly, if you are a photography studio, but your design features all images at 500 pixels wide, that may not help drive reprint or digital-download sales. Are you a content producer who has tiny text and enough popover materials to cover the reader’s entire screen?

Start by figuring out the job your website needs to do – for you and for your audience. Then think about what content is required to do that job. Then, the design work comes from fitting together all of those pieces.

2. Does it fit with your branding?

So… that’s a great new theme you found there on AwesomeThemesForNoGoodReason.com. It seems to require the use of a vertical logo, though, and yours is horizontal. Or maybe your current fonts say “Tweenager Justin Beiber Fandom Website” but your brand is more “Super Professional Accountants For Hire.”

Yes, you can absolutely tweak those individual things without a complete redesign in either case, but sometimes they’re indicative of the feeling your customers will get from your site.

Think about the message you want your brand to convey, then decide whether your current (or prospective) design really says that. Don’t be afraid to consider A/B testing and focus groups for this. You’re probably not your own ideal audience, so ask the people who are!

3. How much content rework is required?

Remember how we said content before design is a great philosophy? That’s because you haven’t lived until you tweak your theme and realize you need to recrop 600 images to an entirely new proportion to fit the change. There are definitely times when you have to bite the bullet and put in some hard work (or, ahem, hire a bunch of amazing penguins to do it for you), but there are also times where you might decide that an extra 50 pixels of width in your page body isn’t worth the hours of rearranging it might entail.

Big Takeaway

Before you change everything in favor of that nifty new theme you saw, consider the content and function of your website. Does your design – current or potential – meet your functionality requirements? Does it fit with your branding? How much content rework would be needed to change it?

On the other hand, if you’re thinking “my current design is probably just fine,” don’t assume that without taking a close look at your brand and your business goals.

Get more great advice

Technical Penguins is a full-service digital shop. We offer content, development, design and other internet services. Have a project you’re thinking about pursuing, but need a little help? Get in touch!

Contact Us

If you’d like to read all of our white papers (including tips and recommendations), you can either join with a content membership plan or purchase a maintenance agreement, which includes access to all content! Maintenance agreements also include discounts on all services, as well as other perks.

An illustration of a penguin in a hard hat, holding a wrench and a screwdriver, with an open toolbox in front of him.

Standard WordPress Maintenance Plan

  • We'll keep WordPress and your plugins up-to-date on a monthly basis.
  • We will ensure your site is being comprehensively backed up monthly.
  • Includes access to all our white papers, with members-only recommendations and tips.

$40/month

Find Out More
An illustration of a penguin wearing a security guard uniform and hat.

Premium WordPress Maintenance and Security Plan

  • We'll keep WordPress and your plugins up-to-date on a monthly basis.
  • We will ensure your site is being comprehensively backed up monthly.
  • Full access to and use of the Penguin Pack, a smorgasbord of services and add-ons that can enhance your website. Features include image optimization, security, SEO, newsletter opt-in forms, even selling courses! This can replace some existing services or plugins you already use, and we'll get everything set up for you.*
  • Includes access to all our white papers, with members-only recommendations and tips.
  • 10% discount off regular hourly rates for scheduled work performed.

$75/month

Find Out More
An illustration of a penguin wearing a suit, with sunglasses, an earpiece and a bowtie.

Penguin Pro WordPress Maintenance and Security Plan

  • We'll keep WordPress and your plugins up-to-date on a monthly basis.
  • We will ensure your site is being comprehensively backed up monthly.
  • Full access to and use of the Penguin Pack, a smorgasbord of services and add-ons that can enhance your website. Features include image optimization, security, SEO, newsletter opt-in forms, even selling courses! This can replace some existing services or plugins you already use, and we'll get everything set up for you.*
  • 1 hour of work included every month
  • Includes access to all our white papers, with members-only recommendations and tips.
  • 15% discount off regular hourly rates for scheduled work performed.

$120/month

Find Out More

* Free setup only includes the setup of the new tools and services. If you need to migrate information from an existing tool or service (e.g., from a different membership plugin/program), that would incur an additional cost for the work at our (discounted!) hourly rate.