Time is an important factor in how much money you make as a web designer. Your primary cost on any project is the time it takes you to complete that project. Learning to work more efficiently will save you time leading to more profitable projects. You can then take the time you saved to either have more free time or take on more projects to make more money.
Price = Rate x Time
Rate = Price / Time
Reduce your time while holding your price constant and your rate goes up. It’s in your best interest to work more efficiently and without too much effort you can get more done in less time.
Identify Repetition in your Work
Sure design is a creative process and every design is unique. Still there are plenty of things you do from one site to the next that are very much the same. Why reinvent the wheel?
The next site you design and develop is going to have some kind of navigation. How many different navigational systems do you use? Odds are your next navigational system will fall into one of the following three categories:
- horizontal navigation bar
- vertical menu system
- tag based navigational links
You’ll likely use one of the first two. Your next navigation bar won’t look exactly like your last one, but it will (or should) be built from an html list and styled with similar css. Your navigation bars will inevitably have many repeating elements that don’t need to be recreated from scratch with each new site.
Pay attention and start to identify where you repeat work from one project to the next.
Build a Library of Reusable Code and Graphic Elements
As you identify repeating elements, start saving them and building a library for reuse. Take that code for your menu and save it. When it’s time to code a menu in your next website grab that code as a starting point.
Even better get a code editor that allows you to save code snippets or lets you use shortcuts to enter larger blocks of code.
I currently use Coda as my editor of choice and through it’s clips panel I can build the basic shell of a site in a few seconds. Many code editors offer similar functionality. It’s time to stop using Notepad and invest in something better.
Do you use buttons in your designs? How different are they really? Do you save PSD files for each type of button you use? Why not?
Saving graphic elements like buttons and icons or using those others create for you is a great way to save time on projects.
Take a few seconds to save code snippets from your current project. Make some time each week to write code you know you’ll use on future sites. Go through your existing library and improve it. Design a better button. Improve the code of your navigation bar.
Think Object Oriented
At least in terms of it’s benefits. Object oriented thinking leads to:
- Faster development
- Reuse of previous work
- Increased quality
- Modular architecture
By isolating work you’ve previously done for reuse, you can design and build new sites faster and work to improve those small blocks of code and graphic elements in between projects. Modular architecture allows you to drop in components into any project and again improve those modules in between projects.
Even something like css which might not obviously lend itself to objects can be written in a more object-oriented way.
Develop Processes for Everything
You likely have a similar workflow from site to site. That workflow is your design process. It may vary some from site to site, but by following the same general roadmap you give yourself direction and ultimately work faster and smarter.
Your processes don’t have to be limited to your design work however. Develop systems for everything you do in your business. Save email templates for common replies. Use a billing program to send and keep track of invoices. Automate repetitive tasks where possible.
Systems and processes keep you from reinventing the wheel over and over. When you find a process that works stick to it. Don’t solve the same problem again and again. Once you have systems in place you can improve them and make them more efficient, but get them in place.
Manage Your Time Better
We all procrastinate. We all let things distract us. We all know we shouldn’t do either. Time management is more than avoiding work. It’s about figuring out when you work best.
Are you most productive in the morning? The afternoon? Evenings? Late night? Are you able to work better at some things early in the day and others come better after lunch?
I find I’m most creative in the morning and late at night. In between creativity is a struggle for me. I no longer begin a new design in the afternoon. A blog post I can write in an hour in the morning will take me 2 – 3 hours in the afternoon and it won’t turn out as well. On the other hand I can be analytical at any time of day. Late afternoon I’m useless for most work so I run life’s errands instead.
Schedule different tasks at different times of day. Writing in the morning, coding in the afternoon, designing at night works for me. It helps me finish each faster and better. The tasks and times may be different for you, but chances are you do certain things more efficiently at different times throughout the day or week.
Speaking of schedules, learn to set one. Plan out your most important projects during the week and set aside time for them every day. You’ll be amazed at how much more you can get done when it’s set out in front of you on a calendar.
One day each week I map out what I want to get done and start blocking out times for each task on my calendar. I’ll adjust as the week progresses, but I always find I get more done when I fill in the calendar. When I don’t it’s much easier to let the procrastination and distractions creep back into my week.
Think again of the simple pricing formula at the start of this post.
Price = Rate x Time
Rate = Price / Time
You likely charge the same amount for the same kind of project. If you reduce the time it takes to complete a project then you earn a higher rate on that project. A higher rate means you can either work less or make more money. Either sounds good to me.
What tips do you have for working more efficiently?
Download a free sample from my book, Design Fundamentals.