12 Tips for Becoming a Successful Web Designer
basix

12 Tips for Becoming a Successful Web Designer

Website designers are often concerned about their tangible skills, like hardcore Photoshop skills or a mastery of jQuery. However, becoming successful in the field of web design requires more than just having the right equipment or a wonderful grip on design. There are some very important things that any aspiring web designer should keep in mind when you’re building your professional repertoire. We’ll also provide a useful “reading list” for where you can get more in-depth information.


Intro: Getting Some Perspective

Apart from making an eye-catching web design and balancing a huge amount of information, the challenge that web designers face involves effectively managing their professional careers. The job of a web designer does not end at building websites that look good; you also have to manage all of the things that combine to form a successful business. From planning and execution to marketing and communication, a web designer has to be astute as well as professional at every step taken.

Being truly successful requires a set of characteristics and traits… some of which you might already have, some of which you might be neglecting. These are things that cannot be obtained quickly by reading books or sitting in a classroom; Rather, many of these are skills that take time and experience to cultivate. In my opinion, these are priceless tips that, when applied over time, will help you attain success in the web world.

As a web design professional, following tips will help you turn yourself into a ‘web design rockstar’:


Tip 01: Effective Communication Skills

Web Design Portfolio Success

Effective communication is one of those skills that can make or break you in any field, but it’s especially important in web design where communicating with a client, art director, or developer can dictate the success of a project. It is quite understandable that creative souls are not intuitively chatty in nature; However, when it comes to presenting yourself and selling your work, one has to be bold and clear in his communication with the client. You need to be able to speak intelligently about your design choices – why you chose them and how your design choice is the right one for their business. Also, a lot of small disputes can be resolved easily if you are good at communicating. So, communicate and communicate well, in order to survive and be successful.


Tip 02: Be Able to Sell Yourself

Web Design Portfolio Success

It’s a small world, and from a web designer’s perspective, it’s also a jungle. Web designers face as many competitors as a forty-niner during the gold rush… and only the fittest will survive. In order to make yourself stand out from the competition, you need to let people know about yourself and your skills. Designers are usually humble in nature, however, when it comes to professional success, you’ll have to elbow your way to the top and mark your presence. There are a number of ways you can do so. Word of mouth marketing, social media marketing and even business card marketing can work well. However, if you prefer to sit back in your cozy chair and wait for the clients to know you and come to you, then you are doomed!


Tip 03: Plan Before You Design

Web Design Portfolio Success

While many designers approach projects with a “wait for inspiration to happen” kind of attitude, but the fact is that just a little bit of planning can help that inspiration come a lot more quickly. As such, it’s important to plan and research well before going into the web designing process. Planning can be further divided into three parts:

  1. Researching about the client’s company
  2. Asking the client what he wants and expects from the web
  3. Pondering upon what his competitors are doing and the related industry trends

Make a sketch of the website in your mind and then put it on the paper (if possible). Although planning is a hectic and less interesting process (and so many designers are inclined to skip it), pre-design planning saves your time, money and resources the best. You can read more about “design planning” here.


Tip 04: Evaluate Your Own Work and Get Feedback

Web Design Portfolio Success

The cycle of a web design project ends at evaluation and analysis of your designed work. Being able to accept and implement feedback effectively is an important trait of the creative professionals. Like all other aforementioned factors, having a good eye in pointing out mistakes in your own work is a quality that success-oriented web designers should possess. The web designers should act as a devil’s advocate and judge the success of their website being in the target audience’s shoes. Furthermore, taking some time to have other people check your work for mistakes will go a long ways as well. You can read more about the importance of feedback in Brandon’s article on the subject.


Tip 05: Be a Web Designer, Not a Graphic Designer

Web Design Portfolio Success

It is a general misconception that graphic designers, owing to their computer graphics skills, can also be web designers and vice versa. While this might be true in theory, there are very few professionals that bridge the gap between print-based projects and web-based projects on a regular basis.

The reality is that web designing is a completely separate field of designing, having its own flare and expertise. These are two different mediums and so the target audience and objectives of a websites are entirely different from a piece of graphic design. There is always the possibility that a graphic designers advances to the level of a web designer once he learns certain technical skills, but it’s important not to assume that a rockstar graphic designer will instantly be successful when designing for the web. For the success of your web business, you should commit yourself to the field of web designing and specialize yourself in it.


Tip 06: Up-Date Yourself With New Technology

Web Design Portfolio Success

The world of computer technology changes almost every day, and to keep pace with it, a web designer needs to be technologically in tune with the changes in the industry. Slice out a segment of your work-day or week and dedicate it to learning new things in your field. Find out what’s new, what’s trending, and what’s falling to the wayside. If you don’t want to see your competitors take away your business by appearing to be newer and fresher than you, pay heed to this tip.


