WordCamp: just go

This past weekend I attended WordCamp Atlanta, my third WordCamp event to date and definitely not my last. If you’re not familiar with WordCamp you may wonder why I recommend business owners attend, even if they’re merely considering the WordPress platform. The bottom line is that there’s something for everybody at WordCamp. But there is a wealth of knowledge and people that can be helpful to a business owner in particular – especially if you own a small business or are a solopreneur.

While developers do comprise some of the attendee population, business owners, designers and bloggers likely match that number – if they don’t outnumber developers entirely. The types of people who attend vary wildly in age, expertise and culture, yet the environment is one of sharing and collaboration, all in the name of enriching the WordPress community.

If you want to grow your business, use WordPress. If you want to grow your effectiveness with WordPress, attend WordCamp.

a href=”http://central.wordcamp.org/”Find an event/a and go : )

e-mail marketing: template time warp

It’s been a few months since I’ve worked with HTML e-mail – the colorful, graphical kind used most often for marketing communications. From the time I began coding for e-mail up until the time I created my most recent HTML e-mail template, the general rule was to code like a web page – one from the mid-90′s.

I recently researched the HTML e-mail landscape, hoping that by some miracle it had significantly evolved in the last several months more than it has in the last several years. Unsurprisingly, it hadn’t.

As the folks over at MailChimp put it:

Remember back in the 90′s when there were no WYSIWYGs yet, and you had to code everything by hand? Remember the Internet Explorer vs. Netscape wars? Remember how you had to test your work over and over and over again? HTML email is a lot like that. Times 10.

The myriad e-mail clients (i.e., apps) in use today interpret and display HTML differently – sometimes really differently. When dealing with HTML e-mail template design, it’s best to accept that fact and code for the lowest common denominator. If you can’t (or would rather not) deal with coding, most e-mail services offer templates that are designed to work well in all major e-mail clients. These templates make it easy to send out graphical e-mail without hiring a web developer.

The downside of templates is that many are unattractive and none carry out the look and feel of your brand. Those drawbacks take a back seat, however, when the budget-driven alternative is not using e-mail communication at all.

I’ve created HTML e-mail templates for see see eye, Off Broadway Shoes, Smith, Gambrell & Russell and others. If you’re interested in a custom designed e-mail template for MailChimp, Constant Contact, VerticalResponse, CampaignMonitor or another provider, please contact me for more information.

now accepting Visa, MasterCard, American Express and Discover

the simpler web accepts Visa, MasterCard, American Express and Discover Cards

the simpler web is now accepting Visa, MasterCard, American Express and Discover cards in payment for web design and development services. These new payment options can help you launch or upgrade your web site when the timing is optimal – even if cash flow isn’t.

For better security and to keep costs reasonable, credit cards must be swiped. Please contact Teresa for assistance with or information about credit card payments.

Update: I’ve added additional payment options that will work for long-distance clients. Please let me know when we’re getting started that you’d like to use a credit card, and I’ll be sure to set up your invoicing to enable it.

the simpler web accepts Visa, MasterCard, American Express and Discover Cards

dear web site owner: Microsoft Word hates you

Keeping Things Clean

Actually, it’s more than Microsoft Word that will give you grief when copying and pasting content into WordPress or other web site Content Management Systems (CMSs). Sorry. It could be your e-mail client, your web browser, or any number of apps commonly used to communicate text and images.

Have you ever copied content, pasted it into your CMS editor, and watched as it defied your web site’s established styles? Whether it’s orange, two sizes bigger, has a huge margin around it or is set in a font that is not your site’s font, lurking beneath that content is formatting markup that mustn’t be allowed on your site!

It’s best to compose posts directly in the CMS editing window to avoid introducing bad formatting altogether. But if you want to include a snippet of an article, a portion of an e-mail or an entire post composed in Word, there are ways to do it without carrying over code that will make your site look like a twelve-year-old has been maintaining it.

