A Beginner’s Guide: Stepping Into Web Design Industry

Whether you’ve studied web design or development at college and you’re now ready to start your career, or you’ve been designing web sites as a hobby for a while and you’re ready to take things to the next level, this guide is for you.

Everyone needs to start somewhere but it can seem impossible to make it as a newbie web designer when there’s so much competition from big agencies and freelancers with years more experience than you.

As with any big task, the key is breaking it down into smaller, manageable chunks. Follow the advice below and you’ll be well on your way to making it as a web designer.

Getting Started in Web Design

getting started in web design

If you’re right at the very beginning of the planning stages and thinking that web design is a career you might like to pursue, but you don’t know where to start, there are a few different options you can take.

Studying a college degree in web design or development is certainly not always necessary – this is a career where your actual skills speak for themselves over academic qualifications. However if you’re hoping to find employment (rather than working for yourself as a freelancer), a degree can certainly give you a step up on paper at least.

If you decide to go the college route, you should definitely make sure that an internship is part of the program, as this will give you real on-the-job experience and industry connections that can’t be replicated in the classroom.

Remember it’s not necessary to study a college course in order to be accepted as an intern and this is definitely something worth pursuing on your own, particularly if you hope to work for an agency in future.

Self-study is the other option and many successful web designers have chosen this path. Teaching yourself web design will save you thousands of dollars in tuition fees and there are so many resources available these days to get you started. Check out the sites below for some amazing online courses in web design and development:

Resources:

Web Design Vs. Web Development

web design vs web development

Before you choose a course and get started, it’s important to understand the difference between web design and web development. While they are often used interchangeably, technically web design refers only to the visual appearance of a website, whereas web development is the backend coding that makes the site actually functional.

Several years ago, web designers and web developers had very different job descriptions. The designer would usually create a visual “mockup” of the site in Photoshop or similar graphics software and the developer would write the code to turn this flat image into a working website.

These days, the roles are more overlapping and “pure” web designers who create only the visual design and have no input into the backend are much rarer. In fact it would be limiting to not learn at least the basics of web development as most employers and clients will expect that their web designer can build a site from scratch without the input of another developer.

Content management systems like WordPress have made it much easier to build a web site visually and it’s not necessary to start completely from scratch every time you build a new site any more.

However as useful as these tools are, it’s still worth educating yourself on how the backend of sites actually works. You’ll need these skills to get your sites looking exactly the way you want and make any tweaks to the final result.

As a minimum you should learn HTML and CSS. Learning some basic PHP can be very helpful, particularly if you’ll be working in CMSs like WordPress that are coded in PHP. You don’t need to become a skilled coder, but learning the basics of the language will definitely help you get by. JavaScript can also be a handy language to get to grips with.

Apart from coding skills you’ll also want to make sure you have a solid grounding in:

  • User experience (UX) design
  • Typography
  • Color theory
  • The basics of WordPress (or whatever CMS you’ll be focusing on if you’re using one to build sites)

Resources:

Creating Your Portfolio

creating your portfolio

As a web designer, the number one most important showcase for your skills is your portfolio. Whether you’re applying for a job in-house or seeking freelance clients, nobody will hire you without a good portfolio.

Your portfolio should showcase the best examples of your work and should be updated regularly.

If you’re just starting out, of course the issue is how to get a portfolio started in the first place?

The answer is that when you’re new to the world of web design and don’t have any experience, you’re probably going to have to do a few projects for free, or at least for very cheap. You can also pad out your portfolio with personal projects but it’s best to keep it mostly for client work – paid or otherwise – as this shows you can meet the needs of others, work to deadlines, and other important real-world skills.

Some examples of unpaid or low-paid work you could do to get started:

  • The site for a local charity, school, or non-profit organization
  • Sites for friends
  • You may be able to find work on some freelancing sites if you set your rates very low to make up for your lack of experience
  • Redesign an existing site
  • Contact bloggers with poorly designed sites and ask if they’d be interested in a free or cheap new design (you could even mock up a sample to send them)
  • Create a site to meet a need – for example a community site for your local area.

