Posts Tagged ‘design’

Advice to a New Freelance Web Developer: Charging Clients

May 26, 2010 at 5:48 pm, Jared Stein

Today I received an e-mail from a former student asking a common question: how do I know what to charge clients for web design/development?

To be clear, I am no longer a full-time freelance web developer. Indeed, I haven’t been a full-time web developer for a number of years, though I do still take projects on the side.

I did, however, think I had enough info to write out the following rather lengthy answer, which I hope to refine and turn into a lesson page later on this semester. There are quite a few better sources to turn to than I, and there have been a few recent articles and books on this subject, but here’s how I framed this particular answer in a way that hopefully walks the student through my thought process and tips them off to at least a few of the bigger picture items that must be considered sooner or later:

First, you need to decide if you’re going to charge hourly or lump sum. I prefer the latter, and I think clients do too.

Even so, I still start by calculating how much I need to be earning per hour–this is a figure I keep internally, and don’t share with clients.

Then, start adding upwards.

For instance, now that you’re working freelance you’re considered to be self-employed by the US Government, and will need to add about 30% for Federal taxes on top of everything else. (Make sure you put that 30% in a separate bank account!) What about State taxes? That varies state-to-state, so check your local codes.

There’s also a matter of other costs you’ll eventually need to roll in to your charges, especially if you look at doing this full time: What about Internet access, computers, software, electricity — these don’t come free! Do you need this work to pay for benefits for you/your family (health insurance, dental, life, etc)? What about advertising (if any) or time spent drumming up business? These need to be absorbed, too.

I’m going to keep it simple in this example and exclude those costs, and I think you probably don’t have to worry too much about this when you’re first starting up–especially if you’re doing freelance in addition to another job. However, be sure to consider these costs later after you move your business forward.

So if that the take-home amount is, say, $15/hour (which is not too bad for someone just starting out–most of my student developers get less than that) first add 30% for taxes, rounding up to $20/hour.

Then, figure that if you were doing this full time you’d be working at least 40 hours a week at least 4 weeks a month. This gives you a number through which you can absorb business costs on a per-hour basis by simple division. So if I’m working from a home office my internet, electricity (for just my office), computer upkeep might add up $160 a month, which is convenient because it means I just add another dollar to my hourly rate. Etc.

The next number to determine is tougher. How many hours will the project take you? Be realistic, and include meeting times. The best way to know for sure is to have tracked your time on projects in the past. I’ll give you just one example: I wrote XHTML and CSS for someone’s resume the other weekend, which turned out to be a 3 hour job including the initial meeting, and some minor experimentation with CSS 3’s @font-face property at the client’s request. Then I spent an hour testing it across browsers and making minor adjustments. So 4 hours for 1 page of content.

In this case we just needed one page, but in sites with multiple pages using templates will make things go faster. Because of this I usually charge on a first-page, additional-page basis, if that makes sense.

At any rate, it’s common to undercharge early on by not accurately estimating the time involved. And that’s OK early on, because you’re learning! But learn from your mistakes, and track your hours, so that in the future you can be more on-target and provide good service at competitive rates. Consider using a project management or time-tracking tool to help you with this.

Another practice I’ve heard others use in the past is to take my estimated time for a project and double it. This is based on the presumption that we always underestimate how much time tasks take us. I think this is true initially.

So now I know my per hour rate ($21), and I’m confident that for a media-free (text-based) static page it takes me about 4 hours. So I might charge $80 for that first page, and, using that first page as a template, charge $20 for each additional page. Now we’re starting to have a basic formula!

Oh, but what if you have to do visual design? Logo design? Will it take you 20 hours to come up with a good visual design? 40? 60? What about changes the client will inevitably request? Certainly you want to include the client at each step, from thumbnails to comps to finished versions. Heavy involvement early on will reduce the likelihood of conflict and frustration later.

Now if Javascript or PHP come into it, we start talking big money. Not just because it takes longer to develop, but because you must work with other people’s web servers, you must be secure, your code must not break on any browser, you must case-test for a number of different user scenarios, etc.

Don’t be afraid to ask yourself if you need to outsource tasks where your skills are not yet adequate. This is a good way to ensure your client gets what they are paying for–and can save you time in the long run. For instance, if I had a client needing a Flex app, I’m not going to spend 200 hours on it when a skilled Flex developer could do it in half that time. Sure, I have to pay them, but sometimes you can barter your skills for theirs.

Finally, make and maintain a master list of services you could provide with a dollar charge next to each, i.e. Basic web page production (HTML & CSS): $200 first page, $50 each addtl page. MySQL database set up: $50 per table, limit 30 fields. etc. I keep my own Excel spreadsheet with as many options as I can think of, and I modify this as I learn more about my own time, resource expenditures, and costs.

That’s it. As I said, this was just an e-mail I kicked out to a student, and this omits important info on contracts and agreements, but it’s a big topic, one which I expect to reflect upon and revisit in this or another post.

The Joy of CSS max-width

Apr 7, 2010 at 8:38 am, Jared Stein

The CSS max-width property has long been a favorite of mine, most often used to restrict the flow of content depending on the user’s browser, such as we see in elastic layouts. Since I began making WordPress themes a couple years ago I’ve used max-width as a staple rule for media in my stylesheet, starting with images that might appear in a post (e.g. .post) (more…)

Blackboard Vista Triggers Quirks Mode

Apr 2, 2009 at 9:25 am, Jared Stein

Ever been annoyed by Blackboard Vista’s (or Campus Edition 6+’s) rendering of your XHTML + CSS web pages? Yeah, me too–especially on Internet Explorer. This happens because Bb Vista triggers a browser’s quirks mode in spite of DOCTYPEs and validated markup (more…)

