<?xml version="1.0" encoding="UTF-8"?>
<rss version="2.0"
	xmlns:content="http://purl.org/rss/1.0/modules/content/"
	xmlns:wfw="http://wellformedweb.org/CommentAPI/"
	xmlns:dc="http://purl.org/dc/elements/1.1/"
	xmlns:atom="http://www.w3.org/2005/Atom"
	xmlns:sy="http://purl.org/rss/1.0/modules/syndication/"
	xmlns:slash="http://purl.org/rss/1.0/modules/slash/"
	>

<channel>
	<title>ConceptoQ</title>
	<atom:link href="http://www.conceptoq.com/feed/" rel="self" type="application/rss+xml" />
	<link>http://www.conceptoq.com</link>
	<description>Consultoría Web</description>
	<lastBuildDate>Wed, 02 Jan 2013 18:37:56 +0000</lastBuildDate>
	<language>es-ES</language>
	<sy:updatePeriod>hourly</sy:updatePeriod>
	<sy:updateFrequency>1</sy:updateFrequency>
	
		<item>
		<title>9 Steps to Starting Your Freelance Web Design Business</title>
		<link>http://www.conceptoq.com/9-steps-to-starting-your-freelance-web-design-business/</link>
		<comments>http://www.conceptoq.com/9-steps-to-starting-your-freelance-web-design-business/#comments</comments>
		<pubDate>Wed, 02 Jan 2013 00:22:46 +0000</pubDate>
		<dc:creator>luislleo</dc:creator>
				<category><![CDATA[Uncategorized]]></category>

		<guid isPermaLink="false">http://www.conceptoq.com/?p=50</guid>
		<description><![CDATA[9 Steps to Starting Your Freelance Web Design Business David Horn &#124; Freelance Web Development &#124; January 26th 2012 &#160; 31Comments So, you want to be a freelance web designer? Ah, the glamor of it all. Your own boss, answering only to &#8230; <a href="http://www.conceptoq.com/9-steps-to-starting-your-freelance-web-design-business/">Continued</a>]]></description>
				<content:encoded><![CDATA[<h1>9 Steps to Starting Your Freelance Web Design Business</h1>
<div>
<ul>
<li><a title="Posts by David Horn" href="http://freelanceswitch.com/author/david-horn/">David Horn</a> |</li>
<li><a title="View all posts in Freelance Web Development" href="http://freelanceswitch.com/category/freelance-web-development/" rel="category tag">Freelance Web Development</a></li>
<li>| January 26th 2012</li>
</ul>
</div>
<p>&nbsp;</p>
<div>
<div><a href="http://freelanceswitch.com/freelance-web-development/start-web-design-business/#respond">31Comments</a></div>
<p><img title="Laptop in open fire" alt="" src="http://freelanceswitch.com/wp-content/uploads/2012/01/laptop-in-open-fire.jpg" width="550" height="414" /></p>
<p>So, you want to be a freelance web designer? Ah, the glamor of it all.</p>
<p>Your own boss, answering only to the call of your creative muse… get up, feel inspired, do some work, go for a walk, laugh knowingly with other freelancers who have also discovered <em>The Secret</em> of: high profile projects, the big bucks, expensive coffee, conferences in glamorous European cities, laughing at the corporate rats you’ve left behind… enjoying the high life that you so richly deserve. Hurrah!</p>
<p>Or… welcome to a world of uncertainty, of irregular income, of blurred lines between work and home. Where, instead of having just one boss telling you what to do, you have 20 bosses across 3 different time zones who <a href="http://www.makemylogobiggercream.com/">want their logo bigger</a> now, dammit!</p>
<p>The truth lies somewhere in between, of course – but you’re more likely to achieve the success you would like (and the balance you strive for) if you can create a plan and structure for your freelance business early on.</p>
<p>In this post you’ll learn the main issues you need to consider to set up your freelance web design business. Up front though, I’m going to make some assumptions about you – I’m going to assume that you’re motivated to do this. It’s not something you want to fall into by accident.</p>
<p>I’m going to assume that you have some basic skills in web design – that you’ve learned your craft and that you’re ready to promote your services to potential paying clients. And I’m going to assume that you have a little business savvy, a good amount of time, and a real commitment to doing this. Okay? Okay! Let’s get started.</p>
<p><a href="http://www.guardian.co.uk/money/2011/aug/05/how-to-become-successful-freelance"><img title="theguardian" alt="" src="http://freelanceswitch.com/wp-content/uploads/2012/01/theguardian.png" width="550" height="502" /></a></p>
<h4>RESOURCES: ARE YOU READY TO FREELANCE?</h4>
<ul>
<li><strong><a href="http://www.guardian.co.uk/money/2011/aug/05/how-to-become-successful-freelance">How to Become a Successful Freelance</a></strong> – Outsourcing and social media mean there’s never been a better time to freelance. Check out these top tips to see if freelancing can work for you.</li>
<li><strong><a href="http://www.webdesignerdepot.com/2010/04/20-reasons-you-shouldnt-be-a-freelancer/">20 Reasons You Shouldn’t be a Freelancer</a></strong> – Make an informed decision about whether freelancing as a web designer is really something you want to do in your career.</li>
<li><strong><a href="http://www.sitepoint.com/kits/web-design-business-kit">The Web Design Business Kit</a></strong> – This resource from SitePoint is the bible for many. It’s not cheap – at $247 it may be your largest start up purchase. But people swear by it.</li>
</ul>
<h3>Step 1: Calculate Start Up Costs</h3>
<p>Everything has costs associated with it – how much will a move to freelancing cost you? Make a list of the basic equipment you’re going to need. At first, it might just be a computer and a phone.</p>
<p>You’ll want to factor in the cost of registering your domain name and hosting your own website. You might want to get business cards printed, a dedicated desk, stationery supplies and so forth. You’ll need new pajamas for sitting around in all day (optional).</p>
<blockquote><p>I know people who hopped from one free trial to another for the first 6 months of their freelance career.</p></blockquote>
<p>Will you need new software? As you start out, download free trials of popular web design software – like Espresso, Coda, Aptana, or Adobe Dreamweaver – it’ll give you 30 days to get familiar with it. I know people who hopped from one free trial to another for the first 6 months of their freelance career. When you have the money, purchase the one you liked the best.</p>
<p>Do you need health insurance? Do you need personal liability insurance (yes, if you are taking office space)? Do you need any other insurance, or to pay any kind of taxes before you start out?</p>
<p>Finding a good accountant early on who can help you with this is essential. Most accountants won’t charge you for an initial meeting, so meet up with a few local ones, and glean as much advice as you can up front as regards your tax position and any other liabilities you might have.</p>
<p><a href="http://money.cnn.com/2010/11/01/pf/saving/cost_of_going_freelance/index.htm"><img title="Picture 1" alt="" src="http://freelanceswitch.com/wp-content/uploads/2012/01/Picture-1.png" width="550" height="550" /></a></p>
<h4>RESOURCES: THE COST OF BECOMING A FREELANCER</h4>
<ul>
<li><strong><a href="http://money.cnn.com/2010/11/01/pf/saving/cost_of_going_freelance/index.htm">Cost of going freelance</a></strong> – This article from CNN Money reviews some of the hidden costs of going freelance to consider before you take the leap.</li>
<li><strong><a href="http://freelancefolder.com/what-it-really-costs-to-be-a-freelancer/">What it really costs to be a freelancer</a></strong> – This comprehensive article from FreelanceFolder reviews the major costs of starting any freelance business.</li>
<li><strong><a href="http://freelanceswitch.com/freelancing-essentials/health-insurance-for-freelancers">Health Insurance for Freelancers</a></strong> – This article here on FreelanceSwitch goes in-depth into the costs and needs of health insurance for freelancers.</li>
</ul>
<h3>Step 2: Establish Your Brand</h3>
<p>How are you going to brand yourself? Many freelance web designers use their name as their brand – this is great and can lend real personal attachment – clients know that they’re getting an individual, someone who maybe has a bit more flexibility in their availability, someone they can hire probably a bit cheaper than a fully fledged agency.</p>
<p>Alternatively, like I did, consider using a more formal name for your fledgling business, especially if you envisage your business becoming more robust in the future. If you have plans to maybe turn yourself into a studio, with a couple of people working for you, you might want to start out with a more formal company name.</p>
<p>Think about how you would like to be perceived – as an individual brand, or as a young company. Think about what your potential clients will read into this and ask yourself whether that fits in with your view as a freelancer.</p>
<p><a href="http://rockablepress.com/minibooks/rockstar-personal-branding"><img title="rockstar-brand" alt="" src="http://freelanceswitch.com/wp-content/uploads/2012/01/rockstar-brand.png" width="550" height="480" /></a></p>
<h4>RESOURCES: DEVELOPING YOUR BRAND</h4>
<ul>
<li><strong><a href="http://rockablepress.com/minibooks/rockstar-personal-branding">Rockstar Personal Branding</a></strong> – A professional and free branding book written by former FreelanceSwitch Editor Skellie – go get it now!</li>
<li><strong><a href="http://www.skelliewag.org/how-to-start-or-start-over-building-your-personal-brand-877.htm">Building Your Personal Brand</a></strong> – More thoughts on building your brand from the same author as the book above.</li>
</ul>
<h3>Step 3: Create Your Own Portfolio Website</h3>
<p>You’re going to need something to point people to – to show off your expertise, to seal the deal, to… well, you know why you need your own website: who’s going to buy a website from someone who doesn’t have one? That’s right. Nobody.</p>
<p>Your website should at the very least clearly state the services you offer, provide a clear means for people to contact you, and wherever possible, showcase some of your work. ‘Ahh,’ I hear you say, ‘but how can I showcase work if I’m just starting out?’. ‘Well, ‘ you hear me answer, ‘let me count the ways…’</p>
<blockquote><p>I bet there are organizations or groups in your local community who could benefit right now from your services.</p></blockquote>
<p>Do work for free. I don’t mean take on spec work, or enter design competitions, or get your hopes up with the guy who says ‘look, just do this one little project for me and I’ll give you more work than you can handle in the future’. (Put the phone down on that guy. Now.)</p>
<p>I bet there are organizations or groups in your local community who could benefit right now from your services. Charity organizations, social clubs, church groups, community sports, local schools… whoever they are, they’d likely be extremely grateful to you if you could provide them with a new website, a Facebook page, some banner ads, a blog, or whatever. You can do it for free or very low cost, you’re helping a worthy cause, and you’re generating a portfolio piece.</p>
<p>Do 3 or 4 of these and suddenly your new portfolio is looking quite respectable. Nobody puts all the work they’ve ever done in a portfolio – so just having a few pieces in there might be enough for you.</p>
<p><a href="http://www.smashingmagazine.com/2008/03/04/creating-a-successful-online-portfolio/"><img title="folio" alt="" src="http://freelanceswitch.com/wp-content/uploads/2012/01/folio.png" width="550" height="411" /></a></p>
<h4>RESOURCES: DEVELOPING YOUR OWN PORTFOLIO WEBSITE</h4>
<ul>
<li><strong><a href="http://freelanceswitch.com/finding/build-a-killer-online-portfolio-in-9-easy-steps">Building a killer online portfolio in 9 steps</a></strong> – Building your portfolio is easy. The hard part is making it good. A killer portfolio does more than just showcase your work. It transforms visitors into clients. Best of all, it’s an automatic work generator. In this post, learn how to take your online portfolio to the next level.</li>
<li><strong><a href="http://blog.spoongraphics.co.uk/articles/10-solutions-to-easily-create-your-online-portfolio">10 Solutions to easily create your online portfolio</a></strong> – Here’s are 10 solutions for easily creating an online portfolio of your own, giving you the platform to showcase your work to the world. These are some great portfolio networks to tap into.</li>
<li><strong><a href="http://www.smashingmagazine.com/2009/02/26/10-steps-to-the-perfect-portfolio-website">10 steps to the perfect portfolio site</a></strong> – Learn the key factors that will help yo answer the question of: what makes for a good personal portfolio website? This article on Smashing Magazine is filled with portfolio design tips.</li>
<li><strong><a href="http://www.smashingmagazine.com/2008/03/04/creating-a-successful-online-portfolio">Creating a Successful Online Portolio</a></strong> – Take a close look at 5 pitfalls that commonly plague portfolio designs. This article also delivers portfolio tips that, if carefully considered and well executed, will deliver quality results for your portfolio.</li>
</ul>
<h3>Step 4 – Figure Out How Much to Charge</h3>
<p>This is a whole separate debate in itself, but you need to at least have a framework for establishing your rates up front or else you’ll end up working for peanuts, find it difficult to ever raise your rates, and it will take much longer for your freelance web design business to get off the ground.</p>
<p>Figure out your monthly costs – rent, heat, power, phone bill, travel, insurance, tax liability, etc. Multiply that by 12. Add on what you’d like your annual salary to be. Divide that whole thing by 48 to figure out how much you need to make in a week (allowing for 4 weeks vacation). Then, assume that you’ll be able to do billable work for about 20 hours a week at first. That’s a good place to start for your hourly rate.</p>
<p>You should try and get as specific as you can – although this can be difficult as you’re looking for your first client. But the resources below will help.</p>
<p><a href="http://freelanceswitch.com/rates/"><img title="rates" alt="" src="http://freelanceswitch.com/wp-content/uploads/2012/01/rates.png" width="550" height="382" /></a></p>
<h4>RESOURCES: HOW TO BILL AND WHAT TO CHARGE</h4>
<ul>
<li><strong><a href="http://freelanceswitch.com/rates">Freelanceswitch Rates Calculator</a></strong> – FreelanceSwitch developed this hourly rate calculator to give you an interactive guide based on your costs, number of billable hours and desired profit. This very handy tool will help you figure out how much you should be charging per hour.</li>
<li><strong><a href="http://freelanceswitch.com/money/hourly-vs-fixed-pricing">Hourly vs. Fixed Pricing</a></strong> – Learn the most common ways freelancers charge their clients for work. Learn the benefits and drawbacks to hourly and fixed pricing with additional advice as well.</li>
<li><strong><a href="http://www.thesambarnes.com/web-project-management/estimating-time-for-web-projects-more-accurately-part-1">Estimate time for web projects more accurately</a></strong> – A two part guide from Sam Barnes – goes into great detail about how to break a project down for pricing and is essential reading.</li>
</ul>
<h3>Step 5: Develop a Sales Cycle</h3>
<p>Notice how I haven’t talked about the actual ‘doing web design’ bit? That’s because you’re not really in the business of web design at all. You’re in the business of selling. From now on, your only real job is to promote your services.</p>
<blockquote><p>Being a fabulous web designer might make you feel all tingly inside, but it means nothing if you’re unable to sell your services.</p></blockquote>
<p>Being a fabulous web designer might make you feel all tingly inside, but it means nothing if you’re unable to sell your services. It won’t put food on the table, that’s for sure.</p>
<p>So, you need to formalize a sales cycle: a process for finding prospects, cultivating your relationship with them, educating them about your services, offering your services to the right ones, fulfilling their expectations, and developing that relationship with them.</p>
<p>You’re going to need ways to find good prospects. Start by identifying your ideal client, who are they, what do they do and where do they hang out (either in person or online)? Start hanging out there too and engaging them in conversation. Work on your elevator pitch – that little burst of information that explains clearly to potential clients how you can help their business and why they should hire you to do it.</p>
<p>Use your elevator pitch to summarize who you offer your services to, identify the biggest concerns facing those people, explain how you solve those problems, show how you’ve helped similar people in the past. In conversation it might go something like this:</p>
<blockquote><p>You know how small businesses often struggle to get the most out of their websites? Well, what I do is create websites that really engage browsers and work hard to convert them into customers – with measurable results. One company I worked with recently was able to increase online sales by 40% over 3 months.</p></blockquote>
<p>You’ve told people your target market, and what their concerns are. You’ve explained how you tackle the problem, and you’ve given an example of how you’ve achieved it.</p>
<p><a href="http://www.entrepreneur.com/article/56510"><img title="sales" alt="" src="http://freelanceswitch.com/wp-content/uploads/2012/01/sales.png" width="550" height="554" /></a></p>
<h4>LINKS: FOR BUILDING SALES CYCLE, BOOK YOURSELF SOLID, ETC.</h4>
<ul>
<li><strong><a href="http://www.bookyourselfsolid.com/">Michael Port’s Book Yourself Solid Program</a></strong> – An incredibly helpful sales book, there’s free chapters on the website.</li>
<li><strong><a href="http://www.entrepreneur.com/article/56510">Create a Steady Sales Cycle</a></strong> – An oldie but a goodie.</li>
<li><strong><a href="http://www.forentrepreneurs.com/sales-marketing-machine/building-the-machine/">Building the Machine</a></strong>- In no way freelancer specific (or web design specific for that matter), but an in depth look at the sales process that when implemented will boost your results.</li>
<li><strong><a href="http://www.sitepoint.com/what%E2%80%99s-a-buying-cycle-and-why-should-i-care">Buying Cycle</a></strong> – A SitePoint series that starts with understanding the buying cycle. This is part one, but covers the whole sales process.</li>
</ul>
<h3>Step 6 – Organize a Routine</h3>
<p>Your day is going to need structure. It’ll help you if you can have a consistent structure for your working day. Have a daily schedule mapped out which works around when you are most productive and when you are more likely to get things done.</p>
<p>I try and group like tasks together – if I have a bunch of phone calls to make, I try and do them all mid-morning (after my 2nd cup of coffee). Emails I typically handle mid-afternoon. If I’m coding, I find that easiest to do first thing in the morning when my brain is fresh, and, oddly, last thing in the evening when I get a second wind.</p>
<p>Go with whatever works for you. But being able to stick to a similar routine each day will help you.</p>
<p><a href="http://www.freelanceshack.com/the-importance-of-a-daily-schedule/"><img title="daily" alt="" src="http://freelanceswitch.com/wp-content/uploads/2012/01/daily.png" width="550" height="466" /></a></p>
<h4>RESOURCES: STICKING TO A ROUTINE</h4>
<ul>
<li><strong><a href="http://freelanceswitch.com/freelancing-essentials/10-easy-ways-to-get-the-most-out-of-your-day/">10 Ways to Get the Most Out of Your Day</a></strong> – Learn to make your days great, and get the most out of them, by applying a few simple tips.</li>
<li><strong><a href="http://www.freelanceshack.com/the-importance-of-a-daily-schedule/">The importance of a daily schedule</a></strong> – This article focuses on four simple, useful strategies to help freelancers control their day and increase productivity with minimal effort and little change of routine.</li>
</ul>
<h3>Step 7 – Find Your Community and Work It</h3>
<p>The great thing about being a freelance web designer is that there is a tremendous community of professionals who can support you in what you do. It’s a very open, communicative bunch of people. So start following people on Twitter, getting to know them on LinkedIn, Facebook and other social media hang outs. There are other people out there in similar situations and they have a lot to offer.</p>
<blockquote><p>Be sure to get involved in the communities where you customers are.</p></blockquote>
<p>LinkedIn offers a number of groups for freelance professionals. Many are great places to network. Answering questions on LinkedIn is another great way to network – both with fellow professionals and potential clients. Sign up to receive RSS updates on questions from web development boards and spend 10 minutes each day helping out people in need. You establish your expertise and help people out who may be looking for your services.</p>
<p>Be sure to get involved in the communities where you customers are. If you’re targeting a specific niche, what online forums do they use? Are there newsgroups that you should belong to? Are there regular meetups that you should be attending?</p>
<p>Immerse yourself in the communities in which you operate and you’ll build up a really strong network – not just of other web designers but of potential clients and referrals.</p>
<p><a href="http://css-tricks.com/"><img title="csstricks" alt="" src="http://freelanceswitch.com/wp-content/uploads/2012/01/csstricks.png" width="550" height="354" /></a></p>
<h4>RESOURCES – WEB DESIGN COMMUNITY</h4>
<p>Look for any sites where the blog posts have a high number of comments and regular contributors. The following are some of the blogs I follow for that reason:</p>
<ul>
<li><strong><a href="http://net.tutsplus.com/">Nettuts+</a></strong> – Nettuts+ is a site aimed at web developers and designers offering tutorials and articles on technologies, skills and techniques to improve how you design and build websites. This popular tutorial site is part of our Tuts+ educational network.</li>
<li><strong><a href="http://css-tricks.com/">Chris Coyier’s Css Tricks</a></strong> – One of the top sites for learning CSS and web design techniques, with articles, tutorials, and videos – all excellent.</li>
<li><strong><a href="http://www.alistapart.com/">A List Apart</a></strong> – Essential reading for people who make websites.</li>
<li><strong><a href="http://www.netmagazine.com/">.net magazine</a></strong> – Always relevant with a strong community, active Facebook page, and great newsletter</li>
</ul>
<p>There are too many others to mention, but look up the blogs of Jeffrey Zeldman, Dan Cederholm, Eric Meyer, Ethan Marcotte, Sarah Parmenter… they’ll all inspire you at one point or another. <a href="http://www.freelanceswitch.com/">Freelance Switch</a>, of course, is a great resource, with daily posts publishing regularly and years worth of advice in the archives.</p>
<p>On LinkedIn, the following groups I’ve also found helpful:</p>
<ul>
<li><strong><a href="http://www.linkedin.com/groups?gid=1254407">LinkedIn Freelance Web Designers group</a></strong></li>
<li><strong><a href="http://www.linkedin.com/groups/Designers-Talk-92232">LinkedIn Designers Talk group</a></strong></li>
<li><strong><a href="http://www.linkedin.com/groups/Web-Professionals-Connect-3002424">Web Professionals Connect group</a></strong></li>
</ul>
<h3>Step 8 – Sign Up and Use Learning Sites</h3>
<p>There are a wealth of web design conferences and other opportunities out there for you to keep on learning your craft. Fabulous resources with a wealth of information to share – some free, some paid for. The important thing is to make time for yourself to develop your craft, to continue learning and to share what you learn with others.</p>
<p>Something often overlooked though is to continue learning the art of freelancing itself – not just web design. There comes a point where, for most of us, continuing to learn more about web design is ‘only’ about our own professional and personal development. It becomes less valuable to the majority of our clients that we know XYZ about latest technology ABC. (It is still valuable to us, but the salable value of the skill becomes diminished). It is at this point that becoming a better freelancer is more important than becoming a better web designer – so never stop learning that also.</p>
<p><a href="http://tutsplus.com/"><img title="tuts" alt="" src="http://freelanceswitch.com/wp-content/uploads/2012/01/tuts.png" width="550" height="424" /></a></p>
<h4>RESOURCES – FOR DEVELOPING YOUR CORE SKILLS</h4>
<ul>
<li><strong><a href="http://tutsplus.com/">Tuts+ Premium</a></strong> – A Premium subscription based site offering: tutorials, eBooks, videos, courses and more. It covers advanced training in web design, web development, and numerous other topics. This site is a jewel in our network.</li>
<li><strong><a href="http://teamtreehouse.com/">Treehouse</a></strong> – Excellent subscription based video training with a library of well designed content.</li>
<li><strong><a href="http://codelesson.com/">Code Lesson</a></strong> – This site provides hands-on, practical, online instruction to learn programming.</li>
<li><strong><a href="http://www.w3schools.com/">W3 School </a></strong>– Well developed web design site for learning coding with ample free learning resources.</li>
</ul>
<h3>Step 9 – Get Set up with the Tools You’ll Need</h3>
<p>Of course, as you go on you’ll need more bits and pieces. I use software to track time, keep on top of task management, you might use tools for project management or for managing your finances. Here, I’ve listed out a few for each main category of my day to day freelance existence. Most are paid for services, but some are free or have very cheap entry level plans.</p>
<p>One word of advice, take an audit of all your monthly web app payments at the end of each year (or every 6 months) You may well be surprised at how many things you’ve signed up for – and how much it’s costing you!</p>
<h4>TIME TRACKING</h4>
<ul>
<li><strong><a href="http://stuntsoftware.com/onthejob">On the job </a></strong>– I use this to track time. It will also create invoices for you, but I personally don’t use it for that. I like this because it’s a stand alone app – rather than a web service. I sync the data via Dropbox (although that is not officially supported, I’ve never had any problems with it) and so it’s available on all my machines.</li>
<li><strong><a href="http://www.getharvest.com/">Harvest</a></strong> – Full featured online service for time tracking and invoice generation.</li>
<li><strong><a href="https://www.toggl.com/">Toggl</a></strong> – A relatively new player, but it’s a smooth interface and looks cool with its iOS / Android apps.</li>
</ul>
<h4>FINANCES / INVOICING</h4>
<ul>
<li><strong><a href="http://www.freeagent.com/">Free Agent</a></strong> – This is an impressive piece of software. Use it to track time, send estimates, send invoices, integrate with your bank accounts, make cups of tea. (It may not actually make tea). For me, I prefer to separate these processes, but I can see the appeal for many.</li>
<li><strong><a href="http://www.freshbooks.com/">Freshbooks</a></strong> – Is more of a bookkeeping / invoicing solution. It does less than Free Agent and, in my opinion, is better for it.</li>
<li><strong><a href="http://www.xero.com/">Xero</a></strong> – Another full online financial management and accounting system.</li>
</ul>
<h4>PROJECT MANAGEMENT</h4>
<ul>
<li><strong><a href="http://basecamphq.com/">37Signals products</a></strong> – I can’t go through this without mentioning 37Signals product. Basecamp, their project management tool, is probably their most popular.</li>
<li><strong><a href="https://company.podio.com/">Podio</a></strong> – This is my favorite solution, since it incorporates some CRM elements and, get this, is free up to 5 users.</li>
<li><strong><a href="http://teambox.com/">Team Box</a></strong> – This is another good solution for team collaboration and project management.</li>
</ul>
<h4>TASK MANAGEMENT</h4>
<p>My favorite apps are always task management apps, and I’m genetically incapable of limiting this to just 3 items. Currently, I use three of the below – Things, TeuxDeux and Omni Outliner. I’ve tried all the others though and they’re all fab. It depends on what fits your needs the best, but check them all out:</p>
<ul>
<li><strong><a href="http://culturedcode.com/things">Things</a></strong> – This is Mac only but integrates nicely with iPhone and iPad apps. Not cheap, though very slick.</li>
<li><strong><a href="http://teuxdeux.com/">TeuxDeux</a></strong> – Very simple, very effective, very free. It’s a simple to do list, and all the better for it’s simplicity.</li>
<li><strong><a href="http://www.omnigroup.com/products/omnioutliner">OmniOutliner</a></strong> – Strictly speaking this is an ‘idea organization tool’ (no, me neither). Since it’s release OmniGroup have put out an app specifically for task management <a href="http://www.omnigroup.com/products/omnifocus/">OmniFocus</a>, but OO came first and it’s what I’ve been using for organizing to-do’s on projects for the past 5 years. I can’t fault it – but I haven’t tried hard to.</li>
<li><strong><a href="http://www.rememberthemilk.com/">Remember The Milk</a></strong> – This is a strong online task management tool. Another that benefits from the ‘do one thing, and do it well’ philosophy. Great integration with mobile phones and iPad.</li>
<li><strong><a href="http://tadalist.com/">Ta Da List </a></strong>– A free product from 37Signals – very simple online to do lists.</li>
</ul>
<p>So, there it is. A by no means comprehensive, easy to disagree with, guide to the things you’ll need to start your freelance web design business. Don’t take my word for it though – get out and do it!</p>
</div>
]]></content:encoded>
			<wfw:commentRss>http://www.conceptoq.com/9-steps-to-starting-your-freelance-web-design-business/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Optimizing Photos for your Blog</title>
		<link>http://www.conceptoq.com/optimizing-photos-for-your-blog/</link>
		<comments>http://www.conceptoq.com/optimizing-photos-for-your-blog/#comments</comments>
		<pubDate>Tue, 01 Jan 2013 23:46:08 +0000</pubDate>
		<dc:creator>luislleo</dc:creator>
				<category><![CDATA[Uncategorized]]></category>

		<guid isPermaLink="false">http://www.conceptoq.com/?p=45</guid>
		<description><![CDATA[If you’ve ever posted a photo to your blog and wondered why it doesn’t look as good on your blog as it does in Photoshop, this post is for you! Here are a few tips for making your photos look &#8230; <a href="http://www.conceptoq.com/optimizing-photos-for-your-blog/">Continued</a>]]></description>
				<content:encoded><![CDATA[<p>If you’ve ever posted a photo to your blog and wondered why it doesn’t look as good on your blog as it does in Photoshop, this post is for you! Here are a few tips for making your photos look good online!</p>
<p>Print quality images have a much higher resolution than is needed for viewing on a screen. It’s important to resize your image for web viewing. There are lots of automatic image resizers out there—some blogging platforms will automatically resize images as you upload them—but by doing it yourself in Photoshop, you can control the quality of the image as you resize it, so your photos look as good sized for web as they do at full resolution.</p>
<h3>Resizing the Image</h3>
<p>The first step is to convert the image from print resolution to web resolution, and then make sure that the dimensions will fit your blog.</p>
<p><img alt="Resizing Photos - Original Image" src="http://lilaccreative.com/images/postImg/resize-originalImage.jpg" width="600" height="398" /><br />
Open your image in Photoshop, and then go to Image &gt; Image Resize. You’ll see a dialogue box like the one above. If you’ve optimized your images for print, your image should be around 300 pixels per inch, which puts the dimensions around 3888 pixels wide and 2592 pixels tall.</p>
<p><img alt="Resizing Photos - Resize Image Settings" src="http://lilaccreative.com/images/postImg/resize-resize.jpg" width="452" height="355" />Making sure the “Resample Image” option is checked, change the resolution to 72 pixels/inch. You’ll see the pixel dimensions automatically decrease to around 900 pixels by 600 pixels. Next change the pixel width to fit within the content area of your blog (if you’re not sure how wide your content area is, check with your blog designer and they should be able to tell you). Here I’m setting the width to 500 pixels, which will fit well within my blog posting area.</p>
<p>If your photo is vertically-oriented, you don’t necessarily want the width to be as wide as your posting area or the viewer may be forced to scroll down in order to see the entire photo. For vertically-oriented photos a good rule of thumb is to make the height of the photo the same as the width of your blog. It will make the width of the photo narrower than your blog post area, but the height will fit on the screen without needing to scroll.</p>
<h3>Sharpening the Image</h3>
<p>Sometimes resizing an image can soften details that really make the photo. Here are a couple ways to sharpen your photo and bring back those fine details.</p>
<p><strong>Unsharp Mask</strong></p>
<p><img alt="Resizing Images - Unsharp Mask Settings" src="http://lilaccreative.com/images/postImg/resize-unsharpSettings.jpg" width="334" height="434" />Unsharp Mask is a great tool for sharpening images, whether they’re print or web resolution. With your web-sized image open in Photoshop, go to Filters &gt; Sharpen &gt; Unsharp Mask. Set the Amount to around 42% and the Radius to around 1.5 pixels. Play with the Amount and Radius to see how it affects the sharpness of your photo.</p>
<p><img alt="Resizing Images - Unsharp Mask Sample" src="http://lilaccreative.com/images/postImg/resize-unsharp.jpg" width="500" height="666" /><br />
<strong>High Pass</strong><br />
High Pass is another way to sharpen details in your photo, and it can also give a little bit of color “pop” to a color photo.</p>
<p><img alt="Resizing Images - High Pass Step 1" src="http://lilaccreative.com/images/postImg/resize-highPass1.jpg" width="218" height="286" />With your web-sized image open in Photoshop, create a duplicate of the image on another layer using CTRL/CMND + j or by right clicking on your background layer in the layers palette and selecting “Duplicate Layer”. Then set the top layer’s blend mode to Hard Light.</p>
<p><img alt="Resizing Images - High Pass Step 2" src="http://lilaccreative.com/images/uploads/resize-highPass2.jpg" width="600" height="437" />Next go to Filters &gt; Other &gt; High Pass. Set the Radius to around 1.2 pixels. You’ll notice that the preview window of the High Pass dialogue shows a gray field with embossed-looking lines around the details of your photo. For this reason, it’s important to have the duplicate layer’s blend mode set to Hard Light so you can see the end result of the filter in your image in the background as you’re adjusting the settings.</p>
<p><img alt="Resizing Images - High Pass Sample" src="http://lilaccreative.com/images/postImg/resize-highPass.jpg" width="500" height="666" /></p>
<h3>Saving the Image for Web</h3>
<p>Once you’ve sharpened your image, you’re ready to save it for web. Photoshop has a special Save For Web option that allows you to optimize your final image for the web.</p>
<p>With your web-sized image open in Photoshop, go to File &gt; Save for Web, and the following dialogue box will pop up:<br />
<img alt="Resizing Images - Save for Web Settings" src="http://lilaccreative.com/images/postImg/resize-saveForWeb.jpg" width="600" height="420" /><br />
In box 1 in the above figure, make sure the image type is set to JPEG. Below that are the image quality selectors. Set the image quality to “Very High,” then look at box 2. This will tell you how large your file size will be at that quality, and how long it will take to load the image at various internet speeds. If the file size is above 200K, I recommend lowering the image quality until it is. Keeping your image file sizes below 200K will ensure that images load quickly for your blog readers, and you should be able to get good image quality within the 200K file size.</p>
<h3>A Few Last Notes on Images on the Web</h3>
<ul>
<li>Not all colors are viewable on a screen. For that reason, web images may appear duller in color when you post them to your blog. To compensate, consider using a Vibrance mask on your image and increasing the vibrance and/or saturation just a touch (but not too much!).</li>
<li>Computer screens need to be calibrated for correct color display. If you are a photographer, you probably have a color calibration tool that you use on a regular basis to make sure that the colors you see on screen are as close to print colors as you can get. However, your average blog reader may not have his or her screen calibrated for color, and may see your images slightly differently than you do on your calibrated screen.</li>
</ul>
]]></content:encoded>
			<wfw:commentRss>http://www.conceptoq.com/optimizing-photos-for-your-blog/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>ABOUT</title>
		<link>http://www.conceptoq.com/el-consultor-web/</link>
		<comments>http://www.conceptoq.com/el-consultor-web/#comments</comments>
		<pubDate>Tue, 01 Jan 2013 17:32:20 +0000</pubDate>
		<dc:creator>luislleo</dc:creator>
				<category><![CDATA[Uncategorized]]></category>

		<guid isPermaLink="false">http://www.conceptoq.com/?p=8</guid>
		<description><![CDATA[ABOUT I&#8217;m Luis Lleó a Website designer passionate about everything on the Web a web designer and front end developer from Madrid, Spain who loves design and the internet sphere. Web Designer with a passion for designing clean and functional &#8230; <a href="http://www.conceptoq.com/el-consultor-web/">Continued</a>]]></description>
				<content:encoded><![CDATA[<h1>ABOUT</h1>
<p>I&#8217;m Luis Lleó a Website designer passionate about everything on the Web<br />
a web designer and front end developer from Madrid, Spain who loves design and the internet sphere. Web Designer with a passion for designing clean and functional websites and user interfaces.<br />
I am concerned with the balance between design that is beautiful, design that is functional, and design that is intelligent. I challenge myself to achieve the finest relation between those three in every project. Work that embodies all of these qualities sensibly can be enjoyed timelessly<br />
I first started working on logo design, where i was fortunate enough to work on some fun projects. With time i started to expand my work to a full range of design/branding for both print and screen.<br />
I live, breathe, drink and absolutely love design. I&#8217;m in love with ideas; building them, cultivating them, and watching them come to fruition. Nothing makes me happier.<br />
I enjoy spending time with friends, travelling, reading books, playing<br />
squash &#038; browsing websites. I have a passion for technology,<br />
shiny gadgetry &#038; inspiring design work. I also enjoy gaming,<br />
watching stuff and would probably perish without music!<br />
Working nowadays as a full-time freelancer, i love using typography and creating clean &#038; beautiful designs, balancing form &#038; function.<br />
I create user friendly creative and corporate Websites built according to Web standards and nurture them into an effective online presence.<br />
Hi, I&#8217;m Patrick Glynn, .<br />
I live in South Africa and have a BA in Graphic design &#038; multimedia<br />
In November 2010 I decided it was time to pursue my passion and I set out on my own to focus exclusively on freelancing as an independent designer and WordPress developer.<br />
Beyond design I am fascinated with traveling, like drinking coffee and eating pizza (not together), enjoy watching documentaries, and think there&#8217;s nothing better than campfire conversation.</p>
<h1>Creative Methodology</h1>
<p>All craft begins with a solid process informed by experience, knowledge and passion. I believe in building systems not layouts, which results in a more finely tuned and flexible product to support your business. My process is not a series of “ta-da” moments, but an ongoing discussion from beginning to the end.<br />
CHAT ABOUT IT<br />
First, we talk. You tell me what you need. We discuss your market and who your website is approaching. Then we explore the best ways to meet your needs and satisfy user experience demands with a strong, effective site.<br />
PLAN IT<br />
Starting with a site map and hand sketches, we then move to Style Tiles. This is a technique that allows us to explore brand and the “feel” of your site without getting caught up in content.<br />
PROTOTYPE IT<br />
I use prototypes instead of flat wireframes to help you visualize your website. You can imagine the prototype as a working, clickable wireframe that forms the “bones” of your site.<br />
DESIGN IT<br />
Here we take the Style Tile we worked on together and apply it to the prototype. This “skinning” approach results in designing a system for your website, rather than individual layouts.<br />
POPULATE IT<br />
Together we take your now finished website, and flow final content into the content spaces we’ve planned out for you. This makes creating content more structured and straight forward.</p>
<h2>methodology</h2>
<p>Planning<br />
The foundation of any successful website is good planning, this phase involves information gathering, site objectives, information architecture, client &#038; user requirements and wireframes for medium-large websites.<br />
Design<br />
The design or ‘look &#038; feel’ is created keeping in-line with the information from the planning process to create a design that is usable, looks great and works for you and your users.<br />
Coding<br />
I develop Websites using XHTML &#038; PHP for markup, CSS for styling, JavaScript for interaction and MySQL for data storage. I also use WordPress &#038; Expression Engine for content management systems.<br />
Promotion<br />
It’s no use having a beautiful, usable website that works if no-one can find it. Using SEO, Google Analytics and Social Media Marketing your web site will be in the spotlight.</p>
<h1>CONTACT</h1>
]]></content:encoded>
			<wfw:commentRss>http://www.conceptoq.com/el-consultor-web/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Hello world!</title>
		<link>http://www.conceptoq.com/hello-world/</link>
		<comments>http://www.conceptoq.com/hello-world/#comments</comments>
		<pubDate>Tue, 11 Dec 2012 16:47:26 +0000</pubDate>
		<dc:creator>luislleo</dc:creator>
				<category><![CDATA[Uncategorized]]></category>

		<guid isPermaLink="false">http://www.conceptoq.com/?p=1</guid>
		<description><![CDATA[Welcome to WordPress. This is your first post. Edit or delete it, then start blogging!]]></description>
				<content:encoded><![CDATA[<p>Welcome to WordPress. This is your first post. Edit or delete it, then start blogging!</p>
]]></content:encoded>
			<wfw:commentRss>http://www.conceptoq.com/hello-world/feed/</wfw:commentRss>
		<slash:comments>1</slash:comments>
		</item>
	</channel>
</rss>
