CINXE.COM

<!DOCTYPE html>      <html class="no-js" lang="en">  <head> <meta charset="utf-8"> <meta name="google-site-verification" content="fqJX0wxdwkSs2p5fBVcTFOo0LU7yUwZJ4o1Y9dmSuYk"> <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1"> <title>How to Design a Killer Website from Scratch | Business Sidekick</title>  <link rel="dns-prefetch" href="//cdn.livechatinc.com"> <link rel="dns-prefetch" href="//cdnx.livechatinc.com"> <link rel="dns-prefetch" href="//secure-lc.livechatinc.com"> <link rel="dns-prefetch" href="//www.google-analytics.com"> <link rel="dns-prefetch" href="//fonts.googleapis.com"> <link rel="dns-prefetch" href="//fonts.gstatic.com"> <link rel="preconnect" href="//cdnx.livechatinc.com" crossorigin> <script> (function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){ (i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*new Date();a=s.createElement(o), m=s.getElementsByTagName(o)[0];a.async=1;a.src=g;m.parentNode.insertBefore(a,m) })(window,document,'script','//www.google-analytics.com/analytics.js','ga'); ga('create', 'UA-193291-1', 'auto'); ga('create', 'UA-193291-34', 'auto', 'allSubdomains'); ga('send', 'pageview'); ga('global.send', 'pageview'); </script> <script type="text/javascript"> var siteUrl = 'https://www.livechat.com'; var apiUrl = 'https://api.livechatinc.com/'; var accountsUrl = 'https://accounts.livechat.com'; var siteUrlSecure = 'https://www.livechat.com'; var livechatNextUrl = 'https://my.livechatinc.com'; var isLogged = ''; var ajax = { "url": "https://www.livechat.com/wordpress/wp-admin/admin-ajax.php", "token": "00cd24efdc" }; var siteUrlSecure = 'https://www.livechat.com'; var isMobile = (window.innerWidth <= 800 && window.innerHeight <= 750); var currentPageTitle = 'How to Design a Killer Website from Scratch'; </script><link rel="apple-touch-icon" sizes="57x57" href="https://www.livechat.com/wp-content/themes/livechat2.0/media/img/apple-touch-icons/Icon-57.png"> <link rel="apple-touch-icon" sizes="114x114" href="https://www.livechat.com/wp-content/themes/livechat2.0/media/img/apple-touch-icons/Icon-57@2x.png"> <link rel="apple-touch-icon" sizes="72x72" href="https://www.livechat.com/wp-content/themes/livechat2.0/media/img/apple-touch-icons/Icon-24@3x.png"> <link rel="apple-touch-icon" sizes="144x144" href="https://www.livechat.com/wp-content/themes/livechat2.0/media/img/apple-touch-icons/apple-touch-icon-144x144.png"> <link rel="apple-touch-icon" sizes="60x60" href="https://www.livechat.com/wp-content/themes/livechat2.0/media/img/apple-touch-icons/Icon-60.png"> <link rel="apple-touch-icon" sizes="180x180" href="https://www.livechat.com/wp-content/themes/livechat2.0/media/img/apple-touch-icons/Icon-60@3x.png"> <link rel="apple-touch-icon" sizes="120x120" href="https://www.livechat.com/wp-content/themes/livechat2.0/media/img/apple-touch-icons/Icon-60@2x.png"> <link rel="apple-touch-icon" sizes="76x76" href="https://www.livechat.com/wp-content/themes/livechat2.0/media/img/apple-touch-icons/Icon-76.png"> <link rel="apple-touch-icon" sizes="152x152" href="https://www.livechat.com/wp-content/themes/livechat2.0/media/img/apple-touch-icons/Icon-76@2x.png"><script type="application/ld+json"> { "@context": "http://schema.org", "@type": "Organization", "name": "LiveChat", "url" : "https://www.livechat.com", "logo": "https://cdn.livechatinc.com/website/media/img/logo_small@2x.png", "sameAs" : [ "http://www.facebook.com/livechat", "http://www.twitter.com/livechat", "http://plus.google.com/113792782105766577434" ], "potentialAction": { "@type": "SearchAction", "target": "https://www.livechat.com/?s={search_term_string}", "query-input": "required name=search_term_string" } } </script> <link href='https://fonts.googleapis.com/css?family=Lato:100,300,400,700,900,300italic,400italic&display=swap' rel='stylesheet' type='text/css'> <link rel="stylesheet" href="https://www.livechat.com/wp-content/themes/livechat2.0/media/css/styles.css?v=1730884175" type="text/css">   <link rel="shortcut icon" href="https://www.livechat.com/wp-content/themes/livechat2.0/media/img/fav.ico"> <meta name="viewport" content="width=device-width, initial-scale=1"> <link rel="alternate" type="application/rss+xml" title="LiveChat Blog" href="https://www.livechat.com/feed/" />  <meta name="description" content="From today's episode, you'll learn why making a user-friendly, easy to use, and delightful website translates into traffic."/> <meta name="robots" content="noodp"/> <link rel="canonical" href="https://www.livechat.com/podcast/how-to-design-a-killer-website/" /> <link rel="publisher" href="https://plus.google.com/113792782105766577434/posts"/> <meta property="og:locale" content="en_US" /> <meta property="og:type" content="article" /> <meta property="og:title" content="How to Design a Killer Website from Scratch" /> <meta property="og:description" content="From today's episode, you'll learn why making a user-friendly, easy to use, and delightful website translates into traffic." /> <meta property="og:url" content="https://www.livechat.com/podcast/how-to-design-a-killer-website/" /> <meta property="og:site_name" content="LiveChat" /> <meta property="article:publisher" content="https://www.facebook.com/livechat" /> <meta property="og:image" content="https://www.livechat.com/wp-content/uploads/2016/04/killer-website@2x.png" /> <meta name="twitter:card" content="summary_large_image" /> <meta name="twitter:description" content="From today's episode, you'll learn why making a user-friendly, easy to use, and delightful website translates into traffic." /> <meta name="twitter:title" content="How to Design a Killer Website from Scratch | Business Sidekick" /> <meta name="twitter:site" content="@LiveChat" /> <meta name="twitter:image" content="https://www.livechat.com/wp-content/uploads/2016/04/killer-website@2x.png" /> <meta name="twitter:creator" content="@Ms_Polaczyk" /> <meta property="DC.date.issued" content="2016-04-15T13:29:07+01:00" />  <link rel='dns-prefetch' href='//cdn.livechat-static.com' /> <link rel='dns-prefetch' href='//s.w.org' /> <link rel='dns-prefetch' href='//dal-livechat-main-web.s3.amazonaws.com' /> <link rel='https://api.w.org/' href='https://www.livechat.com/wp-json/' /> <link rel="EditURI" type="application/rsd+xml" title="RSD" href="https://www.livechat.com/wordpress/xmlrpc.php?rsd" /> <link rel="wlwmanifest" type="application/wlwmanifest+xml" href="https://www.livechat.com/wordpress/wp-includes/wlwmanifest.xml" /> <link rel='shortlink' href='https://www.livechat.com/?p=92096' /> <script>!function(e){var n="https://s.go-mpulse.net/boomerang/";if("False"=="True")e.BOOMR_config=e.BOOMR_config||{},e.BOOMR_config.PageParams=e.BOOMR_config.PageParams||{},e.BOOMR_config.PageParams.pci=!0,n="https://s2.go-mpulse.net/boomerang/";if(window.BOOMR_API_key="8L66E-G78CE-AA2C4-Y3KRA-CM3E6",function(){function e(){if(!o){var e=document.createElement("script");e.id="boomr-scr-as",e.src=window.BOOMR.url,e.async=!0,i.parentNode.appendChild(e),o=!0}}function t(e){o=!0;var n,t,a,r,d=document,O=window;if(window.BOOMR.snippetMethod=e?"if":"i",t=function(e,n){var t=d.createElement("script");t.id=n||"boomr-if-as",t.src=window.BOOMR.url,BOOMR_lstart=(new Date).getTime(),e=e||d.body,e.appendChild(t)},!window.addEventListener&&window.attachEvent&&navigator.userAgent.match(/MSIE [67]\./))return window.BOOMR.snippetMethod="s",void t(i.parentNode,"boomr-async");a=document.createElement("IFRAME"),a.src="about:blank",a.title="",a.role="presentation",a.loading="eager",r=(a.frameElement||a).style,r.width=0,r.height=0,r.border=0,r.display="none",i.parentNode.appendChild(a);try{O=a.contentWindow,d=O.document.open()}catch(_){n=document.domain,a.src="javascript:var d=document.open();d.domain='"+n+"';void(0);",O=a.contentWindow,d=O.document.open()}if(n)d._boomrl=function(){this.domain=n,t()},d.write("<bo"+"dy onload='document._boomrl();'>");else if(O._boomrl=function(){t()},O.addEventListener)O.addEventListener("load",O._boomrl,!1);else if(O.attachEvent)O.attachEvent("onload",O._boomrl);d.close()}function a(e){window.BOOMR_onload=e&&e.timeStamp||(new Date).getTime()}if(!window.BOOMR||!window.BOOMR.version&&!window.BOOMR.snippetExecuted){window.BOOMR=window.BOOMR||{},window.BOOMR.snippetStart=(new Date).getTime(),window.BOOMR.snippetExecuted=!0,window.BOOMR.snippetVersion=12,window.BOOMR.url=n+"8L66E-G78CE-AA2C4-Y3KRA-CM3E6";var i=document.currentScript||document.getElementsByTagName("script")[0],o=!1,r=document.createElement("link");if(r.relList&&"function"==typeof r.relList.supports&&r.relList.supports("preload")&&"as"in r)window.BOOMR.snippetMethod="p",r.href=window.BOOMR.url,r.rel="preload",r.as="script",r.addEventListener("load",e),r.addEventListener("error",function(){t(!0)}),setTimeout(function(){if(!o)t(!0)},3e3),BOOMR_lstart=(new Date).getTime(),i.parentNode.appendChild(r);else t(!1);if(window.addEventListener)window.addEventListener("load",a,!1);else if(window.attachEvent)window.attachEvent("onload",a)}}(),"".length>0)if(e&&"performance"in e&&e.performance&&"function"==typeof e.performance.setResourceTimingBufferSize)e.performance.setResourceTimingBufferSize();!function(){if(BOOMR=e.BOOMR||{},BOOMR.plugins=BOOMR.plugins||{},!BOOMR.plugins.AK){var n=""=="true"?1:0,t="",a="anvkalixfa2bwz2btmfa-f-39094dcf0-clientnsv4-s.akamaihd.net",i="false"=="true"?2:1,o={"ak.v":"39","ak.cp":"940527","ak.ai":parseInt("603696",10),"ak.ol":"0","ak.cr":1,"ak.ipv":4,"ak.proto":"h2","ak.rid":"b8fff4df","ak.r":50143,"ak.a2":n,"ak.m":"b","ak.n":"essl","ak.bpcip":"8.222.208.0","ak.cport":51640,"ak.gh":"23.39.111.27","ak.quicv":"","ak.tlsv":"tls1.3","ak.0rtt":"","ak.0rtt.ed":"","ak.csrc":"-","ak.acc":"","ak.t":"1732352778","ak.ak":"hOBiQwZUYzCg5VSAfCLimQ==YakLShqfG2iZFoUZRc4SMHovAL2Wrq/aFO2PGN3LtgCa3hGTLUL/nYauzVJAw3d9BE7sUsHVy+oHBWhhAxBHb/y6PQsagFZGCAKcUy/EqZxCMSn0QZmiiqkaCD4hgf67Mg+1cCZszwdlaXdAAoR7WJhNY0iilYhQ1XGc6XYor05vI4AhFff+CDnCcYig9NvNaDYIgJb6up+Cx1TihBaptewZGJiExfu6apHIiFVcUkNA1q/1lrTo+xcl0bW+8qWL5NzGf8QQCXUwIxu7PWWX5GivhS3q9WC8UAmddFsh8t7YRMQ10j50Uy3MNWraZiIvGJv6lxLxmwn+SFt/Zl1SbH+R53Vah7w6dDM4H2P6HSEwAGNYKzVLyhSOY8kp0BncMyLErrITLXrqKDcEG+zCKpCFIc3wIu+KNHv3LzSaLqw=","ak.pv":"43","ak.dpoabenc":"","ak.tf":i};if(""!==t)o["ak.ruds"]=t;var r={i:!1,av:function(n){var t="http.initiator";if(n&&(!n[t]||"spa_hard"===n[t]))o["ak.feo"]=void 0!==e.aFeoApplied?1:0,BOOMR.addVar(o)},rv:function(){var e=["ak.bpcip","ak.cport","ak.cr","ak.csrc","ak.gh","ak.ipv","ak.m","ak.n","ak.ol","ak.proto","ak.quicv","ak.tlsv","ak.0rtt","ak.0rtt.ed","ak.r","ak.acc","ak.t","ak.tf"];BOOMR.removeVar(e)}};BOOMR.plugins.AK={akVars:o,akDNSPreFetchDomain:a,init:function(){if(!r.i){var e=BOOMR.subscribe;e("before_beacon",r.av,null,null),e("onbeacon",r.rv,null,null),r.i=!0}return this},is_complete:function(){return!0}}}}()}(window);</script></head> <body class="wide-tpl hideEC page podcast-template-default single single-podcast postid-92096 podcast_how-to-design-a-killer-website podcast landing-framework" > <div id="rd-menu" class="rdHide"> <div id="menu-btn"></div> <div id="navigation"> <aside> <nav> <ul id="sections"> <li class="section half"> <a href="/podcast/">Episodes</a> </li> <li class="section half"> <a href="https://itunes.apple.com/us/podcast/business-sidekick-livechat/id1097865417" target="_blank" rel="noopener noreferrer">iTunes</a> </li> <li class="section half"> <a href="/podcast-guests/">Our Guests</a> </li> <li class="section half"> <a href="https://soundcloud.com/business-sidekick" target="_blank" rel="noopener noreferrer">SoundCloud</a> </li> <li class="section separator"></li> <li class="section"><a href="https://www.livechat.com/podcast/category/business-psychology/">Business Psychology</a></li> <li class="section"><a href="https://www.livechat.com/podcast/category/content-marketing/">Content Marketing</a></li> <li class="section"><a href="https://www.livechat.com/podcast/category/customer-service/">Customer Service</a></li> <li class="section"><a href="https://www.livechat.com/podcast/category/lead-generation/">Lead Generation</a></li> <li class="section"><a href="https://www.livechat.com/podcast/category/marketing/">Marketing</a></li> <li class="section"><a href="https://www.livechat.com/podcast/category/sales/">Sales</a></li> <li class="section"><a href="https://www.livechat.com/podcast/category/social-media/">Social Media</a></li> <li class="section separator"></li> <li class="section"> <a href="https://accounts.livechat.com/signup?source_id=podcast_menu&source_type=website&source_url=https://www.livechat.com/podcast/how-to-design-a-killer-website/" onclick="Stats.push();">LiveChat Free Trial</a> </li> </ul> </nav> </aside> </div> </div>  <script type="x-template" id="modal-signup-template"> <div class="js--Modal"> <div class="Modal--background js--closeModal"> <div class="Modal__cloud Modal__cloud--a"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 123.69 61.38" class="cloud"><defs><style>.cls-1{opacity:0.5;}.cls-2{fill:#fff;}</style></defs><g class="cls-1"><rect class="cls-2" y="35.42" width="123.69" height="25.96" rx="12.98" ry="12.98"/><circle class="cls-2" cx="44.27" cy="30.28" r="30.28"/><circle class="cls-2" cx="81.52" cy="35.27" r="23.97"/></g></svg></div> <div class="Modal__cloud Modal__cloud--b"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 123.69 61.38" class="cloud"><defs><style>.cls-1{opacity:0.5;}.cls-2{fill:#fff;}</style></defs><g class="cls-1"><rect class="cls-2" y="35.42" width="123.69" height="25.96" rx="12.98" ry="12.98"/><circle class="cls-2" cx="44.27" cy="30.28" r="30.28"/><circle class="cls-2" cx="81.52" cy="35.27" r="23.97"/></g></svg></div> <div class="Modal__cloud Modal__cloud--c"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 123.69 61.38" class="cloud"><defs><style>.cls-1{opacity:0.5;}.cls-2{fill:#fff;}</style></defs><g class="cls-1"><rect class="cls-2" y="35.42" width="123.69" height="25.96" rx="12.98" ry="12.98"/><circle class="cls-2" cx="44.27" cy="30.28" r="30.28"/><circle class="cls-2" cx="81.52" cy="35.27" r="23.97"/></g></svg></div> <div class="Modal__cloud Modal__cloud--d"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 123.69 61.38" class="cloud"><defs><style>.cls-1{opacity:0.5;}.cls-2{fill:#fff;}</style></defs><g class="cls-1"><rect class="cls-2" y="35.42" width="123.69" height="25.96" rx="12.98" ry="12.98"/><circle class="cls-2" cx="44.27" cy="30.28" r="30.28"/><circle class="cls-2" cx="81.52" cy="35.27" r="23.97"/></g></svg></div> </div> <div class="Modal"> <div class="Modal__close js--closeModal"> <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 101.59 101.59"><line x1="2" y1="2" x2="99.59" y2="99.59" fill="none" stroke="#fff" stroke-linecap="round" stroke-linejoin="round" stroke-width="4"/><line x1="2" y1="99.59" x2="99.59" y2="2" fill="none" stroke="#fff" stroke-linecap="round" stroke-linejoin="round" stroke-width="4"/></svg> </div> <div class="Modal__heading"> <img src="https://www.livechat.com/wp-content/themes/livechat2.0/media/img/blog/flying-envelope.svg" alt=""/> <h2>Get the latest customer service and ecommerce pieces!</h2> </div> <form id="modal-signup" class="Modal__form js--formModal" method="POST" novalidate action="//livechatinc.us2.list-manage.com/subscribe/post?u=9c5eb54aa9b2efe23531b3e09&id=81e2dd92da" target="_blank" data-parsley-validate> <div class="Modal__checkbox"> <div> <input id="checkbox-1" class="checkbox-custom" name="group[9][2]" type="checkbox" checked> <label for="checkbox-1" class="checkbox-custom-label">Blog</label> <div>Around three articles a week</div> </div> <div> <input id="checkbox-3" class="checkbox-custom" name="group[9][4]" type="checkbox"> <label for="checkbox-3" class="checkbox-custom-label">Newsletter</label> <div>A pile of knowledge once a month</div> </div> </div> <div class="Modal__form__submit"> <div> <input name="EMAIL" type="email" placeholder="Enter your email address…" autocapitalize="off" autocorrect="off" required> </div> <button type="submit">Keep Me posted</button> </div> <div class="Modal__form__disclaimer"> We won’t share your email with anyone.<br> <a href="#" class="js--closeModal">Close this window</a> </div> </form> </div> </div> </script> <header class="logo"> <div class="container-1200"> <div id="logo"> <a class="logo noleft" href="https://www.livechat.com/">LiveChat</a> <a class="Pd__logo" href="https://www.livechat.com/podcast/" id="podcast_home_link">Podcast</a> </div> <nav id="nav-wrapper" class="hidden-xs push-20-t"> <ul id="nav" class="use-trans rdShow pull-left"> <li class="no-hover"> <a href="/podcast-guests/" class="parent">Our Guests</a> </li> <li class="hover"> <a href="#" class="parent"><span class="ico-arrow-down"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 7.5 5.85"><polygon points="0 0 7.5 0 3.75 5.85 0 0" /></svg></span>Categories</a> <div class="shadow-fix"></div> <div class="submenu"> <ul> <li><a href="https://www.livechat.com/podcast/category/business-psychology/">Business Psychology</a></li> <li><a href="https://www.livechat.com/podcast/category/content-marketing/">Content Marketing</a></li> <li><a href="https://www.livechat.com/podcast/category/customer-service/">Customer Service</a></li> <li><a href="https://www.livechat.com/podcast/category/lead-generation/">Lead Generation</a></li> <li><a href="https://www.livechat.com/podcast/category/marketing/">Marketing</a></li> <li><a href="https://www.livechat.com/podcast/category/sales/">Sales</a></li> <li><a href="https://www.livechat.com/podcast/category/social-media/">Social Media</a></li> </ul> </div> </li> <li class="no-hover"> <a href="/podcast-wallpapers/" class="parent">Wallpapers</a> </li> <li class="no-hover"> <a target="_blank" href="https://soundcloud.com/business-sidekick" class="parent">SoundCloud</a> </li> <li class="no-hover"> <a target="_blank" href="https://podcasts.apple.com/us/podcast/business-sidekick-livechat/id1097865417" class="parent">iTunes</a> </li> </ul> <a target="_blank" class="pull-right" href="/?feed=podcast"><img src="https://www.livechat.com/wp-content/themes/livechat2.0/media/img/podcast/rss.svg" alt="" height="28"></a> <div class="js-PodcastEmailsignup" data-text="Subscribe" data-class="push-10-r"></div> </nav> </div> </header> <div class="Pd__header Pd__header--single" style="background:#3D8558 url('https://www.livechat.com/wp-content/uploads/2016/04/designing-killer-website-01.svg') center 15% no-repeat ;background-size:contain;"> <div class="Pd__player"> <div class="container-1200"> <div class="col-md-12 remove-padding push-10-l"> <h1>BUSINESS SIDEKICK</h1> <strong>#02: <span class="uppercase">How to Design a Killer Website from Scratch</span></strong> <div class="Pd__player__date">15 April 2016</div> </div> <div class="Pd__player--module"> <div class="pcast-player-controls"> <button class="pcast-play"><i class="fa fa-play fa-2x"></i><span>Play</span></button> <button class="pcast-pause"><i class="fa fa-pause fa-2x"></i><span>Pause</span></button> <span class="pcast-currenttime pcast-time">00:00</span> <progress class="pcast-progress" value="1"></progress> <span class="pcast-duration pcast-time">00:00</span> <span class="pcast-time"><a href="#transcript">CC</a></span> <span class="pcast-download"><a href="https://api.soundcloud.com/tracks/259657899/download?client_id=qlKeWbcDRaxqxzQXWt2t0Si1Vv8zQ18f">Download</a></span> <button class="pcast-mute hidden-xs hidden-sm"><i class="fa fa-volume-up fa-2x"></i><span>Mute/Unmute</span></button> </div> <script src='//w.soundcloud.com/player/api.js'></script> <iframe class="Pd__soundcloud" style="display: none;" width="100%" height="200" scrolling="no" frameborder="no" src="https://w.soundcloud.com/player/?url=https%3A//api.soundcloud.com/tracks/259657899"></iframe> </div> </div> </div> </div> <section class="Pd__description"> <div class="container"> <div class="row push-50 push-50-t"> <div class="col-md-6 Pd__social"> <h4>share:</h4> <div id="podcast-social-media" > <div class="Pd__social__item" id="twitter" data-url="https://www.livechat.com/podcast/how-to-design-a-killer-website/" data-text="How to Design a Killer Website from Scratch"></div> <div class="Pd__social__item" id="linkedin" data-url="https://www.livechat.com/podcast/how-to-design-a-killer-website/" data-text="New #podcast How to Design a Killer Website from Scratch #marketing #business"></div> <div class="Pd__social__item" id="facebook" data-url="https://www.livechat.com/podcast/how-to-design-a-killer-website/" data-text="New #podcast How to Design a Killer Website from Scratch #marketing #business"></div> <div class="Pd__social__item" id="googleplus" data-url="https://www.livechat.com/podcast/how-to-design-a-killer-website/" data-text="New #podcast How to Design a Killer Website from Scratch #marketing #business"></div> </div> </div> <div class="col-md-6 push-50-t push-5"> <a href="https://itunes.apple.com/us/podcast/business-sidekick-livechat/id1097865417" class="g-Button--green pull-right">Subscribe on iTunes</a> </div> </div> <blockquote>“Regardless of whether you’re going to build your website by your own or you’re going to outsource it, you should be aware of these facts.”</blockquote> <p> From today’s episode you’ll learn: </p> <ul> <li>why making a user-friendly, easy to use, and delightful website translates into traffic,</li> <li>why making a good research is so important,</li> <li>how to evaluate if a website is effective,</li> <li>what are the basic tips on making a good website,</li> <li>why constant improvement of your website is important for your PR.</li> </ul> <p> You’ll also hear two quick chats I had with Ania, a UX designer, and Julia, a graphic designer. </p> <p> Enjoy! </p> <h4 class="push-50-t push-15">Podcast transcript</h4><div id="transcript" class="animated fadeIn"> <p> Hi all! Welcome to the second episode of Business Sidekick! </p> <p> In the latest episode, I was talking about how you can spy on your competition. I told you about best spy tools, and I have shared with you LiveChat ways of gathering feedback from customers. </p> <p> From today’s episode of Business Sidekick, you’ll learn how to make sure that your website it’s <strong>effective, user-friendly and fetching.</strong> I’ve asked our website experts to share with you theirs knowledge about web design and user experience. </p> <p> Regardless of whether you’re going to build your website by your own or you’re going to outsource it, <strong>you should be aware of the facts we are going to discuss today.</strong> </p> <hr> <p> You have probably seen at least a couple of really seductive websites that you didn’t want to leave. Maybe you liked the gallery of Mulberry handbags or maybe you couldn’t stop browsing through KFC menu trying to decide what to order. </p> <p> There is something that makes those websites awesome, and it’s not only the looks: it’s the design. Design, that was made for you – a website visitor. </p> <p> User experience design, or UX design is all about <strong>useful, easy to use, and delightful websites</strong>. I would say that it’s just as important as the visual identity. The reason is simple: you can have the best application or the most beautiful website in the world, but it doesn’t matter if people don’t know how to interact with it. </p> <p> Here’s a quick chat I had with Ania, our UX designer, about the basics of user experience design on e-commerce websites. </p> <hr> <p><strong> Justyna:</strong> Can you tell us what’s the mysterious UX? </p> <p><strong> Ania:</strong> Well, UX is user experience, and basically it consists of all aspects of the user’s interactions with your website or product. </p> <p><strong> Justyna:</strong> So as a UX designer, your mission is to make a website user-friendly. </p> <p><strong> Ania:</strong> Exactly. </p> <p><strong> Justyna:</strong> Can you give us few tips on how to create such website? </p> <p><strong> Ania:</strong> Yes, first of all do a proper market research. You need to learn what your customers like… or maybe not and what are their needs. </p> <p><strong> Justyna:</strong> You already know that guys, because you have listened to the <a href="https://www.livechat.com/podcast/how-to-do-market-research-and-beat-the-competition/" target="_blank">previous episode of Business Sidekick</a>! </p> <p><strong> Ania:</strong> Also don’t forget about your competitors because sometimes checking their websites, or products, to find the common features may be really helpful. For example, you can go to an online store with clothes and see how they handle with the navigation bar, what are the categories, sections… </p> <p><strong> Justyna:</strong> OK, when we were talking about this previously, you said that navigation bar is very important. </p> <p><strong> Ania:</strong> Yes, because your customers should be able to properly navigate through your website and of course without any trouble or even without, you know, too much thinking about. </p> <p><strong> Justyna:</strong> It should be natural! </p> <p><strong> Ania:</strong> Yes! </p> <p><strong> Justyna:</strong> Are there any best practices to create a good navigation bar? </p> <p><strong> Ania:</strong> Yes, you can create something that is called information architecture and basically it’s about organizing the content meaningfully, so when you go to – again – online store with clothes, you can see different categories for women, for men, for kids for example and that’s, basically speaking, the information architecture. </p> <p><strong> Justyna:</strong> OK, so how about pricing, “about” sites… </p> <p><strong> Ania:</strong> Well, it depends on the industry. For example we have software… </p> <p><strong> Justyna:</strong> You’re talking about our LiveChat site? </p> <p><strong> Ania:</strong> Of course, because we’re the best! </p> <p><strong> Justyna:</strong> Yeah, we are! </p> <p><strong> Ania:</strong> What’s important for us and for our customers is all the information about product, so features, integrations, pricing and maybe some case studies, opinions from our customers and all that stuff. </p> <p><strong> Justyna:</strong> It makes a website more user-friendly. Is there anything else? </p> <p><strong> Ania:</strong> Yes. Visual design. You need to remember about readability and transparency. U can use different colors, different sizes of elements and different fonts to highlight the most importants things. Play with contrast (but not too much, because your site still needs to be easy to read) and of course you can separate different content visually. So for example you can create some columns and larger column has more important information, right? </p> <p><strong> Justyna:</strong> Yes, and the most important is call to action, isn’t it? </p> <p><strong> Ania:</strong> It’s very important. You should always have it. When it comes to call to action, it should be visible at the glance. The best example is checkout process in online store as there’s one particular action for users and of course important for you, and it’s checkout. User needs to do some shopping and pay for it. And really helpful are the call to action buttons which need to stand out. Maybe you can use red color when you have white or blue website. To sum it up, as long as you understand your users and do a market research and follow the rules I’ve mentioned before, so navigation and information architecture, your product probably will meet your customers need and sell itself. But don’t sit back and relax! Only constant optimization will result in returning and loyal customers. Even if someone is designing the site for you, you can always check it, because you have knowledge right now! </p> <p><strong> Justyna:</strong> It’s a great mistake, isn’t it? That people are creating their websites and they don’t do anything with it for years. </p> <p><strong> Ania:</strong> Yes, it’s actually kind of sad when I’m searching through the Internet and I come to the website that looks like… OMG, it’s so 2002! </p> <p><strong> Justyna:</strong> Exactly! So, guys, remember about market research, check your competitors and remember about… </p> <p><strong> Ania:</strong> 2016! </p> <p><strong> Justyna:</strong> Yes, 2016! Good luck! Thank you, Ania! </p> <p><strong> Ania:</strong> Thank you. </p> <hr> <p> Let’s sum it up: do your market research. Checking out your competitor’s websites can be inspiring for you. Make sure that your landing pages are optimized for users and that they have simple navigation and clear calls to actions. </p> <p> And, once you have your website ready, <strong>try to test how does it work for you.</strong> </p> <ul> <li> Do you like the way you can browse through products? </li> <li> Do you have any problems with adding products to a cart? </li> <li> Does a payment go smoothly? </li> <li> Are there any unnecessary steps you could remove from the buying process? </li></ul> <p> These are the questions you should ask yourself if you want your website to be usable and customer-friendly. And don’t worry, you don’t have to have a great UX knowledge to evaluate if the website is usable or not. </p> <hr> <p> The next step in creating our website is thinking about visuals. Visuals are as important as a copy that you’re going to publish on your website, so let’s listen to tips from Julia, our graphic designer. </p> <p><strong> Justyna:</strong> Can you tell something about the basics of designing a website? What should a person that wants to have a nice website do? </p> <p><strong> Julia:</strong> So, first of all do market research to find what your competitors do. But remember: do not copy. Your website has to be unique. There are lot of platforms like <a href="https://dribbble.com/" target="_blank">Dribbble</a> or <a href="https://www.behance.net/" target="_blank">Behance</a> where you can find professional designers and this is a perfect place for looking for the newest trends in designing. </p> <p><strong> Justyna:</strong> And inspiration as well. Can you tell us why do website needs to be so trendy and fresh? </p> <p><strong> Julia:</strong> It has to be eye-catchy so visitors want to explore your website and spend their time there. If your website is unattractive and old-fashioned, it also means that maybe you don’t care about improving your product or services. </p> <p><strong> Justyna:</strong> OK, can you give me some basic tips on website design? </p> <p><strong> Julia:</strong> Design has to be simple. You should avoid using some unnecessary elements. You should use few fonts and simple color pallette. Maybe three, four colors… </p> <p><strong> Justyna:</strong> And how many fonts? </p> <p><strong> Julia:</strong> Also around three, four. Not more, it’s maximum. If you decide to use some pale colors, stay with that. Don’t mix it with any other bright colors. </p> <p><strong> Justyna:</strong> Is there a website where you can download free fonts? </p> <p><strong> Julia:</strong> There is one, which I really like to use. It’s <a href="https://www.fontsquirrel.com/" target="_blank">Font Squirrel</a>. You can find there a lot of fonts for free commercial use. </p> <p><strong> Justyna:</strong> And how about pictures? If someone wants to find nice graphics or photos for commercial use, are there any sites where you can find them? </p> <p><strong> Julia:</strong> Yes, there are few, for example <a href="http://pixabay.com" target="_blank">Pixabay</a>, <a href="https://unsplash.com/" target="_blank">Unsplash</a> or <a href="https://www.flickr.com/" target="_blank">Flickr</a>. </p> <hr> <p> Julia, as well as Ania, recommends doing a market research, checking your competitor’s websites and thinking about what you like and what would fit your brand’s personality. </p> <p> Don’t use <strong>huge images</strong> if you don’t want your website to be slow. Always use graphics and pictures that fit the content and, for heaven’s sake, don’t use anything that blinks, flashes or rotates! Don’t ask why, just believe me that it’s terrible :) </p> <p> Remember about <strong>whitespace</strong> so a website looks clear and aesthetic. Try to <strong>limit the number of different fonts</strong> to 3 and <strong>stick to the standard font families</strong>. I know that sticking to Helvetica or Arial might sound boring, but thanks to this your website will look correct on more browsers. </p> <hr> <p> Last but not least, it’s time for the technical aspects of your website. </p> <p> If you’re crazy enough to try to build a website by your own, you need to get your domain name, choose your web host and create your website, for example on <a href="https://wordpress.com/" target="_blank">WordPress</a>. </p> <p> You have to select a shopping cart, choose your e-commerce platform so your customers can easily buy your products or services. </p> <p> Then you need to set up your store and set up a payment gateway. Oh, and you need to remember about the security because your customers will leave their credit card details on your website. </p> <p> It’s a lot of things to remember, isn’t it? </p> <p> The good thing is that you don’t have to know which hosting is the best. Or what would be a better e-commerce platform for you: <a href="https://www.livechat.com/integrations/e-commerce/shopify-live-chat/" target="_blank">Shopify</a> or <a href="https://www.livechat.com/integrations/e-commerce/bigcommerce/" target="_blank">Bigcommerce</a>. </p> <p> Luckily, there are other ways to watch over the process of building a website. </p> <p> There are companies like <a href="https://www.livechat.com/integrations/e-commerce/wix/" target="_blank">Wix</a>, <a href="https://www.livechat.com/integrations/cms/godaddy/" target="_blank">Godaddy</a> or <a href="https://www.livechat.com/integrations/cms/squarespace-live-chat/" target="_blank">Squarespace</a> that will get you covered. </p> <p> They will make sure that you will get a professional website that will meet your customers’ needs, but it doesn’t mean that your job is done here. </p> <p> Before you approve the project, you need to put yourself in your customers’ shoes and test your new website carefully. </p> <p> Ask yourself a couple of questions: do visuals capture the spirit of your brand? Is the website aesthetic and clear? Is it easy and intuitive to navigate through your website? Can you purchase a product or service without a problem? </p> <p> Remember that other companies might be better in making websites or creating payment platforms, but <strong>you are the only person that know your business best.</strong> </p> <hr> <p> OK That’s all folks! </p> <p> Thanks for listening, I hope you’ve learned something valuable from today’s episode. If you have any questions or requests, leave a comment! </p> <p> For more information about Business Sidekick check out our website livechatinc.com/podcast. Don’t forget to sign up for email notifications to stay in touch as I’m sure you don’t want to miss another episode where I will share our insights into <a href="https://www.livechat.com/podcast/copy-sells-value-proposition/" target="_blank">how to write damn good copy for your website</a>! </p> <p> Take care! </p> </div><div class="text-center"> </div> <p class="push-50 push-50-t"> <a href="/podcast/category/content-marketing/" class="Pd__item--tag">#Content Marketing</a> <a href="/podcast/category/marketing/" class="Pd__item--tag">#Marketing</a> </p> <div class="row push-50 push-50-t"> <div class="col-md-6 Pd__social"> <h4>share:</h4> <div id="podcast-social-media" > <div class="Pd__social__item" id="twitter" data-url="https://www.livechat.com/podcast/how-to-design-a-killer-website/" data-text="How to Design a Killer Website from Scratch"></div> <div class="Pd__social__item" id="linkedin" data-url="https://www.livechat.com/podcast/how-to-design-a-killer-website/" data-text="New #podcast How to Design a Killer Website from Scratch #marketing #business"></div> <div class="Pd__social__item" id="facebook" data-url="https://www.livechat.com/podcast/how-to-design-a-killer-website/" data-text="New #podcast How to Design a Killer Website from Scratch #marketing #business"></div> <div class="Pd__social__item" id="googleplus" data-url="https://www.livechat.com/podcast/how-to-design-a-killer-website/" data-text="New #podcast How to Design a Killer Website from Scratch #marketing #business"></div> </div> </div> </div> <div class="row Pd__suggestions"> <div class="col-md-12"> <h4>You may also like</h4> <ul> <li><a href="https://www.livechat.com/podcast/guide-to-starting-a-business/"><strong>EPISODE #27:</strong> Rand Fishkin: Think Big, Start Small – the No-Bulls&#! Guide to Starting a Business</a><span></span></li> <li><a href="https://www.livechat.com/podcast/remotely-working-team/"><strong>EPISODE #26:</strong> Krister Haav/Toggl: How to Manage a Remotely Working Team</a><span></span></li> <li><a href="https://www.livechat.com/podcast/how-to-scale-your-business-slack/"><strong>EPISODE #24:</strong> Bill Macaitis/Slack: How to Scale Your Business the Way Slack Does</a><span>24:22</span></li> </ul> </div> </div> <div class="push-100-t"> <h4 class="push-5">Discussion</h4> <div id="disqus_thread"></div> <script> (function() { // DON'T EDIT BELOW THIS LINE var d = document, s = d.createElement('script'); s.src = '//livechatpodcasts.disqus.com/embed.js'; s.setAttribute('data-timestamp', +new Date()); (d.head || d.body).appendChild(s); })(); </script> <noscript>Please enable JavaScript to view the <a href="https://disqus.com/?ref_noscript" rel="nofollow">comments powered by Disqus.</a></noscript> </div> </div> </section> <section class="Pd__signup"> <div class="text-center"> <p>Do you like our podcast? You might also like our product.<br>Give <strong>LiveChat</strong> a go during a free, 14‑day trial.</p> <a target="_blank" href="https://accounts.livechat.com/signup?source_id=podcast&source_type=website&source_url=https://www.livechat.com/podcast/how-to-design-a-killer-website/" onclick="Stats.push();" class="g-Button--red"><strong>Start free trial</strong></a> </div> </section> <footer class="Pd__footer"> <div class="container"> <div class="col-sm-12 push-20-xs text-center Pd__footer__items"> <div class="Pd__footer__social"> <a target="_blank" href="https://twitter.com/livechat"><i class="fa fa-twitter fa-2x"></i></a> <a target="_blank" href="https://www.facebook.com/livechat"><i class="fa fa-facebook fa-2x"></i></a> <a target="_blank" href="https://www.linkedin.com/company/livechat/"><i class="fa fa-linkedin-square fa-2x"></i></a> </div> <a target="_blank" href="https://itunes.apple.com/us/podcast/business-sidekick-livechat/id1097865417" class="g-Button--green--xs push-5-r push-5-l">iTunes</a> <a target="_blank" href="https://soundcloud.com/business-sidekick" class="g-Button--green--xs push-5-r push-5-l">SoundCloud</a> <a target="_blank" href="http://app.stitcher.com/browse/feed/86852/details" class="g-Button--green--xs push-5-r push-5-l">Stitcher</a> <a target="_blank" href="http://feeds.soundcloud.com/users/soundcloud:users:215118282/sounds.rss" class="push-5-l push-10-r"><img src="https://www.livechat.com/wp-content/themes/livechat2.0/media/img/podcast/rss.svg" alt="" height="28"></a> <div class="js-PodcastEmailsignup" data-text="STAY TUNED via email" data-class="Pd__email_form--footer push-5-l border-white-op-l padding-20-l"></div> </div> </div> </footer> <section class="Pd__footer--inner"> <div class="text-center"> <a href="/terms-of-use/">Terms of Use</a> · <a href="/privacy-policy/">Privacy policy</a> · <p>Copyright © 2024 Text, Inc. All rights reserved.</p> </div> </section> <div class="Pd__TrialSignup"> <button class="Pd__TrialSignup__close">Close <i><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 101.59 101.59"><line x1="2" y1="2" x2="99.59" y2="99.59" fill="none" stroke="#fff" stroke-linecap="round" stroke-linejoin="round" stroke-width="4"/><line x1="2" y1="99.59" x2="99.59" y2="2" fill="none" stroke="#fff" stroke-linecap="round" stroke-linejoin="round" stroke-width="4"/></svg></i></button> <h1>Start free LiveChat trial!</h1> <section class="Signup__wrapper"> <form action="https://accounts.livechat.com/signup" method="GET" class="LC-signup" novalidate data-parsley-validate> <input type="email" class="email" name="email" placeholder="Enter your business email" autocapitalize="none" value="" required data-parsley-remote data-parsley-remote-validator="not-a-client" data-parsley-remote-message="This email is already in use" data-parsley-required-message="Oops! Invalid email address" data-parsley-type-message="Oops! Invalid email address" data-parsley-errors-container=".errors-67419b0b71af0" > <input type="hidden" name="source_id" value="podcast"> <button class="button foxy" data-text-disabled="Signing up..." data-text-enabled="SIGN UP FREE"> SIGN UP FREE </button> <div class="LC-signup--error errors-67419b0b71af0"></div> <p id="LC-signup__terms"> By clicking "SIGN UP FREE" you create an account and agree to our <a href="/legal/terms-of-use/" target="_blank">Terms of Use</a> and <a href="/legal/privacy-policy/" target="_blank">Privacy Policy</a>. </p> </form> </section> <p> <small><a href="/tour/">Not convinced yet? Take the product tour!</a></small> </p> </div> <template id="email-template"> <div class="Pd__email_form"> <form id="form-footer" action="//livechatinc.us2.list-manage.com/subscribe/post?u=9c5eb54aa9b2efe23531b3e09&id=81e2dd92da" method="post" target="_blank"> <a href="" class="g-Button--green js--showForm"></a> <div class="Pd__email_form--group js--podcastForm" style="display: none;"> <input placeholder="type your email…" type="email" value="" name="EMAIL" id="email" required > <input type="submit" value="OK" name="subscribe" class="button" > </div> <input type="hidden" value="8" name="group[9][8]" checked> <div style="position: absolute; left: -5000px;" aria-hidden="true"><input type="text" name="b_9c5eb54aa9b2efe23531b3e09_81e2dd92da" tabindex="-1" value=""></div> </form> </div> </template> <script src="https://use.fonticons.com/d2f91d12.js"></script> <script type='text/javascript' src='https://cdn.livechat-static.com/metrics/store-metrics.min.js?ver=4.7.21'></script> <script async defer src="https://www.livechat.com/wp-content/themes/livechat2.0/media/js/scripts.js?v=1730884183"></script> <script> if (typeof window.JSON === 'undefined') { document.write('<script src="https://www.livechat.com/wp-content/themes/livechat2.0/media/js/vendor/json2.js"><\/script>'); } </script> <script> window.__lc = window.__lc || {}; window.__lc.license = 1520; window.__lc.ga_version = 'ga'; (function() { var lc = document.createElement('script'); lc.type = 'text/javascript'; lc.async = true; lc.src = ('https:' == document.location.protocol ? 'https://' : 'http://') + 'cdn.livechatinc.com/staging/tracking.js'; var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(lc, s); })(); </script>  <noscript><iframe src="//www.googletagmanager.com/ns.html?id=GTM-T6S3KZ" height="0" width="0" style="display:none;visibility:hidden"></iframe></noscript> <script>(function(w,d,s,l,i){w[l]=w[l]||[];w[l].push({'gtm.start': new Date().getTime(),event:'gtm.js'});var f=d.getElementsByTagName(s)[0], j=d.createElement(s),dl=l!='dataLayer'?'&l='+l:'';j.async=true;j.src= '//www.googletagmanager.com/gtm.js?id='+i+dl;f.parentNode.insertBefore(j,f); })(window,document,'script','dataLayer','GTM-T6S3KZ');</script>  <script type="text/javascript">(function(){var c=encodeURIComponent,s="SCRIPT",d=document,e=d.createElement(s),t=d.getElementsByTagName(s)[0],p="t="+c(d.title||"")+"&u="+c(d.location.href||"")+"&r="+c(d.referrer||"");e.src="https://api.autopilothq.com/anywhere/36f01693a90246ae8d6b6dcc9c504596834bbc3b183943d6958523a8b73cf914?"+p;e.type="text/javascript";e.async=true;t.parentNode.insertBefore(e, t);})();(function(){var c=encodeURIComponent,s="SCRIPT",d=document,e=d.createElement(s),t=d.getElementsByTagName(s)[0];e.src="https://api.autopilothq.com/anywhere/aa/36f01693a90246ae8d6b6dcc9c504596834bbc3b183943d6958523a8b73cf914";e.type="text/javascript";e.async=false;t.parentNode.insertBefore(e, t);window.AutopilotAnywhere={_runQueue:[],run:function(){this._runQueue.push(arguments);}};if(!window.Autopilot) window.Autopilot=window.AutopilotAnywhere;})();</script> <script type="text/javascript"> (function(window, document, dataLayerName, id) { window[dataLayerName]=window[dataLayerName]||[],window[dataLayerName].push({start:(new Date).getTime(),event:"stg.start"});var scripts=document.getElementsByTagName('script')[0],tags=document.createElement('script'); function stgCreateCookie(a,b,c){var d="";if(c){var e=new Date;e.setTime(e.getTime()+24*c*60*60*1e3),d="; expires="+e.toUTCString()}document.cookie=a+"="+b+d+"; path=/"} var isStgDebug=(window.location.href.match("stg_debug")||document.cookie.match("stg_debug"))&&!window.location.href.match("stg_disable_debug");stgCreateCookie("stg_debug",isStgDebug?1:"",isStgDebug?14:-1); var qP=[];dataLayerName!=="dataLayer"&&qP.push("data_layer_name="+dataLayerName),isStgDebug&&qP.push("stg_debug");var qPString=qP.length>0?("?"+qP.join("&")):""; tags.async=!0,tags.src="//livechat.containers.piwik.pro/"+id+".js"+qPString,scripts.parentNode.insertBefore(tags,scripts); !function(a,n,i){a[n]=a[n]||{};for(var c=0;c<i.length;c++)!function(i){a[n][i]=a[n][i]||{},a[n][i].api=a[n][i].api||function(){var a=[].slice.call(arguments,0);"string"==typeof a[0]&&window[dataLayerName].push({event:n+"."+i+":"+a[0],parameters:[].slice.call(arguments,1)})}}(i[c])}(window,"ppms",["tm","cm"]); })(window, document, 'dataLayer', '28a0a095-db17-4f24-8d11-19c9de6721cc'); </script><noscript><iframe src="//livechat.containers.piwik.pro/28a0a095-db17-4f24-8d11-19c9de6721cc/noscript.html" height="0" width="0" style="display:none;visibility:hidden"></iframe></noscript> </body> </html>