Re. “CSS Angles” and the Future of Em-Based Scaling

Dec 3, 2008 at 11:43 am, Jared Stein

Sitepoint offered up an article by Tim Wright (CSSKarma), CSS Angles: Just the Edge Your Web Page Needs!, which shows that increasing the size of a single border property results in an angular object that can be placed behind things. After some experimentation I found a new solution and a new conundrum (more…)

Re. John Krutsch’s 8 Questions for IDs

Apr 3, 2008 at 3:23 pm, Jared Stein

John Krutsch posed the following 8 questions to instructional designers/technologists on his Technagogy blog; here are my responses:

  1. What do you do as an instructional designer/technologist?

    In the mode of an instructional designer I either work with instructors directly or I work independently.

    When I am working with instructors, I am probing and listening. We are discussing their teaching objectives, their mode of instruction, their activities, and their assessments. I am trying to gauge their teaching philosophy, and looking for ways to replicate their teaching activities in a technology-enhanced or online environment without abusing or neglecting the realities of that environment. While I believe that online teaching should be fundamentally different than traditional classroom teaching, that belief can not be forced upon traditional classroom instructors in it’s totality.

    When I am working independently as an instructional designer, I focus on the student experience. I match desired outcomes to available tools and technologies, avoiding any significant negative impacts on usability, accessibility, or facility. Then I prototype activities, materials, assessments for one lesson and test. I reflect, considering the student’s perspective regarding the usability of the tools, courseware, and environment. I attend to completeness and clarity of the instructions, the materials, the activities, the assessments through revision. I imagine the course from the point of view of an hour, a day, a week, a semester. Then, having spent as much time as is reasonable on the first draft, when I am satisfied with a prototype, and when I am assured of the instructor’s satisfaction, I call on one or more of our student developers to assist me in replicating it to complete the course.

    In the role of instructional techologist I focus on rapid development of educational tools that are usable and enhance the teaching/learning experience. To this end I try to focus on the creation of new tools or modification of existing tools that can amplify a pedagogical principle or provide improved facility. By principle I mean an aspect of one’s teaching philosophy or the actualization of a teaching objective/learning outcome. By facility I mean simply the ability and the process: how we make this happen, and in the easiest possible way for both instructor and learner?

  2. Why did you choose to become one?

    I am enthusiastic about technology, I believe in the power of learning, I am committed to improving teaching, and I want to make education accessible to folks who are at geographical or temporal disadvantages. My profession in distance education fits.

    And while “distance education” is morphing from it’s roots as primarily an “independent study” mode to one that is more centered on the idea of a “classroom community” I have, in my own life, benefited from and enjoyed independent study, and believe that the relatively small niche of learners who thrive and can excel in independent study modes of learning are important and worthy of the support of our educational institutions.

  3. Where did you work as an instructional designer/technologist?

    I began as a student Web developer and technical writer for FACT at Utah State University in 1997, where I converted paper-based independent study course to a relatively new mode of delivery: The World Wide Web.

    I then moved up to a position with Distance Education program in 1999, working with faculty in the department of Special Education to develop technology for and produce live, 2-way audio/video, Internet-delivered distance education courses with online course supplements.

    After completing my Masters degree and spending some time abroad teaching, I returned to instructional technology as an instructional designer for Distance Education at Utah Valley State College in 2002. Since that time, I have created UVSC’s Technology Enhanced Teaching Center, created dozens of new online courses, and been promoted to Director of the Instructional Design Services unit, where I oversee all aspects of Distance Education course production and educational technology development.

  4. What surprised you the most after actively working in the field?

    One aspect that still surprises me is faculty and student preconceptions of distance education. Instructors still want to believe distance education is only independent study and it doesn’t deserve the same attention, committment, and rigor as their on-campus classes; students still want to believe that distance education is self-paced and, unfortunately, easier or less rigorous.

    But, in general, the most positive surprise has been to witness how effective distance education can be when Done Right. With a committed instructor, sound technology choices, and some sense of adventure in the students, a fully online course can be as productive, as effective, and more engaging and fulfilling than a traditional face-to-face course.

  5. What has been your most discouraging experience in the field of instructional design/technology?

    This would have to be the persistence of ignorant or just plain negative attitudes amongst some instructors and administrators toward distance education. This is not just prevelant in the handful of distance education naysayers, but also present in some of the distance education instructors, who, as I mentioned above, still maintain wrong perceptions or inadequate committment to their distance education courses and students. There are plenty of motivated, interactive, and engaging instructors involved in distance education, but I am still discouraged in the numbers of underprepared, undercommitted, or underenthused instructors as well.

  6. If you could change one thing about about your job as an instructional designer/technologist what would it be?

    I wouldn’t change much about my job, though I would happily take advantage of additional human resources. In higher education, and in educational technology particularly, even if one has open positions (which itself is a rarity), skilled educational technologists, seasoned instructional designers, and creative multimedia producers are hard to find and harder to hold on to. I am lucky to have a handful of exceptional professionals working with me, but too often I notice that we don’t have enough resources to keep up with our ideas, the changing face of technology, and the needs of students and instructors.

  7. What aspect of being an instructional designer/technologist has given you hope for the future?

    Making education…

    • more accessible to everyone
    • more convenient for instructors and students
    • more open to potential learners everywhere
    • more engaging and interactive
    • more authentic and sustained–carrying it beyond the classroom by capitalizing on personal learning environments
  8. If you could give a piece of advice to someone considering a career as an instructional designer/technologist what would it be?
    • Learn: adventure, focus, study, interact, reflect, write, revise
    • Teach: profess, engage, assess, interact, revise
    • Build: analyze, prototype, test, observe, reflect, revise