The following suggestions should help you help your content mind its manners:

  • If you must paste from a Word document, use the ‘Paste from Word’ feature that is available in most CMSs. In WordPress, you might need to click the ‘Kitchen Sink’ button before you’ll see the second row of buttons where you’ll find ‘Paste from Word.’
  • To ensure you’re not carrying over formatting from Word or any other sources (e.g., e-mail, Web pages), use the ‘Paste as Plain Text’ feature to clean up your copy. In WordPress, click the ‘Kitchen Sink’ button if the second row of buttons isn’t visible.
  • Don’t rely on the ‘WYSIWYG’ or visual editor and assume your content is just peachy – preview the content in your browser before publishing it. Is the font exactly the same? What about its size, color and space between each line? Do any headings and subheads exactly match those you’re already using?
  • Do not copy and paste images into your editor. Use the upload image feature.
  • If your content looks wonky, assume there is something going on behind the scenes and check it out in the editor’s code or HTML view. You don’t necessarily need to touch anything in here, but you’re looking for anything that says “style=” or “class=” followed by one or more sets of instructions telling your content to behave in ways that may not jive with the rest of your site. If any of these have a name beginning with “Mso,” Microsoft Office formatting is present. These inline styles or formatting instructions will take precedence over the style sheet that is set up to give your site its consistent look, so keeping them out of your content is very important for a professional looking site. If you see inline styles in content that you pasted in, start over by pasting your content in as plain text.

In WordPress, here’s where you’ll find some of the features mentioned above:

Keeping Things Clean

how much does a new website cost?

Lovely Little Snippet

Lovely Little Snippet“How much does a new website cost?” Given the current economic climate, web pros – myself included – hear that question a lot. It usually comes from cost-conscious small and midsized business owners who know that they need help but have little idea how much they should expect to pay for it. As with many other wants and needs in business and life in general, the only short answer to the question of cost is: It depends. The cost of a web site is affected by many factors, some of which you can control – more on that later.

what’s your budget?

The smartest approach is to first determine how much you can or should spend. Some business owners call several developers or designers and ask for prices in order to decide how much they have to spend. This approach does not take into account the business owner’s financial situation, nor does it allow him or her to effectively compare web pros in an apples-to-apples fashion to learn what can be expected from each for the money. Yes, you need to know costs. But if you are working with a limited budget you need to know your limits, determine your needs, then find out how to meet your needs within that budget.

what do you need?

It’s very common for web pros to receive requests for pricing with little in the way of background information to go on to determine needs. Due to limited web site development experience, the business owner often doesn’t completely understand what he or she needs, so the developer will make some assumptions based on his or her experience. Ideally it’s the kind of experience that leads to solid recommendations, but this often isn’t the case. The uninformed business owner assumes he’s asked the right questions about what’s included, but oftentimes winds up with a learning experience down the road.

Do as much as possible to find out what kind of a site you need before beginning your search for the right person to build it. Visit web sites you like – or dislike – and take notes about specific details that will or will not work for you. Seek out others with similar businesses or similar needs, and find out about their site building experiences. You don’t have to have a rigid plan in place, but doing some homework in advance should give you basic information that you can share with each pro you talk to so that all are quoting on the same scope of work. If the developer or designer you finally choose has experience and input that suggests a deviation from your initial plan, your decision to alter the plan will be a more informed one.