When it comes to creating the portfolio itself, of course it should be in the form of a website but don’t go overboard when it comes to design. It’s best to stick to a plain and simple design in order to show off your work and it’s better to put more effort into your client work than spend hours trying to perfect your website.

There are plenty of good portfolio templates and services available online, so it’s perfectly acceptable to use one of those rather than designing your own site from scratch. Some sites also act as a directory of creatives and can help clients to find your work online.

Resources:

Web Design Agency or Freelance?

web design agency or freelance

When it’s time to get yourself out there into the world of work, you’ll need to decide whether you want an in-house salaried position with a design agency or to work for yourself. Many other types of businesses also hire in-house web designers where you may work alone or with an in-house design or marketing team.

Both freelancing and working for someone else have their advantages and disadvantages.

Working for a company will give you the security of a regular income, a constant stream of work to build up your portfolio, and the social aspect of working alongside others. However your potential income may be limited, you may feel creatively stifled, particularly if you’re working in a corporate setting, and there’s the whole getting up every morning and doing the commute that comes with a regular 9-5 job.

Freelancing offers freedom in terms of how much you can make, where and when you work, and the clients you take on. But the money can be sporadic, you’ll have to deal with difficult clients on your own, and working alone can be isolating.

Many web designers work for an agency for a couple of years before setting up on their own as this gives some experience on working of lots of different projects and can be a good selling point for potential clients.

Likewise, if you decide a salaried position is best for you it can also be a good idea to take on some freelance projects on the side to dip your toes in the waters of being self-employed and expand your portfolio with a wider variety of projects than may be available to you at your day job.

If you need a flexible working arrangement (for example if you have small children at home and want to work part time), or just can’t stand the idea of working in an office 9-5, freelancing from the get-go may be the only option for you.

Resources:

Finding Clients

finding clients

After you’ve made the leap to freelancing (whether full-time or alongside your day job), it’s time to start finding some clients.

You should of course first make sure your portfolio website is set up and polished and has a clear way to contact you. It won’t happen immediately but eventually you’ll start getting queries from potential clients through your website.

There are multiple other routes you can use to find work and it’s best to try a few different ways when you’re getting started.

Once you’ve built up some experience and reputation you’ll probably find that you won’t have to work as hard to find clients because you’ll be getting repeat work from existing clients and new ones will be coming to you from word of mouth recommendations.

Use Your Existing Contacts

You’ll be surprised at how many clients fall into your lap from contacts of friends and family or people you meet. Make sure you get the word out that you’re starting up a web design business and you’re looking for new clients.

Often even the most casual acquaintance will mention your name if they meet someone who needs a website – people in general like to be helpful and word of mouth can be very powerful.

When you meet new people, make sure to tell them you’re a web designer (having some business cards to hand out helps too) and you’ll probably find the jobs start rolling in.

Freelancing Boards

There are several websites set up with the sole purpose of matching freelancers with clients and this can be a good place to get started when you’re just starting out.

The disadvantages with these kind of sites is that there’s often a lot of competition for each job and you’ll usually be competing with web designers who offer a very low rate (often because they live in a country with a low cost of living).

Once you’ve built up some feedback on these sites you can raise your rates and still get jobs, but be prepared to put some work in for low pay until you’re established.

Networking

This is very similar to asking around friends and family but you want to make sure you purposefully put yourself in situations where you can meet other professionals who may be in need of your services.

Conferences and seminars are one option – don’t just stick to web design ones where you’ll mostly meet other web designers but consider events aimed at other groups like bloggers and small business owners.

Co-working spaces are another excellent place to do some networking. These are spaces set up for freelancers and other people who don’t have their office to have a place with high speed internet and decent working desks but also to meet other people. You can meet all kinds of business owners and other freelancers that you could potentially work for or collaborate with, and this is often worth the cost of the membership fee alone.

Social Networking

Similar to networking but done online, you want to make sure you’re active in social networks like Facebook and Twitter and particularly LinkedIn.

If you post relevant content regularly, you may find people contacting you about work. You can also pitch clients directly, especially if they post something about needing a web designer.

Blogging

Not every web designer has a blog but it can be a very effective way of getting your name out there more and bringing in some new business.

You can blog about your work processes, your daily life, news and current events in the world of web design and anything that may spark the interest of a potential client.

