Archive for the ‘creative briefings’ Category

How to use Photoshop to make notepad sketches

Friday, February 22nd, 2008

A few days ago, I wrote about the making of Creative Briefing and touched briefly on how the notepad sketches that you see on the top left of this site came to be. I’ll now go more in depth and offer a quick and easy tutorial on how I produced the image using Adobe Photoshop.

It should be noted that much of the work in this tutorial can be replaced by simply purchasing stock photos of notepads. However, if you’re not into spending money or aren’t able to find a stock photo that suits your needs, then this tutorial is for you.

The Goal

Here’s what this tutorial will help you achieve:

The final product!

Let’s get started!

(more…)

The making of Creative Briefing

Tuesday, February 19th, 2008

Over the Christmas holidays is when it first struck me that maybe it was about time that Creative Briefing got a little bit of a face lift. It took me awhile to really set this thought into motion but when I finally did, the ideas started flowing. I made sketches and mock-ups, and finally after one long and cold December night’s work at the Photoshop factory, I had a new masterpiece. One week later, I hated it. So I scrapped it and started all over again.

Fast forward a month and we’re at last week when I finally launched the new face of this site, which fortunately has been met with a lot of positive feedback thus far. But let’s rewind the tape a bit, and let me fill you in on some of the process that’s led me here.

(more…)

How to use WordPress to build a website with user-generated content

Monday, January 7th, 2008

WordPress

User-generated content is not uncommon to websites today and its popularity has grown over the years with the public’s demand to have control and input over what they’re seeing on websites. Sites like Digg, StumbleUpon, and countless others will typically offer a form on the front-end of their website for users to submit content for immediate publishing, enhancing user interactivity and overall experience.

For WordPress users, this is usually a problem because the post and page-writing functionalities are hidden away in the back-end admin panel of WordPress. Not only that, but users are required to have a registered account before being able to access these functions. Add on the fact that logging into the admin panel exposes the user to a different interface and visual environment, and you’ve got yourself a bad user experience and little incentive for the user to want to submit content.

So how do you create a site that offers a usable front-end form that will allow users to publish content immediately onto your site while still taking advantage of the powerful publishing engine of WordPress?

This tutorial will break down one way of overcoming this obstacle using cantwaitforchristmas.com to illustrate examples.

(more…)

Anatomy of an agency website

Sunday, November 4th, 2007

My team and I have been hard at work building our agency’s new site (which explains my lack of posts lately). Just like the evolution of our business cards, the next evolution of our website is a reflection of the growth and maturity of our agency. It’s funny how much can change in a single year, but I think it’s absolutely critical to keep your company’s website up to date and always in line with what you’re trying to achieve. The ironic reality is that most agencies get so caught up in the work they’re doing, that they often neglect their #1 marketing vehicle. I’m guilty of this as well.

If you run an agency (or any company for that matter), you’ll know how commonly your potential clients or customers ask “where can I see some of your past work or learn more about your services?”. That question alone should be reason enough to keep the content on your site up to date. But the content isn’t the only thing to consider when it comes to your agency website. From design to tone to architecture, there’s quite a bit of thought that goes into building something that effectively represents your agency on the internet. Now engulfed by the magic and wonders of this process, I thought I would share with all of you my perspective on the anatomy of an agency website.

Design & Style

The face of your agency lies within the design and style of your website. More importantly, if you’re an interactive agency, this website represents your skill set and everything you’re trying to sell to your visitors. Hell, if you’re in the design industry at all, you can bet that your visitors will have greater expectations from the aesthetics that greet them. Not that visitors will be forgiving of an ugly website - and that’s the thing: sometimes the design and style of your website will say more than your content ever could. You may have the most intriguing and insightful copy in the world, but if it looks like crap, your visitors won’t buy it. Literally.