5 things to help you keep web site development costs low

  1. Employ a Content Management System (CMS). Even though it costs more up front than a static HTML site, a CMS will save you time and money when you need to make changes. Instead of gathering your changes, sending them to a web developer and waiting in his or her queue, you can log in and quickly make most common changes yourself. Most small and medium sized businesses can make use of WordPress as a CMS; the WordPress platform is open source and thus free and quite flexible.
  2. Clearly communicate all requirements – in writing – before design begins. Making sure your designer or developer knows your needs will ensure that the job is done right the first time. Put all requirements and specifications in writing so that all parties have something to refer back to. Revising a design can be costly.
  3. Make sure your hosting is ready to go. If you have already purchased hosting and can provide your web pro with login credentials needed to set up files and databases, this saves time and money. The hosting space must usually meet certain minimum requirements that can vary depending upon the type of site that will be built for you, so check with your developer to ensure your hosting plan is adequate.
  4. Write your own copy and headlines for each page. You know your business best, and if you are a good writer you are the best person to communicate your message via your web site. Caveat: Writing that is ineffective, unfocused or that contains grammatical or punctuation errors just makes your business look bad. If you can craft a good message but tend to have typos and other errors, go ahead and write but hire a proofreader. If you’re not a good writer, it’s worth the expense to hire someone that is.
  5. Provide high-quality source files to your web pro at the beginning of your project. Provide original files (i.e., not resized) so that the designer or developer has files of sufficient quality to work with. If you have a good eye and a good camera, providing your own digital photography is a way to save money. But as with writing, if you can’t do it really well, hire a pro so you don’t look bad. If you don’t need shots of your products, people or business and just want to convey a concept, there are many low-cost stock photography sites where you can purchase images. Send your designer or developer links to any stock photography you are considering to make sure it will work in the layout.

5 things that increase the cost of a new web site

  1. Multiple page layouts. Each page with a unique layout requires a significantly greater investment of time than what would be needed to simply flow its content into an existing layout. To lower costs, use the same basic template for multiple pages. Caveat: Too few unique layouts can lead to poor information flow and usability problems when the same format must be used to serve up varying types of content; also, seeing the same design page after page can be monotonous for visitors. Sites for small to medium sized businesses typically use two or three templates.
  2. Multiple change requests. I work best when requests for changes are provided as a single response to my request for feedback. Review your web pro’s work thoroughly and note any questions or items you think should be changed, then provide this feedback to him or her in a single e-mail. It’s far more efficient to make several changes at once to files in active development than to switch gears several times to go back and make changes that were overlooked, repost the files for review, then notify the client.
  3. Bells and whistles. Things like Flash, video integration, photo galleries, promotional banners, contact forms, forums, online stores, online payment acceptance, member registration and a host of other options can add a lot in terms of development costs. If you’re trying to cut costs, some extras might be best put off, but money-making helpers like online shopping are a necessary investment.
  4. Having the developer or designer handle everything.If you have no experience with anything web related, your customer-facing business web site is not the best place to learn. But if you have common sense, a little time and a willingness to try something new, you may be able to shoulder some of the load and reduce your costs by:
    • Securing a domain name and hosting before work gets underway.
    • Providing detailed input about any desired design or functional elements.
    • Gathering all of your access data (FTP, hosting control panel logins, credit card processor information, etc.) in one place and providing it to your web pro at the start of the project.
    • Locating photography that works with your design.
    • Inputting all of your page content (if your site will have a CMS).
  5. Having rigid requirements that hamstring your developer or designer. Experienced web pros can make almost anything work given sufficient time and budget. But if you let your developer or designer know what’s important to you as well as where you can be flexible, he or she may be able to give you a design you’re happy with at a price you can live with.

I wrote this post hoping to help clients and prospective clients understand why sites can cost more or less than they expect, and to suggest ways to reduce costs where appropriate. I hope you’ve found it helpful. If you think of something I’ve missed, please leave a comment and let me know.

Women go Political Go WP

Women Go Political Blog

The ladies of a href=”http://www.womengopolitical.com” title=”Women Go Political” target=”_blank”WomenGoPolitical.com/a had a vision: break down politics to one issue at a time and cover it in the most concise, straightforward manner possible so that busy women could get their arms around issues. It was a timely idea, but in its initial incarnation the site was difficult to maintain and limited in its flexibility to adapt to WGP’s plans for growth.

Enter WordPress, and strongthe simpler web/strong! I installed and configured WordPress, and WGP’s Brenda Bohanan and Beth Martinez moved every post from their existing site into WordPress. I also installed an e-commerce solution that lets them easily sell their custom-designed “power” t-shirts, and created a WordPress theme to give the site the appropriate look and feel…one that is strong, yet feminine.

choosing & using fonts on the web