Guest posting on other sites will expand your reach further and also help to optimize your web site for search engines. This can make your portfolio appear higher up in web searches.

Resources:

Developing Your Freelance Pricing Strategy

developing your freelance pricing strategy

Pricing is always tricky for freelancers and there’s no simple guide to how much you should be charging for your services.

First you’ll need to make a decision about whether you charge per hour or per project. It can be difficult at first estimating how long a project will take you so it can be tempting to charge per hour, but most clients will want at least an estimation of the final figure.

Charging per project also gives you the potential to earn more money as you can basically boost your hourly rate by working faster and more efficiently.

If you’re pitching for work on freelance sites, you can use other freelancers’ quotes as a guide for your own. Remember it’s not always the cheapest quote that wins the job, but you should be prepared to offer competitive rates when you’re starting out.

Another way to work out your rates is to calculate everything you need for your daily living expenses and how many hours or projects you plan to do on a weekly or monthly basis. You can then work out the hourly rate you need to cover your expenses. Don’t go too low as you also need to account for non-paid time (marketing, doing accounts etc,) and the inevitable times when you won’t have any work. Once you’ve taken on some projects at your base rate, you can gradually increase it.

You also need to make sure that the scope of what your quote covers is clearly laid out. Clients who keep requesting changes will eat into your earnings (unless you’re charging hourly). If you’re working on a per project rate, it’s a good idea to set an agreement of any changes that are requested after completion. This can also be an effective way to get you ongoing work (for example you could offer up to 2 hours of work doing changes per month for a set fee).

Resources:

Staying Up to Date With Technology and Trends

staying up to date with technology and trends

Web design is a fast moving industry and it’s vital to keep up if you want to stay competitive in the marketplace. You should build some time into your working week to enhance and expand on your skills and keep up to date with current trends. This might include:

  • Taking online courses to expand your skillset
  • Reading web design blogs and online magazines
  • Following high-profile web designers and developers on social media
  • Participate in online discussions – comment on blogs and share your ideas and opinions. You’ll not only get feedback and new ideas but this also helps to get your name out there more
  • Browse design galleries to see what’s hot and get new ideas
  • Look for inspiration everywhere – not just other websites, magazines, art galleries, and interior design can give you fresh new design ideas and help you to avoid designers block
  • Attend industry networking and conference events
  • Listen to web design podcasts.

Resources:

Get Set for Success

It can all seem very overwhelming getting started, particularly if you’re brand new to web design. But you’ll be surprised at how quickly things can snowball once you’ve completed a few projects for a few different clients.

As well as taking the time to plan your break into the industry, it is also very helpful to review where you’re at regularly and make new plans and goals for the future. Don’t just stagnate and keep working for the same clients at the same rate forever – set goals and work towards them to make your business grow.

If you have any other tips or want to share your story at how you got started as a web designer, we’d love to hear from you in the comments.