Consider this:

  • Is the style of your website consistent with the style of work you produce?
  • Is it easy for your visitors to find out information about your agency? Usability, usability, usability!
  • Is your website branded consistently with the rest of your materials? Colors, fonts, look, feel, etc. (More importantly, do you have a brand?)

Voice & Tone

Your website is a communication tool. And when it comes to communicating, it’s not always what you say, but how you say it. Imagine your website as if it were the front desk receptionist in your office. What does she sound like? How does she greet your visitors? This same concept applies to the voice and tone you choose to use to communicate your message to your audience.

Consider this:

  • Are you a “we” company? Decide whether you will communicate from first person or third person. The perspective you choose dictates how personal you want to get with your visitors.
  • Is your tone corporate, business casual, casual, or flat-out web 2.0? The fashion in which your content is written speaks again to the relationship you’re offering. A very corporate tone will allude to a more transactional relationship. A casual tone says screw the corporate BS, let’s be pals. You may find your agency’s tone somewhere in between.

Content & Architecture

Okay, now we’re talking about what you’re saying. For the most part, new visitors to an agency site follow a simple pattern when attempting to learn about your agency. Here’s a ranking of the must-haves on your website that also reflects the typical order in which a new visitor browses your agency’s content.

  1. Portfolio
    It’s no surprise that visitors looking to see what you can offer will first check out what you have already offered to others. Plus, for the visual learners, a portfolio will say more about your capabilities than the copy of your services section will. Which brings me to…
     
  2. Services
    A portfolio is a great way to wet the lips of your visitors. Typically, after seeing what you’ve done for others, they’ll be on the look out for what you actually offer to do. As such, your services page should be prepared to clearly outline everything you can do.
     
  3. About your company
    You may have convinced your visitors that you’ve done great work and that you offer the services they’re looking for, but if you’re a crazy group of axe murderers (as some agencies may be…), then chances are the sales cycle stops there. Tell them a bit about your agency and reassure them that you’re not that crazy group of axe murderers. Or if you are, then try not to mention the murderers part. Or the crazy part.
     
  4. Contact
    If your visitor has made it this far, you’re in good shape. It means they’ve been convinced enough of your agency’s abilities that they’re even considering speaking with you. Make sure the contact options are clearly laid out and as easy as possible for your visitors. The harder it is to contact you, the more reluctant they’ll be to actually do it.
     
  5. News/Blog
    Here are the rules for this section, as I see it: if you have a lot of great news, share it in a news section. If you don’t have news worth mentioning, use a blog instead. If you don’t plan on updating the blog that often, don’t include this section! The use and importance of this section varies across different agencies of different sizes.

These are the basic sections to cover when it comes to the content on your agency website. Many agencies opt to offer extra features as well in hopes of adding value to the user’s visit. Remember folks, value is the keyword.

Consider this:

  • Does the content you’re offering provide the answer to the questions your visitors would be asking?
  • What do you want your visitors to do after interacting with the content on your site (i.e. what’s the call-to-action)?
  • Does your content offer reason for your visitors to come back?

* * *

Remember, I’ve only discussed the main areas of an agency website here. There’s clearly much more to consider when it comes to building out your site. But, if you don’t know where to start, this should give you a nice blueprint for your first few steps. If you’ve already started, I think it’s still important to review some of these points as a checklist just to make sure you haven’t missed anything.

As I write this, my team is still working hard at building the next instance of our online face. Looking back at the current site, I can’t help but see how many things need changing. It suited us a year ago, but so much has changed since then.

Is your agency site up to date?

How to brand your website’s URL, Part 3: custom file extensions

Friday, July 27th, 2007

When you see a .doc, you know exactly what kind of file it is, and you probably know what company is behind it. Why shouldn’t this form of brand recognition transcend into the online realm? Why should we be constrained to the .html’s and .php’s of today’s web world?

This third installment of How to brand your website’s URL continues to show you how you can and should be customizing even the slightest details of your website’s URL by using your own cutomized file extensions.

(more…)