Tip 07: Don’t Neglect the Web Design “Soft Skills”

Web Design Portfolio Success

If we divide the success factors of a web designer, web designing soft skills may be one of the most important ones. As mentioned earlier, the field of web designing keeps updating at a fast pace. Every other day there is a new technique being introduced. Even if you aren’t the one programming these new tricks, a successful designer needs to learn and understand how to apply these techniques well.

Apart from other core design skills, it’s important to have full grasp on subjects like, the most modern HTML coding, high quality CSS for best cross browser compatibility, smart basic search engine optimization practices, Javascript UI techniques, and to build a foundational site in that you can add more pages or content with the passage of time. Having even just a general understanding of these multiple skill-sets will certainly land you a good job or better clients.


Tip 08: Gain Experience

Web Design Portfolio Success

Experience counts, sometimes even more than your qualifications or skills. Likewise, a web designer’s success depends a lot on your experience in the field. Whether it’s your employer or your potential client, people are interested in knowing how much previous experience you have, which companies have you worked with, and what projects you have worked on. From your perspective, having a broad experience in the field will help you to quickly identify design solutions as they are presented to you in meetings. My advice if you’re still studying in school: Don’t just wait for college to end in order to start working, it’s worth the extra time to start working on web projects right now. The more experience you get under your belt, the quicker you’ll move up in the world of web designers.


Tip 09: Be Organized

Web Design Portfolio Success

A well-organized professional is a born champion. No matter which field of profession you belong to, being organized is important for every person to be successful. Likewise, in the case of web designing, your work can get really messy at times, and this may lead you to many problems. So start off with organizing your computer by classifying texts, pictures, graphics, videos and even sound files in separate folders and label them appropriately. Maintaining a things-to-do list may also help the web designers in keeping themselves organized, amplify their time well and finish the job easier than expected.


Tip 10: Have Business Sense

Web Design Portfolio Success

Web designers, either freelance or salaried employees, should have business mentality when approaching any project. Design in the real world is all about salesmanship, making value assessments, and balancing costs. A successful web designer does not only design the websites for their clients, they create business solutions for them as well. If you are good at understanding an organization’s marketing needs and can get into the minds of the potential visitors, you will certainly have an edge over your competitors. However, if you find managing the business side of design a bit difficult to do, it’s worth looking into working with a larger studio that will take on the major responsibilities for you.


Tip 11: Be a Team Player

Web Design Portfolio Success

Web designing is rarely a one-man show. Whether you work in a big design studio or with a small client, team work is inevitable. While a web designer’s work does not require a large team of professionals (in many cases it can feel like you’re working all alone), it’s important to understand just how often your ability to work with others and delegate tasks will come into play over the course of a project. Being a good team player means understanding your role in the larger scheme of things, and being helpful to others – as the old saying goes: two heads are always better than one. Learn to effectively collaborate with others, and watch your work improve!


Tip 12: Keep an Updated Portfolio

Web Design Portfolio Success

Maintaining a good portfolio is crucial to any designer’s success… but web designer’s face a unique problem: your work needs to stay current! While a poster designer can probably get away with keeping projects from the 1980′s in their portfolios because the designs are still relevant, consider how awful your web-design portfolio would be if you kept projects from the 1990′s!

The portfolio is the best medium for web designers to showcase their abilities and aesthetics, but more importantly, it shows potential clients that you are current, relevant, and active in the design world of right now, not 5 years ago. Rather than aimlessly boasting about the websites you have done, portfolio gives you a solid evidence to show the world what you are capable of. You’ll want a portfolio that covers every aspect of web designing… including layouts, content management, composition, typography, colors, techniques and design rationales. Showing your potential clients the full scope of your work will help you not only to get clients, but it will also help you to justify charging more money as well!


Where to Get More Information

We’ve gone over these principles briefly, but where should you go if you want to dig in and get more information? I’ve put together this handy list of books that focus on the “non-design” portions of managing a web design career.


Wrapping it All Up

Web designing is a challenging field. Success in the field actually requires patience and determination to cope with every situation that presents itself, and never to be discouraged whenever things do not go exactly as expected. What you will need in order to make a success of your career in web design is persistence and a ‘never give up’ attitude. Many of you must already be practicing one or many of these tips in your professional life well; However, my aim is to guide the ones who are unaware of these success factors as yet, and to remind those who already know them well.

