Posts Tagged ‘designers’

Packaging for Success

Comments Off

Have you ever judged a book by its cover? Actually I guess a better way to ask that question is, have you ever not judged a book by its cover? Of course not, how things look are important to us and as consumers we’re always looking for more than the product inside the container, we’re also looking for the packaging … it’s a little like wrapping paper at Christmas, we want to feel spoiled when we buy it.

Packaging isn’t limited to a grocery store (although it is a perfect example of packaging), we also judge the quality of a product based on its packaging at trade shows and industrial equipment, taking the time to put a little bit of trim work and paint on an old house almost always increases its value in the marketplace so why then, do so many people forget to properly package their own products?

Tropicana’s branding gamble
Packaging is such a funny thing that  we often don’t even notice how powerful it is but take the below example of what happened when Tropicana Orange Juice changed the packaging for its iconic orange juice from the traditional design on the left (with a great big orange) to a more upscale, generic style on the right.

The result (beyond a ton of media attention) was a consumer rebellion at the cash register, designers seem to like the new design but consumers hated it. The result? The company switched back to their original design. More importantly it helps designers and marketing people remember that packaging, whether it be retail or commercial is critical to the success of a product.

tropicana-packaging

Web Host Rating

Last week I posted my opinion of a great online web hosting review company and this got me thinking that I should point some of my readers to more quality web hosting guide websites, to help new users to the Internet marketing game understand more about the process of hosting.

The first question of course is what is website hosting all about? Simply put, website hosting the disc drive space your website resides at on the Internet. A slightly more complex way to look at it is that web site hosts are companies who specialize in renting hard drive and computer processing power to clients so that they can hold files on the web. Let’s take a look at how the process really works.

Step One – Have an idea.

So now that you’ve had an idea for a great website, you need to plan it out and just like any business you need to understand the risks, the rewards and the alternatives to building a great website. It’s a lot like planning to open a restaurant but instead of a menu and dishes to plate you have payment gateways or software to worry about but much like a restaurant you still need a plan.

Step Two – Build a website

Next you need to build a website, which either means hiring the designers and developers or doing it yourself. Once again, this is just like the real world … you need to hire somebody (even if it’s yourself) to plan where to hang lights, place bathrooms etc. in the office. The big difference? When you’re planning your office you usually already have a location in mind but with the web location doesn’t matter so we build the perfect website and then worry about where to host it.

Step Three – Host your website

So hosting is a little like renting space in an office building but unlike our real world example which depends on your address being close to your customers or other physical requirements, your website doesn’t need to be anywhere near your actual location. This means that when selecting a place to host your website, you’re free to pick from anywhere in the world instead of only worrying about local providers in your city.

In essence, web hosting companies spend massive amounts of money on extremely impressive technology which boils down to having just two, simple purposes:

  1. To keep your website online
  2. To keep your website fast

That’s why, at the end of the day I rely on BlueHost to keep not only thisismyurl.com running but dozens of my paying clients.

A Little Offline Reading This Summer

I’ve been spending a lot more time in the “real world” this summer and enjoying the sun which has given me a new appreciation for why I spend some much time in the air conditioned bliss of my office but more to the point, I’ve been reading a lot of great books (they’re like PDF’s but made with vegetable dye and flat trees).

So far, I’ve reread the great Don’t Make me Think, A Non Designers Design Book and of course the classic All Marketers Are Liars by Seth Godin. I’ve also got a pile of great books from Guerrilla Marketing to Secret Formulas to plow throw before the summer’s done.

In the mean time, if you have a suggestion for some great marketing reads why not post them below?

10 simple things every housewife can do to make money online

We all know that times are a little tighter than they have been for a very long time but that doesn’t change the fact that a lot of families simply can’t afford for both parents to be working out of the house. With that in mind, what can a housewife stay at home parent  do online to help bring in a little bit of extra money and work from home? 

Here are ten simple things that you can do from home to make a bit of extra money, without having to hire a baby sitter:

Work from home writing

There are literally thousands of companies out there looking to hire part time writers and to be honest, your writing doesn’t even always have to be that good. If you’re willing to take feedback, most website owners will help you along and a single article can easily net $200 or more.

Work at home designing websites

If you have a creative flair, take a bit of time and learn the basics of web design! You can leave the coding up to somebody else, or learn to tackle it down the road. Once you’ve build a couple simple portfolio websites to get your feet wet, use a service like CraigsList in your area to help find local companies who need designers.

Moderate online forums

Tons of businesses need people to help keep track of their online reputations and help police forums. You can often work from your own home as much or as little as you can afford and your work will help keep forums up dated and safe.

Research online for spare cash

Online research is big business, you can work for companies or local governments. I know several people who do this type of work freelance for reporters all over the world, helping to make sure stories are accurate and well sourced.

Blog about something you love

Blogging is one of the easiest ways for a woman to make money online and you’d be surprised what people read about! Blogging about everything from children’s clothes, dollhouse accessories, gardening, home decorating and even cost savings is a great way to earn money from Google AdSense, a free online advertising service who will pay you to host their ads!

Become a Twitter consultant

Do you know how to Twitter? What about Facebook and RSS? If these things make sense to you, take a deep breathe because you’re in high demand! Companies need casual employees just like you to update their social media marketing, spread the world of their products and market their message through social media, all from the comfort of your own home.

Sell your expertise while looking after the kids

Make money online doing what you’ve always done! Get a Skype number and run your own online business from home offering professional services during naps and playtime.  Plenty of professionals are too busy to chat on the phone away so setting yourself up as an email or text based business is a great way for them to ask you questions without you taking up their time, and it’s a perfect way for you to stay home and work full time.

Build a website about your town

Put together a free website about your town and let Google sell ads to cover your costs. People are always searching for details about your community, so why not write about local attractions, stores, parks and more?

Run an online store

These days, you can run an online store to sell just about anything and you can do it without leaving your home. PayPal accepts payments and takes care of shipping for you, so all you need is something to sell right? Guess what … there are plenty of companies who will ship products directly to your client, with your name on the package! Even better? Ask a local shop if you can be a commissioned sales person working from home and sell their product online!

Put people in touch for money

You don’t have to sell anything but if you happen to be good at it, great! Why not keep a list of people you know who can design websites and another list of people who want websites built? Playing match maker online is a great way to earn a lot of extra cash without having to spend anything but a little bit of time.

I’d love to hear your ideas for how people can make money working at home or stories about success in this economy so please feel free to comment below!

Twitter’s in love with Apple

apple business profiles twitter 20090501 449x1023 Twitters in love with Apple imageA huge thanks to TechCrunch this morning for posting a link and brilliant article to Apple’s business profile of Twitter, this is exactly the type of this I love to read while drinking a coffee in the morning and gives great insight into how big companies use technology. Essentially it’s a promo piece for Apple but it’s exceptionally well written and detailed.

These days I’m far more interested in marketing than design but Smashing Magazine consistently delivers some of the best tutorials I’ve ever seen and if you’re a young designer looking for a great place to start (or an old designer looking for a change of pace) check out the logo tutorials today, I like to download a few of these to my local hard drive and work on them while stuck in airports or sitting in hotel lobbies during trips.

Speaking of Macs and designers, CrunchGear takes a look at the latest anti Mac “if you find it you can keep it” ad, nice write up and they certainly make a few good points. I suppose that leads to the obvious question … am I a MacFanBoy? I certainly hope not but this blog is entirely written on a Mac, designed on a Mac, yada yada yada … why? Are Mac better? Nope … but, they’re lighter and after 15 years of being a Windows gear head, I decided that I wanted to stop fixing my computer so I gave it a try … I’ve never looked back.

On Twitter

If you haven’t already noticed I think I’ll have to eat my words from last month, apparently I do get Twitter but I didn’t realize that to properly use it you needed to have the right tools. I got Tweetie for the Mac, now I can use the search functions properly and I’ve cut down who I’m following to only those that I want to learn from … now, Twitter is as good (or better) than my RSS feeds. Just this morning a great piece from David Naylor popped up on a retweet and made the whole struggle to ‘get’ Twitter pay off.

Well, that’s been my morning (and most of you are still just getting up). There’s a huge military job fair across the road from me today, I’m thinking about joining the armed forces to help pay for my MBA. What are your thoughts? Airforce or Navy?

How much does a new web site cost?

Websites are one of the funniest things to quote, literally a website range from absolutely nothing (Build a Website) or just $100 (Can you put up a website for less than $100?) to thousands, tens of thousands or even millions or dollars to build so how do I effectively answer a question like How much does a new web site cost?

Let’s look at a couple of different methods for estimating what you should spend on the web.

Do it yourself.

Technically, everything you need to build an effective website is already on your computer or can be downloaded from the Internet for free. As long as you have access to a few basic things, you’re set and the cost of building a website is nothing. Here’s what you’ll need:

  1. A text editor such as Notepad or Textedit
  2. An FTP client to connect to your hosting provider
  3. A hosting account on a web hosting provider
  4. A domain name
  5. Basic HTML skills and/or a copy of WordPress
  6. Knowledge of PHP or similar programming language

Hiring a Professional

If you don’t know how to do it yourself or prefer to hire a professional, the cost to build a website is pretty difficult to estimate because it involves two factors;

  1. How complicated is your website
  2. How expensive is your web professional

When you’re estimating how much time your website will take, I think it’s important to get three quotes from three qualified web professionals. As tempting as it is to work with just one, when it comes to the future of your business it’s a great idea to get a few different opinions but as for the quote itself? Expect it to range dramatically.

Sample Pricing

While I can’t speak for other designers / developers I can tell you that I know many web professionals who price themselves in one of three price ranges:

  • Entry Level – $20 – $35 / hr
  • Mid Career – $40 – $60 / hr
  • Senior Level – $75 – $100 / hr
  • Webmasters – $150 (+) /hr

One of the problems answering the question however is that the amount of time that it takes for somebody to do a job varies, even within the same career levels. For example, my time to SEO a website is fairly low because it’s what I specialize in but my great friend Chris Bavota does it just as fast even though he considers himself less experienced. On the other hand, my custom programming is faster in both prototyping and execution … his rich media on the other hand? Faster and cleaner than I could ever dream. This is why the same project, quoted from three designers / developers can be dramatically different.

A basic website – If your looking for a small website, using WordPress as a content manager, minor customizations to a theme, advice to select some great plugins and installation on a new domain name you should expect to pay for anywhere from three to ten hours of time plus consulting of course.

A large business website – Larger websites are significant investments for a company, while they’re equally difficult to judge one measure that I’ve found fairly accurate in the past is to look at the companies annual print advertising budget and assume the development of a website to compete will cost 75% of the existing budget for the first year and 50% for each additional year. 

For example, if your yellow page ad budget is $150 per month ($1,800/yr), you should anticipate your website costing ~$1,350 once completed. This of course represents between 10 and 60 hours of time for a web professional, depending on their experience and level.

A website just like X -  Just to put it out there (because I’m asked the about twice a month), building a website like another popular site is possible, so here are some quick estimates:

  • Facebook – 4,000 hours development & 300 hours per month marketing / maintenance
  • MySpace – ditto.
  • Elance – 2,500 hours development & 200 hours per month maintenance
  • eBay – 2,000 hours development & 200 hours per month maintenance
  • Plenty of Fish – 2,000 hours development & 200 hours per month maintenance

What should you ask your web design firm?

There are a couple of things that I would always recommend you ask your web design firm before getting started with them.

  • Talk to some previous clients to see how responsive and supportive the firm was
  • Ask a few previous clients what the cost / timeline overruns turned out to be
  • Did they find working with the team pleasant?

Web designers are notoriously grumpy sometimes, so you should be able to forgive a little bit of that (it’s a stressful job, like working in a kitchen) but what matters (also like working in a kitchen) is how well the final piece turned out and if it got out on time.

How to center a header in HTML without using the center tag

The HTML <center> tag is one of those funny little tags left over from the early days of websites when designers often mixed the publishing of web content with design. These days, it’s much easier to separate content and design by using effective style sheets.

To center any text in HTML and CSS, we can simply add a couple of lines of code to our stylesheet file as follows:

[source lang="css"].center {
text-align:center;
}[/source]
This little code snippet will center the content within a block tag (such as a <p> or <h1>) but only if it already knows the width of the object you’re centering too! To get around this, we can simply add the display:block tag to our CSS:

[source lang="css"].center {
text-align:center;
display: block; 
}[/source]
Now our code knows to center text.

To apply it to our HTML code, you need to simply apply the code to an object as a class. For example let’s turn a heading into a centered heading by applying the new class like so:

[source lang="html"]
<h1 class=’center’>This is my header.</h1>
[/source]

 

It is of course also possible to simply align all <h1> tags to the center by using the code:

[source lang="css"]h1 {
text-align:center;
display: block;
}[/source]

What about converting existing pages?

Luckily if you already have a bunch of documents which use <center> tags there’s fairly simple fix for you to clean up those files. Using a tool like Adobe Dreamweaver you can do bulk search and replace functions across multiple files.

The replace is a two step process. (please backup your site before doing this)

First, let’s replace the phrase </center> with </div> across the entire site. This will change the closing tag (remember all tags come in pairs right?) to be a normal div tag.

Now, let’s replace the phrase <center> with <div class=’center’> to turn the opening tag into a div tag with the center class assigned.

You can now add the .center details to your CSS file and presto, your website is now using the proper center formating!

What image format should you use on your website?

There is nothing more complex about publishing on the web than the concept of images, they’re quite possibly the hardest part of HTML for the general public to get their minds around so let’s take a quic look at what makes an image complicated and how we as web designers and publishers can approach them in a simpler way.

Image Format

The first step to web graphics is to appreciate that images come in dozens (or hundreds) of file formats from BMP’s to TIFF’s and everything in between but when it comes to the web, there are really only three formats for you to think about:
  • The CompuServe Graphics Interchange Format (GIF) format (pronounced giff)
  • The Joint Photographic Experts Group format, JPG (pronounced jaypeg)
  • the Portable Network Graphic file format, PNG (pronounced ping)
Close up of the GIF file format

Close up of the GIF file format

These three file formats encompass the entire spectrum of Internet based graphics. The first format, GIF was introduced way back in the very first days of computer graphics (1987) and allowed people to exchange graphic files via an online community similar to America Online (AOL). The GIF format was limited to 8 bits of color (255) with some reserved for core data. It was a loss-less graphic format ideal for the graphics of 1987 but could hardly produce quality photos.
The GIF format stores each pixel of an image as one of 255 possible colors resulting in a crisp image. The GIF format however also had a number of unique benefits such as the ability to have invisible (alpha) transparent  pixels which when place overtop of other colors would allow the backgrounds to remain visible and the capacity to store multiple GIF images in a single file as pages. When displayed in a web browser or other image viewing tool these pages would appear as animations similar to old ‘flip book’ style animations.
In 1992 the  Joint Photographic Experts Group created and issued the JPEG standard to the world. These days we tend to call the file format JPG since old Microsoft based computers could only hand three characters as a file extension but the format is also known as .jpg, .jpeg, .jpe, .jif, .jfif  and .jfi. The .jpg format was an instant success, it quickly addressed the primary failings of the GIF format by allowing 24 bit graphics (16.7 million colors) and smooth transitions between the these colors using a lossy compression method … which is a fancy way of saying the graphics blended together.
Lossy file saved as both 20% and 80%

Lossy file saved as both 20% and 80%

In effect, how the JPG standard worked was to rapidly reduce file sizes by averaging the color values of a pixel with those around it. This caused massive reductions in file sizes allowing photographers to post 500kb images in extremely small (20-100kb) files while controlling the loss of quality. To the right you’ll see an image saved at 20% quality to the left and 80% to the right, both the difference in quality and the method JPG uses to reach the results should be evident.

Before I go on, I want to pause and take note of a statement I made in the above description because I’m sure most people missed it or brushed past without much thought … the JPG file format was introduced to the world in 1992. This phrase is critical because it reinforces how much the world has changed in just 17 years. For those of you who are under 20 years old, you’ll most likely have never known a world without Facebook or YouTube but for the rest of us, we sometimes forget the Internet is for all purposes a fairly recent addition to the world. I’m 35 years old and I remember the first JPG photo that I saw, the introduction of this format changed the way we shared images over computers.  Notice that I said it changed the way we shared images over computers? There was no Internet, or at least not what you see today.

In 1996, Unisys became uppity and started threatening to sue over the LZW compression found in the GIF format so the world invented the Portable Network Graphic format (PNG), along the way the format improved upon most of the qualities of the GIF and lost the capacity for animation. The PNG format has 8 bit graphics similar to the GIF but also has 24 bit like the JPG and introduced a new level with 32 bit graphics. While it lacks support for animation, it includes transparant pixels like a GIF. Unlike a GIF, where those pixels can be on or off the PNG allows for alpha transparency making the format extremely flexible and also capable of compressing images. The problem with the PNG format, is that it produces large files.

export dialog What image format should you use on your website? image

So which is best? Actually that depends entirely on what you want to accomplish with the graphics. As you’ll see from the image above the file size of the graphic can range from ~25k to ~430k depending on the quality you’d like to achieve.  Photographers for example should use the JPG compression most often to ensure their images are strong, crisp and colorful while illustrators and others who work with line art will benefit from the GIF format. In the end, practicing and experimenting are the best ways to determine what you should be using.

A quick thank you to the Old Shoe Woman for posting the a wonderful photo Sunlight Under a Live Oak Tree on Flickr for me to use as part of this tutorial. 

Fresh Post at Getaway Graphics: Google Analytics

Fresh Post at Getaway Graphics: Google Analytics

Google Analytics is a free tool developed to help website owners take better control of their website. It offers a host of compelling features and benefits  for owners, designers and site managers including the ability to discover where traffic comes from and what users view once they’ve found your website.

 

Read More

Fundraising Thermometer Plugin for Wordpress

The plugin interface, for WordPress

Features

Example of a fund raising image from the new plugin

The fund raising tool is a true WordPress plug-in, testing with WordPress 2.7 and fully functional. It features:

  • W3C compliant Cascading Style Sheets (CSS)
  • Dynamically updated text including target and current fund status
  • Money formating options for use internationally
  • Theme options, allowing designers to customize the look of the thermometer
  • Call either the graphic or a formated number to display in text.

Admin Features

The new interface allows uses to set both the current amount (what has been raised) as well as the target amount (what you want to raise). The script automatically generates the ten steps in between and displays them for the user.


The plugin auto detects if the money_format() function is present and will use it automatically if found, otherwise it will display the currency using the number format function automatically.

How It Works

To display the current amount of money raised (in currently format) place the following code in your theme:

<?php echo show_ourprogress();?>

For a graphical version (by default the thermometer), include the following code:

<?php show_ourprogress_graphic();?>

Where to Get It

The plugin can be downloaded from the official WordPress repository: 

download file Fundraising Thermometer Plugin for Wordpress image

How You Can Help

I love developing plugins for WordPress and do my best to always keep them free but of course it take a lot of time and effort to build these plugins so if you’d like to say thanks, the best way is to take a few moments and write about the plugin on your own website, include a link to my website from your posts or download and rate the plugin on the official plugin directory. 

Support forums are now online! If you have any questions, please visit http://forums.thisismyurl.com.