Comments

  1. / Reply

    I wish this post are created just before I’m starting my web design jobs. This is very helpful Krishna. I will link to this post on my website for my friends who just started a web design industry. :)

    1. / Reply

      Many thanks Baloot. Yes feel free to link back to this article if you feel it will help fellow designers!

      :)

    • Brian Jones,
    • April 9, 2010
    / Reply

    Love the article and thank you for the resources. As an aspiring designer / developer still in my studies, these resources will help tremendously. Thank you for sharing the post!

    1. / Reply

      No problem Brian. Always happy to help! :)
      Thanks for the comment…

    • Josh,
    • April 9, 2010
    / Reply

    Thanks for this! Great tips for all of us starting out!

    1. / Reply

      Thanks! – Hope you find them useful….
      :)

  2. / Reply

    Don’t forget to guest blog on well-known sites. An easy way to drive lots of traffic to your site, wouldn’t you agree Krishna?

    1. / Reply

      Definitely Tony, thanks for pointing that out! – Guest article writing is a great way to increase traffic!

  3. / Reply

    This is a fantastic article. Lots of amazing info and resources here. Thanks for sharing!

    1. / Reply

      You are welcome Carlin….happy to help! :)

    • Jackson,
    • April 9, 2010
    / Reply

    Wow, amazing and comprehensive article for new guys like me! It make me feel even more motivated and determined to join the design industry! Wish me luck and thanks Krishna!!!

    1. / Reply

      Glad to hear you are inspired!… Good luck for the future Jackson… :)

  4. / Reply

    Very thorough and helpful post. Thanks

    1. / Reply

      Glad you enjoyed the read…

      Thanks for the comment.

  5. / Reply

    Hi Krishna!
    I found very interesting your post and would like to ask permission to publish a version translated into spanish in my blog and of course with a mention of your blog and a link to the original publication. Thank you very much for sharing! ;)

    1. / Reply

      Hi Pixelizar,

      Feel free to republish this on your blog, and yes please don’t forget to mention my website, and provide a link to this publication…
      Glad you enjoyed the article!

      thanks for the feedback.. :)

  6. / Reply

    This is a great article. I’m a graphic design student and I’ll definitely have to tell class mates about this one. =)

    1. / Reply

      Thanks…. sharing is caring so pass on to whoever you think will benefit from reading this! :)

  7. / Reply

    Excellent article Krishna, this will be very useful for students or professionals looking to get into the world of web development.

    1. / Reply

      Many thanks, I hope it reaches all those in need of a little guidance! :)

  8. / Reply

    Great read. This compels we to learn coding a little bit more. Looking forward to reading more from you!

    1. / Reply

      Thanks for your comment Florian, glad you feel compelled…

      :)

    • Satishkumar,
    • April 11, 2010
    / Reply

    Great post.. Thnx for sharing :)

    1. / Reply

      No problem.. Glad you enjoyed the read! :)

  9. / Reply

    A very good post! I like it :)

    1. / Reply

      Thank you!! :)

    • Mohammad,
    • April 12, 2010
    / Reply

    excellent article..inspiring indeed

    1. / Reply

      Many thanks!!

  10. / Reply

    A great article on how to get started in the industry. Really good pointers for someone starting out.

    1. / Reply

      Thanks Mark, I hope it helps as many people as possible! :)

  11. / Reply

    I really enjoyed reading this article, thanks! How would you feel about me rewriting this article into Norwegian?

  12. / Reply

    Just as you know, I won’t do it without your permission of course. Forgot to tell.

    This ought to be a matter of course.

    1. / Reply

      Hi Helge-Kristoffer,

      Feel free to rewrite and publish this article in Norwegian, however please provide a link back to the original article, and don’t forget to mention my website too!!

      Thanks..

      :)

  13. / Reply

    Great article Krishna. You know, I feel that some of us seasoned designers/developers need these kind of reminders once in a while. I looked at the article and was not sure whether to read it or not. But after reading it, I’m quite excited at the prospects of becoming more better at what I do. I’ve always played around with the idea of doing guest articles but don’t have the courage so look out, might just be reading my article soon. Once again thanx and for those new guys around here, you’ve chosen a great industry. Have fun and don’t let anybody shoot you down, be courageous and stand your ground. One LUV!!

  14. / Reply

    Hi..

    Many thanks for your kind words… :)
    Yes, once in a while we all need reminders and encouragement to carry on.

    Hope to possibly see your work being published soon…good luck! :)

    All the best.

  15. / Reply

    This is a great article, lots of good insight. When I first started in my career the hardest thing was to get my mind out “school” mode and into “professional designer” mode. It was really overwhelming to start in a career that I wasn’t confident in yet. It takes a lot of perseverance and pushing through at times when you would rather just be apathetic.

    The difference between me and some of my classmates that didn’t stick with their design career is perseverance. I wasn’t the best designer or the most educated, but I decided to apply myself and make this thing work.

    Great article!

    1. / Reply

      Many thanks for the compliments and sharing your experience Nate.
      Its always encouraging to hear how other people have overcome their personal doubts with regards to their career paths…

      Perseverance is definitely a good quality to have!

      Keep it up!

      :)

  16. / Reply

    Great article – I would say one of the most important things is to have a web-presence and make that web-presence reachable to your local market. Most of your business will come from work of mouth however %25 of your work will come from search engines.

    Great read . . . keep up the good posts

  17. / Reply

    Nice article newbie like me will learn lots from this post. Thanks for sharing

  18. / Reply

    Really good article. As someone starting out in the industry it’s good to read some advice about how to succeed.
    Loads of good resources to check out, I especially liked the ones on creative block.

    • tejaswi,
    • April 15, 2010
    / Reply

    thanks for such a nice article! it guides you in a exact way! i will benefited with this in the future!thanks once again!

  19. / Reply

    Gr8 article !!! The image-1 used “entering into dense forrest” i felt the same when i start Web Designing :-)

    • wais,
    • April 17, 2010
    / Reply

    Thx for this great article , i’m also just starting actualy alredy strated and seeking clients and kinda desparet .

    Thx for sharing this with us .

    and ooh btw nice smile Krishna.

    wais

    • Dan,
    • April 20, 2010
    / Reply

    It’s easy to fall into the trap of always taking on your uncles friends dogs vets website projects. Especially when your just starting out. Family and friend recommendations are rarely the clients you want to build a successful business (hint you can skip this step if you already know what your doing or know someone who does).

  20. / Reply

    Awesum….article

  21. / Reply

    This is absolutely creative and inspirational for beginners like me.. thanks for sharing such motivational and inspirational resources..

    Thanks and regards
    Shabbar Suterwala

    • Tarik,
    • June 21, 2010
    / Reply

    hi Krishna, great article and has really inspired me too…..

    i actually kinda screewed up at college (was with the wrong crowed) and just didnt have a clue what i wanted to do at uni so ended up not going and instead get a job (working as a management accountant)

    i have no clue how i got the job as im really crap at it but i also really hate it! i been thinkign hard of chagning my career but just dont know what im good at…….actually i am really godo at maths but i really hate it lol but i also love do practical stuff like design on pc etc however in gcse art and 3d design i got E =[

    just wanted some advice do you think it is still possible for some like me who also has no tech knowlegde bwt pc etc can still get in to web design?

    i mean i can put the effort n time to study the tech stide like html css php etc and also the design part but looking at what i got in gcse for art n desgin makes me doubt myself n sometime think i should just stick to accounting seeing as im only 23 and practically got up the ladder faily easily =[ i need some advice….
    web design is something that sounds fun to do and something i will be motivated to do as i do enjoy doing practical stuff rather then theory………even doign the coding and that is still more practical then doign accounts right?

    sorry for the long essay lol….i actually decided to forget web design till stumbled across this site and kind of gave me hope and plus i did get an B for desgin and technology in gcse =] maybe that could also help?

    anyways thnx for your post and good luck to you in whatever you do thnx x

  22. / Reply

    Hello Dude , i read w/ Your web blog. LOL Please come to my blog

    • outsourcer,
    • February 27, 2011
    / Reply

    How about that: you can learn all you want about webdesign and you can go to the best universities in the world but the fact is – YOU WILL BE OUTSOURCED by 3rd word country people like me. Have a not so nice day :(

  23. / Reply

    really really…. awesome article, thanks for the guide

  24. / Reply

    Really nice guide for beginners.
    I liked it.

  25. / Reply

    this is nice post which i am looking for

  26. / Reply

    This is a very good weblog. I have been back more than once within the last few days and want to subscribe to your rss feed making use of Google but cannot work out the best way to do it accurately.

  27. / Reply

    Excellent job! Thanks for the great posting and your all efforts. I think the above article is valuable for all concerned people. At least, if was very useful for me. I’ve bookmarked this page for future reference, thank you again.

  28. / Reply

    nice concept for us newbie in designing world. I will follow this one.

  29. / Reply

    This is certainly my initial stop by and I really like what I’m seeing. Your weblog is so much fun to look over, quite compelling as well as informative. I’ll undoubtedly recommend it to my friends. Nevertheless, I did have some problem with the commenting. It kept giving me an problem whenever I clicked on publish comment. I hope, that can be fixed. Many thanks.

  30. / Reply

    Thank you. Very nice tutorial. I also would like to add for a beginner webmaster out there a suggestion.

    If you don`t have a budget or knowledge on how to use a Photoshop and still want to create a stunning website buttons for your website then check Cool Button Designer software. After trying 10 different web button maker softwares I found that Cool Button Designer is the best piece of software that cost 9.99 and delivering stunning professional web button in the matter of minutes. It is easy to use as well.

    Have a look a trial version of Cool Button Designer for free. Just google for Cool Button Designer.

    Try it, you will not get disappointed with abilities that little but powerful software can deliver. it is a nice tool for a beginner webmaster with low budget.

    • Derek Bowes,
    • July 3, 2011
    / Reply

    Why doesn’t anyone make a post about the TRUTH about web design?

    Why doesn’t anyone tell people to save their hard work and sweat and quit trying to make a living off of web design… it’s not a feasible industry any more.

    Web design is like music and film and poetry, they are creative art forms. These things are being devalued more and more in today’s society because everyone with access to a computer can gain entry.

    Bottom line is that businesses just aren’t interested in paying well for web design… how much of a revenue increase is their website REALISTICALLY going to generate? Is it really worth paying for? Maybe third world rates, but definitely not what the ‘locals’ charge.

    Outsourcing has pretty much destroyed web design. It just hasn’t made a MASSIVE impact because big businesses are relying on backlog to generate money, but new clients aren’t turning to local agencies or even freelancers in the area, they are looking online.

    It’s all about money and perceived value, and web design is a broken, misleading industry because of this.

    So please, if you’re interested in learning web design, I implore you to. It’s fun. It’s challenging. It can be a creative outlet, much like painting or creating music.

    But you WON’T make a living off of it. I can guarantee you that.

  31. / Reply

    Of course there is the rule of web design industry.. hihihi…

  32. / Reply

    I won`t agree with you Derek. I`m a web designer from 2+ years, I`m really happy with what I`m doing and Never faced a situation where there is lack of work for me.

    Yes, Its an art like painting, creating music etc. But, Its an ART that have a large scope of income that can truly makes a living. and the example of it is Me.

    And a nice useful article by Krishna, keep it up

    Thank you

  33. / Reply

    Great resource for all of us here Krishna. I am still learning and to be honest I am never going to understand html and all, but hopefully things will slowly move towards wordpress and easier content management systems and then I can use all your great tips about how to get clients etc. Until then back to the drawing board.

    • Ahmed,
    • April 21, 2012
    / Reply

    Very helpful article, thanks a lot.

    • amanda,
    • April 25, 2012
    / Reply

    This may sound like a stupid question. I am looking to get into freelance web design, and don’t understand exactly how it works. If you bid on a job from a freelance site do you just upload the files you’ve worked on to them or do you work on an already existing website I am at a complete loss here. Any insight into how this process actually happens would be great ! thanks

  34. / Reply

    Hi Krishna, great post. Do you have any stats on the current size of the web design industry? (in billions)

    • theway,
    • July 31, 2012
    / Reply

    Hi thanks for the useful info just wondering how you start this career though. do all web designers need to go to uni or can you do an apprenticeship or diploma?

    • POPOZ,
    • February 20, 2013
    / Reply

    Loved the article, truely inspirational, thought provoking and most definitely motivating. As a newcomer into the industry its amazing considering the magnitude i still have to gain…

    • ontargett,
    • August 29, 2013
    / Reply

    Having undertaken a Introductory Web Design course I was in the dark where to go next…

    This article gives some great links that look very useful- will be coming back for more. Thanks for the info Krishna!

Leave a Reply

Your email address will not be published. Required fields are marked *

Deals

Iconfinder Coupon Code and Review

Iconfinder offers over 1.5 million beautiful icons for creative professionals to use in websites, apps, and printed publications. Whatever your project, you’re sure to find an icon or icon…

WP Engine Coupon

Considered by many to be the best managed hosting for WordPress out there, WP Engine offers superior technology and customer support in order to keep your WordPress sites secure…

InMotion Hosting Coupon Code

InMotion Hosting has been a top rated CNET hosting company for over 14 years so you know you’ll be getting good service and won’t be risking your hosting company…

SiteGround Coupon: 60% OFF

SiteGround offers a number of hosting solutions and services for including shared hosting, cloud hosting, dedicated servers, reseller hosting, enterprise hosting, and WordPress and Joomla specific hosting.