Note: Want to add some source code? Type <pre><code> before it and </code></pre> after it. Find out more
  • http://www.therevtastic.com Taylor Jones

    Great article!

    The one thing I will be doing right now is organizing my desktop lol.

    • http://graphics-toolkit2012.co.cc/ Ian

      I just want to share something that you’ll web designers are going to love:)
      See… http://graphics-toolkit2012.co.cc/
      Is like a Christmas gift for web designers!

  • Waqas

    I think you have done tremendous job by posting this content. I really like it and writer has explained immaculately. Hats off to Arfa Mirza ;-)

  • http://connorcrosby.me Connor Crosby

    Excellent article! Anything that can help me learn more I LOVE! Thank you.

  • http://www.mrblonde.ca Mr. Blonde

    Another great article.

    I too am a graphic designer wading my way into the web design field. I only decided to do so because most clients are asking for websites more and more. I definitely don’t want to specialize in it, but it’s nice knowing I’m adding skills to my repertoire. I’m glad there’s becoming a distinction between the two, I feel bad turning clients away :(

  • http://www.illusiv.nl Illusiv

    Nice article! Great resource for starting designers.

  • http://joaquimsaavedra.blogspot.com/ Joaquim Saavedra

    I’m a Multimedia Student and my dream is to became a good web designer, i’m only in the beginning so this articles are really helpful for me!
    Thanks Man! :D

  • http://www.aleeceburgess.co.uk Aleece

    A lot of the things mentioned in this article are on my ‘to-do my the weekend’ list!
    Very nice though, just going to make myself a desktop wallpaper like that…good idea..

  • http://www.greenloungedesigns.com/webdesign/ lyle

    Great Article, I am a Graphic Designer who now works for a web development business because I have found more and more people are opting for downloadable PDFs and online marketing as opposed to print. I have had to update my skill set to suit. I am really enjoying the webdesign tuts, keep them coming.

    • nitin chaudhary

      i want to learn web designing please give me some advice

  • Joel

    Great Article! congratulations. Good Job :)
    Thanks for share this.

  • Joel

    You should post more things like this.

  • http://www.jonathanpatterson.com Jonathan Patterson

    I take issue with “…graphic designer advances to the level of a web designer…” This makes it sound like a graphic designer is inferior to a web designer. Agreed, there’s a vast distinction between the two but that doesn’t mean one is better than the other.

    Good article though!

  • http://www.iwantacoza.co.za/Portfolio/ Kyle

    Really great Article!!!

    I love How you focused in on the “non-designing” part of designing a website. Thats very important to succesfull website. A great read. Thanks alot for it.

    PS. i will also be rearanging my desktop as above :)

  • http://www.sagie.es cesar

    Great post Arfa, I couldnt agree more.

  • Pingback: 12 dicas para você se tornar um bom webdesigner // Dioney Vítor

  • http://www.webdesignerguy.info Jarod Billingslea

    Very rich article, it would be shameful to pass by this, seriously. I learned a little more things through your funnel links as well (like hierarchy design – people should really look into that, it help a LOT)

  • Quest

    This is an awesome article and I certainly will continue to hone my skills and become a master craftsmen and designer. Thanks so much for the words of wisdom. Any insight on how to continue to add to areas where my skillset might be lacking e.g. JavaScript, PHP/MySQL, JSP, JSF, or any technologies I will need to know to become an expert web designer? Thanks so much again, great article!

  • http://www.dzinepress.com Dzinepress

    excellent writing arfa.

  • Pingback: There’s more to web design than you’d think | INTRODUCTION TO THE GRAPHIC ARTS | Professor Ken Harper

  • http://islandsdesignsstudio.com/ Steve

    10/10 Absolutely a gem of an article for newbies like myself, thank you for sharing, keep up the good work.

  • http://goo.gl/XKjgE angel

    agree but, what about the agencies, companies, etc who doesn’t undersantd this and ask for a jod position a guy who can code php and jquery, who can design in psd and fw, who can prototype in html and css, who can design in id and ai, who knows packaging, etc, i really see offers like that!

  • rongnr

    Great for me! Thanks

  • http://edumicro.deviantart.com Eduardo

    Nice article. There are a few points that I need to fullfill. One of them is to put online my portfolio. :P I’ve been using deviantart for 3 years, and even if it does the job, I know that I need to create my own space.

    Other than that, it’s a matter of time I think to be sucessful. :P

    And one of the things that I really appreciate when designing is feedback. :D

  • http://www.graffiti9.com Anish

    Really useful article for people like me. Thanks a lot. I’m going to share it on my facebook wall!

  • http://twitter.com/andokapriyotama Andika

    Hey, nice tutorial.
    I agree that graphic design and web design is different field of expertise. I will reference to this to explain the difference between them.
    Thank you :)

  • Pingback: 12 tips to becoming a successful freelance designer

  • http://www.nikoslianeris.gr nikos lianeris

    Great article!All the tips you mention are really useful!Thank you for sharing!

  • Dorjin

    tip 5. be a web designer not a graphic designer . This word doesn’t digest me.

    • http://www.ignician.net tayf

      Agreed. Studying ‘web design’ leads to trend whoring and a lack of understanding of communication design.

      Principles of communication design don’t change because you’re looking at a screen. Graphic design is not just about layouts, spot colours and typography its about learning how to use visual communication in any application.

  • Alin Ionut

    Very informative and well made article. Congrats!

  • http://envato.com DeeDeeStudios

    These tips are okay, but if you really want to be successful you need to create multiple theme/icon sets, start an ad network/marketplace/design conference/invite only sharing community or just have an Australian company promote the crap out of everything you do even though it’s mediocre.

  • Chandan Chakraborty

    Great tips its inspired me :) Feedback is really important. Thanks Arfa Mirza.

  • http://sob-s.com Thomas

    I also think these are some really great tips and if followed can advance anyone in web design.

    Anything for the beginners?

    I’m new to the web outside of everyday surfing. I decided i wanted my own site in September of 2010. I consider myself to be a quick learner no matter what the challenge is. Especially if it gains my attention. I think i fell in love with web design and all it’s beautiful code and structure. I have been working on my site since September (yes a true beginner) and haven’t gotten anywhere yet. I have been studying books on html, xhtml and i run through the w3c.school everyday. Any advice for a “newbie” thats really eager to advance?

  • http://www.techwench.com techwench

    great which is well depicted one
    thanks!!! for the tips
    …..

  • http://mix-tv-sport.com Edwin

    Great Tips !! Very interested :)
    Thanks for sharing

  • http://www.webdesignkc.co.uk/ Rory

    ANOTHER top tipped article Arfa thanks but you forgot…
    Tip 13 – Work hard
    Tip 14 – Spend 15 hour days infront of your computer

  • Pingback: 11 Aralık 2010 tarihli günümün özeti » Beyn

  • http://tylerherman.com Tyler

    Nicely put. #1 & #2 seem to be the most important. There are a lot of not so great designers out there making good money.

  • Moneko

    Great article, thanks a lot, I will be checking the one regarding prices.

  • Sarunas Savickas

    Greate tips.

  • suraj

    thanks for such a great words. I was actually thnking to give up the designing cz m not getting much work in it and ths was jst killing and was discouraging me from the inner side. So these words of you are just the type of medic for me.

    So thanks for that!

  • Pingback: DYno numbers for I4 and V6 - Page 88 - Genesis BK Forums

  • http://www.vaishnomata.org avnrocky

    Thanks for putting all those information… I like most # 4, 5 & 12

    Thanks alot :D

  • http://inglesnarede.com.br Renato Alves

    I confess that being organized nowadays is a bit of hard. But info showcased above is gonna help me alot in my starting web designer carreer. ;)

  • rahat

    hello ur web site is very good i am learning web disinging course keep it

  • azdrian

    terrific article, keep up the hard work and thanks for sharing !

  • Pingback: nomadscity

  • http://tweakspedia.blogspot.com Shubham

    I think this is the best and complete information for a newbie designer. The best tutorial on web design.

  • http://gifmagic.blogspot.com Jaison

    Wow, these are really cool tips for becoming a successful web designer. I am a newbie going to start freelance web designing. This blog post really inspired me and gave me a general idea. I think now I really know what to do further. Thank you very much for posting.

  • Mayra Bautista

    Im a graphic designer but still working with web page, this article have so may things than maybe i don´t use before, but now i will apply this thanks! ;)

  • http://Bangladesh Ashish Roy

    I want to be a web designer but i am new in this field.So what’s my duty to start.

    • http://www.snaptin.com Ian Yates

      Keep tuning into Webdesigntuts+ of course! We have lots of foundation tutorials planned for the near future. Thanks :)

  • Janna

    Awesome article! Thanks for the reminding about how important organization is!
    http://www.juniordesignjobs.com

  • ff

    ff

  • http://www.facebook.com/lekhrajmahavar Lekh Mahawar

    Thanks

  • Pingback: 網頁設計公司 | 参口創意工作室 | 成功網頁設計師的12個要訣

  • http://www.rujacksalad.com/ BillJohnOnline999

    Very good points you shared about the tips for becoming a successful web designer.

    http://www.rujacksalad.com

  • M Nirmal Anandh

    Very useful points for ecome a web designer…

    http://www.classiblogger.com

  • Robert Lee

    The person wants to be a successful web designer then he/she should keep them updated with new themes or with new technologies.If they learn new things then they can use it into the business.

    http://www.linkedin.com/pub/dir/Rusty/Solomon