Fonts lend so much personality to the messages they convey. That’s why designers and their clients have long sought to move beyond the ubiquitous standard fonts – Verdana, Arial, Helvetica. Making unique font choices also sets a web site apart from others. But the problem with specifying anything that wasn’t already in use on a majority of web sites was that it likely also wasn’t installed on the majority of visitors’ PCs. And until recently, that meant that the headline you wanted rendered in an über-cool retro font would probably appear in Times New Roman, or worse.

While font replacement techniques – Cufón or sIFR, for example – have been around for several years, all had various shortcomings that made them impractical or undesirable for the majority of web sites. Designers intent on having at least their headlines or navigation look as intended often chose to create images for each bit of text. In addition to the initial drawback of the labor-intensive process of building these items, changes to text images take significantly more time than changes to real text, all of which add to the cost of a project. An equally objectionable downside is that to search engines, text contained in images isn’t indexed like live text, so its use would likely negatively impact search engine visibility.

Thankfully, web browsers have evolved tremendously just within the last two years, especially when it comes to displaying more than run-of-the-mill fonts. One technique that allows more creative font choices – font embedding – is now supported by virtually all modern browsers. A very basic explanation of font embedding is that it allows a web site to display text in a chosen font by linking to the font file, so a visitor doesn’t need to have the font installed to see the web site as intended.

Not all fonts can be embedded, however – at least, not legally. Some fonts require a special license for web use, which can be quite costly and typically must be renewed as you continue to use the font. Other fonts are completely unavailable for web use, as font foundries fear their creations would be spread around the web with no compensation to their creators. If there’s a font you think you can’t live without, be prepared to either shell out the big bucks or be disappointed altogether.

If you’re not married to a specific font, however, you’re in luck. Options like low-cost Fontspring and free Font Squirrel offer hundreds of fonts from which to choose. One client I worked with loved the Gotham font. Even if he could have spent what would likely be hundreds of dollars per year to license it, the font was illegal for web use. I solved the problem by creating only the masthead in Gotham using Photoshop, and creating all page headings, navigation elements and content area headings using CartoGothic Standard from Font Squirrel. It’s not the same font, but it paired quite nicely.

With other sites I’ve designed from scratch, I was able to choose fonts to embed based on the best fit for the particular look and feel of a site. I chose the Walkway font for headings on the iEnforce Fitness site,  and used the Sling font throughout the Ott Gun Works site. Both Walkway and Sling are available via Font Squirrel.

Font embedding isn’t without its downside, but if you can be a little flexible it will open up a world of typographic possibilities.

For further reading, see the Web Typography page on Wikipedia.

video walk-through: John Monds for Governor campaign site

With less than a month remaining before the November 2010 general election, I was approached about redesigning a web site site for John Monds, a candidate for Georgia Governor. The tight turnaround was a challenge, but a workable one because it forced a focus on priorities rather than minutia – something that would no doubt be helpful even with less time-critical projects.

video walk-through: Donovan for Senate campaign site

A five-minute tour of the web site I built for U.S. Senate candidate from Georgia, Chuck Donovan:

object width=”580″ height=”460″param name=”movie” value=”http://www.youtube.com/v/NhhHQLdR81o?fs=1amp;hl=en_USamp;rel=0″/paramparam name=”allowFullScreen” value=”true”/paramparam name=”allowscriptaccess” value=”always”/paramembed src=”http://www.youtube.com/v/NhhHQLdR81o?fs=1amp;hl=en_USamp;rel=0″ type=”application/x-shockwave-flash” allowscriptaccess=”always” allowfullscreen=”true” width=”580″ height=”460″/embed/object

video walk-through: Cox Enterprises annual

I’ve recently started building a video portfolio of my web work. I think the medium allows a better look than the alternatives into the hows and whys of the sites I build, and will take you through each site in five minutes or less. Up until now, I’ve used screen grabs and links to live sites to showcase my work.

Screen grabs from a few pages in an example site can’t show the interactivity or explain choices that were made without including a lot of explanatory copy. Referring visitors to the live site is only as good as their willingness to explore, and may not be reflective of the actual site built if a client has maintained it.

Here is my first portfolio video – I welcome any questions or comments: