Chapolito Wins a Webby Award!

Wednesday, June 15th, 2011

I am happy to announce that Chapolito has won a 2011 Webby Award! Collaborating with Highly Evolved‘s incredible Cosmo Jones and the ever talented Kimi Lewis, we envisioned and designed A Thin Line for MTV. The site won a Webby Award for the Best Youth Website.

The focus of A Thin Line was to engage with teenagers and young adults and demonstrate the dangers of digital abuse. The first phase of the project involved an interactive video quiz where visitors were questioned on their responses to various types of digital abuse. At the end of the quiz visitors are shown their total score and given resources depending on what sections they had trouble with in the quiz. The remainder of the site is dedicated to housing educational resources for teens.

It was an awesome project and we are all super excited by the award!

Image File Naming Guidelines

Monday, May 9th, 2011

Naming your image files clearly and consistently can make a developer’s life a lot easier, so I wrote out a few of the guidelines I follow when naming my image files:

  • Use dashes between words instead of underscores, mostly for SEO reasons, as dashes are read as spaces and underscores are not.
  • All button image names start with “button-” this will group all your buttons together in an alphabetized list.
  • Hover state image names end with “-hover” ending instead of starting with hover insures that the hover and normal states are still grouped together in an alphabetized list.
  • Active state image names end with “-active” same grouping technique as with hover.
  • all form image names start with “input-” same grouping technique as with buttons.
  • all background images names end with “-bg”same grouping technique as with hover and active.

I’m sure there are a ton more conventions for naming image files and I invite you to add yours!

Why You Shouldn’t Practice Web Design Attribution Links

Thursday, May 20th, 2010

Often when you finish a web design and launch it then you want to tell the world about the work you’re proud of. This urge is common, but how do you tell everyone and reap the benefits of the self promotion? Obviously you can add the work to your website or online portfolio, tweet/post about it, write a press release and sign the work with an Attribution tag back to your portfolio. We’ve all seen them, the “Web Design by SuperDuper Interactive” line at the bottom of a page – essentially a signature of your work. Artist’s sign their work why shouldn’t designers?

Example of an attribution link
Example of an attribution link

First, you were hired to create an web design and brand (along with a usable interface!) for the client. By completing the work for them you are giving them that brand, not claiming it as your own. When you sell a painting you are still selling your image, not the buyer’s. This is main reason I don’t advocate using anchor tags – the brand is no longer yours, but transferred to the client.

Second, You are taking search rank from your clients. For most clients SEO is important, adding the ‘web design by…’ line does not benefit your client, even if you are adding a rel=”nofollow” property.

I understand this can be a powerful tool to obtain more work – but I think it is even more powerful to give your clients the best web design you can and then reap the benefits of referrals.

The Urge to Create

Wednesday, February 3rd, 2010

I read a really interesting article in the latest Wired magazine today about the availability of high-end manufacturing solutions and how the are fostering innovation and rapid development with small startups. from things like Chinese factories accepting smaller custom quantities to increase margins, affordable 3D printers and co-op equipment workshops, It really got me excited. But I wasn’t sure what I was so excited about, I wanted to create, I had to build something, I needed to feel productive. I instantly rushed to the workbench and starting putting together an small outgoing mailbox for our front door (we still have our mail delivered through a slot, how cool is that?) As nice as it was to work with my hands, I’m not sure that I really quenched the thirst I had.

Before I read this article I sat at my computer for eight hours staring at photoshop creating web design mocks. It was a productive day, but at the end of it I still felt I hadn’t really created anything. Maybe I’m beginning to feel that web design has lost its charm and that lately all I’ve been doing is creating the same sites with just a slight tweak to the 960.gs, I’m not sure. But, when my day is over I don’t have anything to hold in my hand, and I’m starting to feel that void. Maybe I need an IPad. There is definitely something special about a physical item. holding it in your hand and feeling the texture, it’s a satisfying feeling to say I created this. So is this urge to create just simply that I want to build items and put my inner (although not very skilled) craftsman to work? I think it has more to do with simply creating, I think there is a certain amount of innovating that I’m also lacking.

I do a fair amount of talking with some of my friends about new business ideas and possible websites. It seems like everyone I know is actively trying to start something new. It would appear that being able to say “that was my idea,” or “I started that,” holds just as much awe as being the craftsmen. So I’m starting to wander down all these seemingly divergent thoughts and I’m trying to make sense of it all and really understand what it is I feel lacking. What I have reasoned is that I want to be involved. Yeah I’m on Twitter and Facebook, but the involvement I’m talking about is at a more fundemental level than using the products, I want to be involved with the creation, innovation of the tools of society.

Ok, so I design websites and people use these websites as “tools” to accomplish goals, so why am I not satisfied. I think deep down its that I want to create something that insights real change beyond the task at hand. I aspire to change the way we will approach some aspect of our lives, at least until someone discovers a better way to do it.

In the end I’ve said a lot, but not that much. I know I have the urge to create, but how I will satisfy it, well if I knew that I wouldn’t have written this.

Intimacy and the Mobile Web

Thursday, January 14th, 2010

I’ve been thinking lately about the effects of being constantly connected through the mobile web on intimate relationships shared experiences. Before I get into the details of the possible consequences of this pairing I’d like to examine an example:

A couple takes a weekend trip to wine country where they enjoy wine tasting, dining and relaxing. Through the trip the couple is regularly posting pictures through their cell phones, getting tips on which restaurants to visit from friends, and sharing anecdotes of the experience as they happen.

When the weekend is over they will forever have that memory of the trip that was an intimate experience; however, in reality there were a number of other people who digitally shared and shaped that experience. We could assume this story highlights the erosion of privacy and personal relationships by being connected to the internet, but we’d fail to consider the whole picture. Below I’ve outlined a couple points that examine the blurriness of this:

First, not all of the trip is shared and interacted with the couples social networks. They will obviously experience parts of life that are (generally – it still is the internet after all) kept private and a lot of experiences that are so mundane they don’t warrant sharing. The memories will for a large part be shaped by the “disconnected” time they spent with each other and amplified by the fact that they were the only ones who were physically present.

And second, due to the heavy interaction between the couple and their networks the awareness of this experience was heightened. While this may allow more to join vicariously, it simultaneously increases everyone’s awareness that they aren’t physically part of the trip, they don’t actually get to taste the wine, hold hands with each other or smell the aroma of a vineyard. The question now is, was the trip more intimate because many knew about the trip and were following along, but could not participate or less because the experience was not just between the couple?

I’m not trying to offer any specific side or view point, as I don’t necessarily see that as helpful, but rather just being cognizant of the changes around us is important, regardless of the control we have over them. The final thought I’ll leave you with is that as the mobile web and the web in general starts to mature further we are going to see the capabilities of sharing experiences expand. In the future you may be able to share the aroma of the vineyard or taste the wine digitally. How then are we going to define spatial and personal relationships?

Your thoughts?

5 Essential Freelance Web Design Business Tips I’ve Learned in My First Year

Thursday, October 15th, 2009

It’s now been a little over a year since I graduated from university and started working as a freelance web designer – and what a bumpy ride it’s been! Aside from the roller coaster of not having work, having too much (and then not having enough again), worrying about living without health insurance, and a generally unhealthy dose of stress, I’m just now starting to get the hang of things. I’ve compiled a list of 5 essential business tips that have allowed me to finally get a grasp on my business.

1. Business before design

While a new project is always exciting, get in the habit of first making sure that all parties are clear on the business agreements. There is plenty written on the subject, but write up a contract, add some stipulations to your estimates, and make sure you go over these with your clients. Trying to sneak by late fees and other fine print foolery is best left to credit card companies. With that said, be sure you have a late fee – you don’t want to be spending half your days chasing down checks. Aside from a late fee, I insist on 50 percent up front – a limit to revisions before the hourly rate kicks in and that all work can be used for self promotion.

2. Don’t work for friends and family

I love my friends and family – and that is the exact reason that I refuse to complete any work for them. Business sours easily, deadlines quickly add tension to an arrangement, and the last thing you need is a ruined personal relationship because of a work disagreement. At the same time they are your friends and family! You want to help them out, right? Make an arrangement with another designer you know – they will give your friends and family a generous discount on design work and you will do the same for theirs. This is my win/win situation.

3. If you have a design/art name you work under, get it registered

Sending back a check because an employer writes it to your moniker is going to drive you crazy. I had to send one of my first checks back to Australia and didn’t see the money for almost 5 months after the job’s completion – a lesson I learned the hard way. Registering a business name is quick, painless and cheap. It cost me $38 to register Chapolito, get it printed in the paper for four weeks (required to make it official) and open a business account with my bank – and it’s good for 5 years. In addition to all of this, you’ll never be more proud than when you’re holding the official paper declaring you a business owner!

4. Don’t worry so much about the money

I often find myself worrying about finances and how to pay the bills, but I’ve never had a problem. I’ve come to realize that if you’re busy and passionate about what you’re doing, the money will come. Like always, make educated decisions with your money and live within your means; but as long as you’re busy working, studying and building your company, there will be new opportunities. I still spend between five to 25 percent of my day finding new clients and jobs, but I’ve learned to not worry about slow periods — they give me the chance to work on my portfolio and personal work, which in turn pays off by improving the worth of my design skills.

5. Keep all your receipts

When it comes time for taxes, you’ll be glad that you’re self employed! Although no one likes filing their taxes, the amount of deductibles you’ll have at the end of the year will make the experience a much more positive one. There are many things that can help you pay less income tax: working at home, owning a car that you use for business — or perhaps any hardware, software or design books you’ve purchased!

While I certainly have learned a lot over the last year, there’s always an innumerable amount more to soak in! I’m looking forward to my second year working in freelance web design and I invite you to share any tips and principles you’ve learned as a freelancer.

Logo Design Case Study: Crooked Crooks Logo

Thursday, October 15th, 2009

Examining the logo design process of creating the Crooked Crooks Logo

Crooked Crooks is a young clothing label that approached me in 2007 to help them brand and produce a logo design for their label. Based in Tempe, Arizona, Crooked Crooks aimed to be a combination of Hip-Hop street wear, some illustration, and a general sense of “the suburban thug life.” The challenge was to successfully combine these elements to create a unique look and feel for the brand without letting any one concept dominate. On top of these stylistic requirements, the logo required a limited palette so that it could be screen printed on t-shirts and other merchandise inexpensively and with ease.

The client was interested in using pirates as a stand in for the “thugness” he hoped the brand would portray. We discussed a number of possible t-shirt designs that would make up the first line, and with a continued trend of pirates (thugs), looting (crime) and treasure (bling), it seemed fitting that the label hinted of these in some form.

Brainstorming

Initially, I wanted to bring in a real hip-hop icon – something a pirate could relate to and a good representation of thug success: diamonds. I sat down with images of diamonds, money, and bling on the mind to draw some sketches and quickly brought to life my creations via computer.

A few of the initial sketches, not exactly what we were looking for.
A few of the initial sketches, not exactly what we were looking for.

A number of early renderings with the parrot in the logo.

This first batch of sketches didn’t really convey enough about the company’s style and message. The client really liked the type treatment with the middle logo above, but the money bag wasn’t quite right for his vision; while it did contain the pirate and money elements, it lacked the punch need to make it iconic and memorable.

At this point, the client expressed his interest in trying the logo with an animal mascot. It didn’t take a lot of brainstorming to realize the parrot was an excellent match for the brand.

Production

The parrot idea was instantly settled upon and variations were underway. Abundant details of the design were discussed and agreed upon throughout the production, such as colors, composition and details of the parrot illustration.

A number of early renderings with the parrot in the logo.
A number of early renderings with the parrot in the logo.

A number of early renderings with the parrot in the logo.

While everyone was happy with the parrot and the logo, it was still missing the money connection that was such an integral part of the brand. I eventually came up with the idea to put a gold coin in his mouth; this allowed the logo to have some of the great imagery that the money bags had, but still keep the more illustrative parrot.

Final Touches

A couple more tweaks and we had the final logo! After completion of the logo and a number of periphery items like the tags and labels, I was asked to illustrate some of the t-shirts. In total, six of my designs have been printed and sold.

The final logo design.
The final logo design.

The final logo design.