{"id":688,"date":"2016-04-19T07:45:21","date_gmt":"2016-04-19T06:45:21","guid":{"rendered":"https:\/\/simonday.com\/web-design-news\/?p=688"},"modified":"2020-01-21T15:23:41","modified_gmt":"2020-01-21T15:23:41","slug":"5-tips-on-how-to-become-a-great-web-designer","status":"publish","type":"post","link":"https:\/\/simonday.com\/news\/5-tips-on-how-to-become-a-great-web-designer\/","title":{"rendered":"5 Tips on how to become a great web designer"},"content":{"rendered":"<p>Being a &#8216;web designer&#8217; has changed SO much over the years. There used to be a clear cut distinction between graphic designer, front-end developer and back-end developer. These days those lines are blurred and have crossed over more than at any other time. So how do you become great when you&#8217;re starting out?<!--more--><\/p>\n<h2>Focus initially on\u00a0becoming great with at\u00a0least one or two coding languages<\/h2>\n<p style=\"text-align: center;\"><a href=\"https:\/\/simonday.com\/web-design-news\/5-tips-on-how-to-become-a-great-web-designer\/\" rel=\"attachment wp-att-700\"><img loading=\"lazy\" decoding=\"async\" class=\"aligncenter size-full wp-image-700\" src=\"https:\/\/simonday.com\/web-design-news\/wp-content\/uploads\/2016\/04\/stand-out-from-crowd.jpg\" alt=\"stand-out-from-crowd\" width=\"583\" height=\"200\" srcset=\"https:\/\/simonday.com\/news\/wp-content\/uploads\/2016\/04\/stand-out-from-crowd.jpg 583w, https:\/\/simonday.com\/news\/wp-content\/uploads\/2016\/04\/stand-out-from-crowd-300x103.jpg 300w\" sizes=\"auto, (max-width: 583px) 100vw, 583px\" \/><\/a><\/p>\n<p>There is a phrase that goes like this: &#8220;Jack of all trades, master of none&#8221;. These days, jobs and contracts are\u00a0chock full of requirements that would require you to be a graphic designer, a web designer, an app developer and a back-end developer all rolled into one.<\/p>\n<p>Many seem to be unrealistic in their requirements but if you can show that you excel in certain areas you&#8217;ll stand more chance of securing freelance work and\/or a job.<\/p>\n<p>HTML(5) and CSS(3) should be main two as a web designer but there are other areas that need at least some knowledge.\u00a0In the last 5 years the role of a web designer pretty much requires a few other tools in your toolbox.\u00a0The other important ones to try to focus on are:<\/p>\n<ul>\n<li>jQuery and Javascript frameworks &#8211; Used on websites, apps and database driven sites. This is the main requirement for most\u00a0jobs now.<\/li>\n<li>Responsive design skills &#8211; Being able to turn a website into a responsive\u00a0one will only get bigger for freelance work.<\/li>\n<li>WordPress \/ CMS &#8211; Many jobs and freelance work require some kind of data-base driven content. Having an understanding of at least one blog and ecommerce platform will not only help you find a job, it will also help you land more freelance jobs.<\/li>\n<\/ul>\n<h2>Learn from other websites<\/h2>\n<p style=\"text-align: center;\"><img loading=\"lazy\" decoding=\"async\" class=\"aligncenter size-full wp-image-701\" src=\"https:\/\/simonday.com\/web-design-news\/wp-content\/uploads\/2016\/04\/learn.jpg\" alt=\"Learn from others\" width=\"500\" height=\"171\" srcset=\"https:\/\/simonday.com\/news\/wp-content\/uploads\/2016\/04\/learn.jpg 500w, https:\/\/simonday.com\/news\/wp-content\/uploads\/2016\/04\/learn-300x103.jpg 300w\" sizes=\"auto, (max-width: 500px) 100vw, 500px\" \/><\/p>\n<p>When I first started back in the 1990&#8217;s there were no books, no courses and very little online help for building a website. What I used to do, when I came across a great website, was to download it, strip\u00a0it apart and then rebuild it from the bottom up to see how the code worked.<\/p>\n<p>Still to this day if I see something on a website and i wonder how they did it, I&#8217;ll either inspect the elements or download the page and strip it down to that section&#8217;s components so I can work out what they did to achieve it.<\/p>\n<p>I&#8217;m not talking about copying someones work, I&#8217;m talking about learning how they did it and applying that knowledge to create your own version on your designs.<\/p>\n<h2>Don&#8217;t stop pushing yourself!<\/h2>\n<p>During the naughties there wasn&#8217;t really much changing in the front-end World. 800&#215;600 was\u00a0the majority\u00a0screen size, IE was the most used browser and a front-end designers couldn&#8217;t really push the limits because they were always restricted by a nameless browser dragging its feet, kicking and screaming, instead of pushing ahead (*Cough* Internet Explorer *Cough).<\/p>\n<p>Over the last few years there has been an explosion of different methodologies, CSS advancements and screen sizes. Browsers (including mobile browsers) are trying much harder to standardise how a website will look across those browsers. CSS3 can do a LOT more than basic CSS and it\u00a0will work across most browsers now instead of the lucky one or two.<\/p>\n<p>There is a lot more to learn now than there was then and new techniques and ideas are coming out all the time. Use sources like <a href=\"https:\/\/www.smashingmagazine.com\/\" target=\"_blank\" rel=\"noopener noreferrer\">Smashing magazine<\/a>, <a href=\"http:\/\/www.webdesignerdepot.com\/\" target=\"_blank\" rel=\"noopener noreferrer\">Web Designer Depot<\/a> and social media to find out what&#8217;s hot and what&#8217;s not. If you don&#8217;t keep up then you&#8217;ll very quickly be left behind!<\/p>\n<h2>You need a\u00a0great Portfolio<\/h2>\n<p style=\"text-align: center;\"><img loading=\"lazy\" decoding=\"async\" class=\"aligncenter size-full wp-image-702\" src=\"https:\/\/simonday.com\/web-design-news\/wp-content\/uploads\/2016\/04\/portfolio.jpg\" alt=\"Build a great portfolio.\" width=\"500\" height=\"229\" srcset=\"https:\/\/simonday.com\/news\/wp-content\/uploads\/2016\/04\/portfolio.jpg 500w, https:\/\/simonday.com\/news\/wp-content\/uploads\/2016\/04\/portfolio-300x137.jpg 300w\" sizes=\"auto, (max-width: 500px) 100vw, 500px\" \/><\/p>\n<p>You don&#8217;t have to have a large portfolio, you just need a few really good examples of your work. If you&#8217;re just starting out and don&#8217;t have a portfolio to show off then here are my suggestions:<\/p>\n<ul>\n<li>Charities are always looking for free help. Approach your local ones and see if any need help with their website.<\/li>\n<li>Create a hobby site. I created <a href=\"http:\/\/www.torbayfishing.com\/\" target=\"_blank\" rel=\"noopener noreferrer\">Torbay Fishing<\/a> back in 2004 and it&#8217;s been my pet project for all those years. I constantly tweak and improve the content and design as a showcase.<\/li>\n<li>Do a &#8220;If they had come to me I would have designed it like this&#8221;. Improve a website and highlight why you did what you did to improve it.<\/li>\n<li>Offer to build a free website on social media. People have little to complain about if it&#8217;s free. Make sure you stipulate what\u00a0it will and will not include.<\/li>\n<\/ul>\n<h2>Treat every client like they&#8217;re your only one<\/h2>\n<p style=\"text-align: center;\"><img loading=\"lazy\" decoding=\"async\" class=\"aligncenter size-full wp-image-703\" src=\"https:\/\/simonday.com\/web-design-news\/wp-content\/uploads\/2016\/04\/phone_call.jpg\" alt=\"Treat clients well.\" width=\"500\" height=\"263\" srcset=\"https:\/\/simonday.com\/news\/wp-content\/uploads\/2016\/04\/phone_call.jpg 500w, https:\/\/simonday.com\/news\/wp-content\/uploads\/2016\/04\/phone_call-300x158.jpg 300w\" sizes=\"auto, (max-width: 500px) 100vw, 500px\" \/><\/p>\n<p>Many web designers get constant work from word-of-mouth and I&#8217;m no exception. Most of the websites I&#8217;ve built over the years have come from word of mouth. Even after the work is done I keep engaging with my clients, asking them how it&#8217;s going, do they have any questions and so on. I try to reply to all emails within an hour. If I&#8217;m out and about I&#8217;ll send them a quick email to let them know I can&#8217;t answer now but I will as soon as I get back.<\/p>\n<p>If a client wants an update I don&#8217;t charge a fortune for it and I try to do it the same day. NOTHING is worth more than having people out there in the big wide World singing your praises!<\/p>\n<p>I hope these tips help anyone starting out in todays crazy World of web design&#8230;<\/p>\n<p><strong>Image sources:<\/strong><\/p>\n<p>Stand out:\u00a0http:\/\/www.dreamsmanpower.com\/<\/p>\n<p>Phone:\u00a0<a href=\"http:\/\/vitaver.com\/blog\/wp-content\/uploads\/2010\/09\/phone_interview.jpg\" target=\"_blank\" rel=\"noopener noreferrer\">http:\/\/vitaver.com\/<\/a><\/p>\n","protected":false},"excerpt":{"rendered":"<p>Being a &#8216;web designer&#8217; has changed SO much over the years. There used to be a clear cut distinction between graphic designer, front-end developer and back-end developer. These days those lines are blurred and have crossed over more than at any other time. So how do you become great when you&#8217;re starting out?<\/p>\n","protected":false},"author":2,"featured_media":703,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[2],"tags":[30,20],"class_list":["post-688","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-help-guide","tag-tips","tag-web-design"],"_links":{"self":[{"href":"https:\/\/simonday.com\/news\/wp-json\/wp\/v2\/posts\/688","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/simonday.com\/news\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/simonday.com\/news\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/simonday.com\/news\/wp-json\/wp\/v2\/users\/2"}],"replies":[{"embeddable":true,"href":"https:\/\/simonday.com\/news\/wp-json\/wp\/v2\/comments?post=688"}],"version-history":[{"count":33,"href":"https:\/\/simonday.com\/news\/wp-json\/wp\/v2\/posts\/688\/revisions"}],"predecessor-version":[{"id":2984,"href":"https:\/\/simonday.com\/news\/wp-json\/wp\/v2\/posts\/688\/revisions\/2984"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/simonday.com\/news\/wp-json\/wp\/v2\/media\/703"}],"wp:attachment":[{"href":"https:\/\/simonday.com\/news\/wp-json\/wp\/v2\/media?parent=688"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/simonday.com\/news\/wp-json\/wp\/v2\/categories?post=688"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/simonday.com\/news\/wp-json\/wp\/v2\/tags?post=688"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}