{"id":486,"date":"2018-08-07T16:24:00","date_gmt":"2018-08-07T16:24:00","guid":{"rendered":"https:\/\/restiaka1.wixsite.com\/website-5\/single-post"},"modified":"2022-08-10T11:46:33","modified_gmt":"2022-08-10T11:46:33","slug":"how-to-create-a-custom-website-in-3-easy-steps","status":"publish","type":"post","link":"https:\/\/website.clientdemoweb.com\/oggadoon\/how-to-create-a-custom-website-in-3-easy-steps\/","title":{"rendered":"How to Create a Custom Website in 3 Easy Steps"},"content":{"rendered":"<div>\n<div>If you\u2019re running a business you need an online presence. While social media is a solid platform for extending the reach of your company, the cornerstone of your online business is your website. It\u2019s your virtual office hosted in the cloud where you meet and greet prospective clients every day.<\/div>\n<div><\/div>\n<div>Of course you want your office to look nice. While there are many out of the box solutions, designing a custom website gives you the flexibility to create a unique impression that reflects your company values and shows a bit of your corporate personality. You know, fun and flirtatious or suited and booted.<\/div>\n<div><\/div>\n<div>In this article we\u2019ll cover how to design your custom website and find and hire the right web development company. I\u2019ll start with some of the biggest benefits of custom website development so you can decide if this is suitable for your business needs. Make sure to read the whole article, it will almost certainly save you money.<\/div>\n<div><\/div>\n<div><strong>Do You Need a Custom Website?<\/strong><\/div>\n<div>Before we get too far into this article it\u2019s worth considering if you actually need a custom website for your business. Broadly speaking every site on the Internet is designed and built in one of three ways.<\/div>\n<div><\/div>\n<div>Custom Theme: Most websites are run on a Content Management System like WordPress using an out of the box theme.Website Builders: These are designed to be an affordable way for a user with no programming knowledge to create a custom website.Custom Websites: A custom website is created to the specifications of a person or company by a programmer.<\/div>\n<div>As you might imagine each of these options attracts a different type of customer. The cheapest option, which is used by most bloggers and cash strapped e-commerce sites, is buying a theme from a site like Themeforest that runs on a platform like WordPress.<\/div>\n<div><\/div>\n<div>Then there are the website builders, which I&#8217;ve never really liked. The reason I don\u2019t like this solution is that the hosting is generally overpriced, while you get locked into a platform that does not offer the flexibility you find you need later down the line.<\/div>\n<div><\/div>\n<div>Finally you have your custom website. You get full control over the appearance and functionality of your site, which is why most established businesses, successful bloggers, software companies and e-commerce stores choose this option. Of course it&#8217;s the most expensive solution. A custom website in the UK will normally cost upwards of \u00a32,500.<\/div>\n<div><\/div>\n<div><strong>How to Create a Custom Website<\/strong><\/div>\n<div>As a Bristol based marketing agency OggaDoon often gets requests from clients asking for help creating a custom website. While we don\u2019t currently build websites for clients we do have experience developing website briefs, managing calls for proposals, shortlisting suitable web design firms and liaising with the company to create a site to the specifications of the client.<\/div>\n<div><\/div>\n<div>In the following few paragraphs I\u2019ll share the system we use to help clients. There will be a few tips you can take away from this post for developing a custom website for your own business. If you don\u2019t feel confident to manage this process by yourself you can always contact OggaDoon to help you manage the process.<\/div>\n<div><\/div>\n<div>The general flow for building a website I would recommend goes as follows:<\/div>\n<div>Define the marketing goals of your website.Review the biggest websites in your niche for inspiration.Create wireframe mockups of the key pages of your website.Write a call for proposal and include the wireframe mockups.Shortlist the most suitable web design companies.Interview your shortlisted candidates.<\/div>\n<div><\/div>\n<div>In the next few paragraphs I\u2019ll cover points one through five in a little more depth.<\/div>\n<div><\/div>\n<div><strong>Define Your Marketing Goals<\/strong><\/div>\n<div>A common misconception about running a website is that the there\u2019s a clear correlation between the number of visitors coming to your site and the amount of revenue you generate. While high traffic numbers are nice it is really a vanity figure. Smart marketers will tell you the important metric is your conversion rate, however you define that.<\/div>\n<div><\/div>\n<div>With this in mind, I recommend you start the process of creating a custom design website with a team brainstorming session. You should gather together a few of the most important people in your business to talk through your online marketing goals (this is a great excuse to head to a cafe or a bar). This is what I\u2019d talk about during the session:<\/div>\n<div>\n<p>What is the most important metric for your website? Is it the number of sales, number of email subscribers, number of app downloads etc.?<\/p>\n<div>What are the top three or four services you want to offer customers? Remember, while you may offer everything, limiting initial choice has been <a href=\"https:\/\/conversionxl.com\/blog\/does-offering-more-choices-actually-tank-conversions\/\">repeatedly proven<\/a> to increases conversion rate.<\/div>\n<p>How will you achieve those goals?<\/p>\n<\/div>\n<div>Point three is the concrete output of this brainstorming session.<\/div>\n<div>You should be thinking of your website as either one giant sales funnel or multiple sales funnels that send your website visitors on a clear journey. Hopefully this graphic will help you visualise the process.<\/div>\n<p><img decoding=\"async\" src=\"https:\/\/website.clientdemoweb.com\/oggadoon\/wp-content\/uploads\/2018\/08\/3bd7a4_4739bd3230d644de9674bab655893172mv2.jpg\" \/><\/p>\n<div>The graphic looks a bit like something between a funky backscratcher and a medieval torture implement. The idea is pretty simple though. You limit the choices from the homepage, both from the menu and links on the homepage. The content on your blog should also link back to those sales pages.<\/div>\n<div><\/div>\n<div>If you\u2019ve done this process correctly you should end up with a good idea of what your website architecture should look like. This will impact the design of your homepage and the tabs on your menu.<\/div>\n<div><\/div>\n<div><strong>Review The Biggest Websites in Your Niche<\/strong><\/div>\n<div>The best starting point for creating your custom website is competitor research. Your main skill here is as a consumer. You\u2019ll need two tools to do this research. The first is a Google Excel sheet and the second is Google. I start my research with a quick Google search of the \u201cbiggest [insert your niche here] companies.\u201d The nice thing about the internet is it\u2019s full of list articles.<\/div>\n<div>When you find a list of suitable websites stop for a minute. The important question you want to keep at the front of your mind as you do this research is, \u201cwould I buy a product or service from this company?\u201d<\/div>\n<div><\/div>\n<div>As you slowly go through the list, especially if it\u2019s a big list, you\u2019ll notice things. The biggest takeaway I get is that most websites just aren\u2019t very interesting. After reviewing 20 websites my brain starts to turn to mush (this is how a potential customer is likely to feel when they\u2019re looking for someone to work with).<\/div>\n<div><\/div>\n<div>Every once in a while though I come across a website that grabs my attention. The design could be really interesting or the copy compelling and the user flow just makes sense. There won\u2019t be many of these websites, but these are the ones you should note down in your excel list a bit like this.<\/div>\n<p><img decoding=\"async\" src=\"https:\/\/website.clientdemoweb.com\/oggadoon\/wp-content\/uploads\/2018\/08\/3bd7a4_e2df67279b254ffd8a2fb27d09098a10mv2.png\" \/><\/p>\n<div>After 2-3 hours of research you will have a list of less than 10 sites that inspire you. There will be things about the site that you\u2019ll think, \u201cwow it would be cool if we had that!\u201d<\/div>\n<div><\/div>\n<div>This is the reaction you want potential customers to have when they land on your website. The hard part is putting all of these pieces of inspiration together and moulding it into your website. This is the next stage of the custom website development process.<\/div>\n<div><\/div>\n<div><strong>Create Wireframe Mockups<\/strong><\/div>\n<div>Wireframe mockups are an important part of your project brief. This is where you combine the website architecture with the results of your research. Consider them the architectural plans for your new house.<\/div>\n<div><\/div>\n<div>Imagine going to a builder and asking them for a quote on your dream house without providing these plans. If they don\u2019t know the size of the house or anything about the appearance they can\u2019t give you a quote on the cost of the materials or the labor costs.<\/div>\n<div><\/div>\n<div>Of course you wouldn\u2019t do this. Here are three obvious issues this raises:<\/div>\n<div><\/div>\n<div>The website developer will quote you a price on what they expect to create for you and not necessarily what you want. As a result the developer will guide you to their desired outcome.You are not providing key information about the functionality the web design company needs to cost the project. As a result the quote is likely to be higher than necessary.Finally, with no design brief you could end up with a website you don\u2019t want, but have already paid for.<\/div>\n<div><\/div>\n<div>You can see why wireframe mockups are an important part of your call for proposal. To be clear, you don\u2019t need to develop these mockups in house. Depending on the complexity of the project you can either hire a graphic designer to make these models or ask for wireframes to be submitted as part of the proposal from web design agencies.<\/div>\n<div><\/div>\n<div>For most websites you will need a wireframe mockup of the following pages.<\/div>\n<ul>\n<li>The homepage<\/li>\n<li>The blog page<\/li>\n<li>Blog post<\/li>\n<li>Custom page<\/li>\n<\/ul>\n<div>Keep in mind that your wireframe mockups do not need to be complex. It\u2019s not a finished mockup, just a brief overview of the appearance and functionality. You can find two example of mockup I created below for custom pages below.<\/div>\n<p><img decoding=\"async\" src=\"https:\/\/website.clientdemoweb.com\/oggadoon\/wp-content\/uploads\/2018\/08\/3bd7a4_570021f38f1e49ec8f6b7285937ec895mv2.jpg\" \/><\/p>\n<div>You can see how basic the mockup is. There are a few notes that cover expected functionality, but nothing more. Still, this is the kind of information a web designer needs to provide you with a more accurate quote on the cost of your custom website.<\/div>\n<div><\/div>\n<div><strong>Writing a Call for Proposal<\/strong><\/div>\n<div>This section will be brief, no pun intended. There are too many variables regarding the functionality and design of a website for me to cover the specifics of writing your call for proposal in depth. That said, here\u2019s some general feedback you\u2019ll probably find useful.<\/div>\n<div><\/div>\n<div>You should limit your call for proposals to no more than three pages. This should include the key outcomes generated from your research so far. For example, share the main marketing goals of your website, the website architecture and the findings of your competitor research (what websites you liked and why).<\/div>\n<div><\/div>\n<div>In addition to this attach wireframes you created to the call for proposal. If you didn&#8217;t create wireframes ask the agencies to submit designs outlining what they think your website should look like. This way you can see how they costed the project.<\/div>\n<div>One other thing you need to consider is whether to include your budget in the call for proposal. There is no right answer for this, but if you publish the maximum price you\u2019re willing to pay most companies will submit a quote at that price point (just like universities in the UK have done with student tuition fees).<\/div>\n<div><\/div>\n<div><strong>A Few Final Pointers<\/strong><\/div>\n<div>Hiring the right agency is the final stage in the custom website development cycle. After thousands of pounds waisted hiring the wrong designers there are a few key lessons I&#8217;ve learned about hiring the right company.<\/div>\n<div><\/div>\n<ul>\n<li>Only hire a programmer who asks intelligent questions.<\/li>\n<li>Ask them to show you results from previous projects.<\/li>\n<li>Make sure you get along well with the team.<\/li>\n<li>Agree on how many revisions can you make to your project and include this information in the contract.<\/li>\n<li>Set clear milestones the agency needs to achieve to receive payment.<\/li>\n<\/ul>\n<div><\/div>\n<div>These are pretty logical steps, but I want to emphasise the importance of the first point. Every time I\u2019ve worked with a good developer on a project they have asked questions during the development process that have made me stop and think.<\/div>\n<div><\/div>\n<div>Expect to get questions when you put out the brief and during the interview process. If the web design agency you are thinking of hiring does not ask intelligent questions you are either a) Amazing &#8211; congratulations b) Going to run into serious problems.<\/div>\n<div><\/div>\n<div>As you can see, creating a custom website doesn&#8217;t have to be hard, but it&#8217;s easy to make mistakes. Having a system in place and understanding where you are likely to run into problems helps you avoid them. Hopefully this post will help you manage the process of working with developers to create a new website for your business.<\/div>\n<div><\/div>\n<div>Need help designing a custom website for your business? We&#8217;d be happy to work together with you to help design your website. <a href=\"https:\/\/website.clientdemoweb.com\/oggadoon\/contact\">Get in touch with us<\/a> and we can have a real or virtual coffee to discuss your project.<\/div>\n<\/div>\n","protected":false},"excerpt":{"rendered":"<p>If you\u2019re running a business you need an online presence. [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":729,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[7],"tags":[13,65],"class_list":["post-486","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-blog","tag-digital-marketing","tag-website"],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v19.14 - https:\/\/yoast.com\/wordpress\/plugins\/seo\/ -->\n<title>How to Create a Custom Website in 3 Easy Steps - OggaDoon<\/title>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/website.clientdemoweb.com\/oggadoon\/how-to-create-a-custom-website-in-3-easy-steps\/\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"How to Create a Custom Website in 3 Easy Steps - OggaDoon\" \/>\n<meta property=\"og:description\" content=\"If you\u2019re running a business you need an online presence. [&hellip;]\" \/>\n<meta property=\"og:url\" content=\"https:\/\/website.clientdemoweb.com\/oggadoon\/how-to-create-a-custom-website-in-3-easy-steps\/\" \/>\n<meta property=\"og:site_name\" content=\"OggaDoon\" \/>\n<meta property=\"article:published_time\" content=\"2018-08-07T16:24:00+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2022-08-10T11:46:33+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/website.clientdemoweb.com\/oggadoon\/wp-content\/uploads\/2018\/08\/3bd7a4_3f3c27d1940c474ebbbea4747c76cb9bmv2.jpg\" \/>\n\t<meta property=\"og:image:width\" content=\"1280\" \/>\n\t<meta property=\"og:image:height\" content=\"832\" \/>\n\t<meta property=\"og:image:type\" content=\"image\/jpeg\" \/>\n<meta name=\"author\" content=\"OggaDoon Content\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:label1\" content=\"Written by\" \/>\n\t<meta name=\"twitter:data1\" content=\"OggaDoon Content\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"WebPage\",\"@id\":\"https:\/\/website.clientdemoweb.com\/oggadoon\/how-to-create-a-custom-website-in-3-easy-steps\/\",\"url\":\"https:\/\/website.clientdemoweb.com\/oggadoon\/how-to-create-a-custom-website-in-3-easy-steps\/\",\"name\":\"How to Create a Custom Website in 3 Easy Steps - OggaDoon\",\"isPartOf\":{\"@id\":\"https:\/\/website.clientdemoweb.com\/oggadoon\/#website\"},\"datePublished\":\"2018-08-07T16:24:00+00:00\",\"dateModified\":\"2022-08-10T11:46:33+00:00\",\"author\":{\"@id\":\"https:\/\/website.clientdemoweb.com\/oggadoon\/#\/schema\/person\/89c53b7dd3676579fff5f0552484858d\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/website.clientdemoweb.com\/oggadoon\/how-to-create-a-custom-website-in-3-easy-steps\/\"]}]},{\"@type\":\"WebSite\",\"@id\":\"https:\/\/website.clientdemoweb.com\/oggadoon\/#website\",\"url\":\"https:\/\/website.clientdemoweb.com\/oggadoon\/\",\"name\":\"OggaDoon\",\"description\":\"Digital Marketing and PR\",\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\/\/website.clientdemoweb.com\/oggadoon\/?s={search_term_string}\"},\"query-input\":\"required name=search_term_string\"}],\"inLanguage\":\"en-US\"},{\"@type\":\"Person\",\"@id\":\"https:\/\/website.clientdemoweb.com\/oggadoon\/#\/schema\/person\/89c53b7dd3676579fff5f0552484858d\",\"name\":\"OggaDoon Content\",\"image\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/website.clientdemoweb.com\/oggadoon\/#\/schema\/person\/image\/\",\"url\":\"https:\/\/secure.gravatar.com\/avatar\/3394fb560738f71712557086d1677c3e893820f13f2a662614b8deddc2c41e4b?s=96&d=mm&r=g\",\"contentUrl\":\"https:\/\/secure.gravatar.com\/avatar\/3394fb560738f71712557086d1677c3e893820f13f2a662614b8deddc2c41e4b?s=96&d=mm&r=g\",\"caption\":\"OggaDoon Content\"},\"sameAs\":[\"https:\/\/website.clientdemoweb.com\/oggadoon\"],\"url\":\"https:\/\/website.clientdemoweb.com\/oggadoon\/author\/frewsojxk\/\"}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"How to Create a Custom Website in 3 Easy Steps - OggaDoon","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/website.clientdemoweb.com\/oggadoon\/how-to-create-a-custom-website-in-3-easy-steps\/","og_locale":"en_US","og_type":"article","og_title":"How to Create a Custom Website in 3 Easy Steps - OggaDoon","og_description":"If you\u2019re running a business you need an online presence. [&hellip;]","og_url":"https:\/\/website.clientdemoweb.com\/oggadoon\/how-to-create-a-custom-website-in-3-easy-steps\/","og_site_name":"OggaDoon","article_published_time":"2018-08-07T16:24:00+00:00","article_modified_time":"2022-08-10T11:46:33+00:00","og_image":[{"width":1280,"height":832,"url":"https:\/\/website.clientdemoweb.com\/oggadoon\/wp-content\/uploads\/2018\/08\/3bd7a4_3f3c27d1940c474ebbbea4747c76cb9bmv2.jpg","type":"image\/jpeg"}],"author":"OggaDoon Content","twitter_card":"summary_large_image","twitter_misc":{"Written by":"OggaDoon Content"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebPage","@id":"https:\/\/website.clientdemoweb.com\/oggadoon\/how-to-create-a-custom-website-in-3-easy-steps\/","url":"https:\/\/website.clientdemoweb.com\/oggadoon\/how-to-create-a-custom-website-in-3-easy-steps\/","name":"How to Create a Custom Website in 3 Easy Steps - OggaDoon","isPartOf":{"@id":"https:\/\/website.clientdemoweb.com\/oggadoon\/#website"},"datePublished":"2018-08-07T16:24:00+00:00","dateModified":"2022-08-10T11:46:33+00:00","author":{"@id":"https:\/\/website.clientdemoweb.com\/oggadoon\/#\/schema\/person\/89c53b7dd3676579fff5f0552484858d"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/website.clientdemoweb.com\/oggadoon\/how-to-create-a-custom-website-in-3-easy-steps\/"]}]},{"@type":"WebSite","@id":"https:\/\/website.clientdemoweb.com\/oggadoon\/#website","url":"https:\/\/website.clientdemoweb.com\/oggadoon\/","name":"OggaDoon","description":"Digital Marketing and PR","potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/website.clientdemoweb.com\/oggadoon\/?s={search_term_string}"},"query-input":"required name=search_term_string"}],"inLanguage":"en-US"},{"@type":"Person","@id":"https:\/\/website.clientdemoweb.com\/oggadoon\/#\/schema\/person\/89c53b7dd3676579fff5f0552484858d","name":"OggaDoon Content","image":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/website.clientdemoweb.com\/oggadoon\/#\/schema\/person\/image\/","url":"https:\/\/secure.gravatar.com\/avatar\/3394fb560738f71712557086d1677c3e893820f13f2a662614b8deddc2c41e4b?s=96&d=mm&r=g","contentUrl":"https:\/\/secure.gravatar.com\/avatar\/3394fb560738f71712557086d1677c3e893820f13f2a662614b8deddc2c41e4b?s=96&d=mm&r=g","caption":"OggaDoon Content"},"sameAs":["https:\/\/website.clientdemoweb.com\/oggadoon"],"url":"https:\/\/website.clientdemoweb.com\/oggadoon\/author\/frewsojxk\/"}]}},"_links":{"self":[{"href":"https:\/\/website.clientdemoweb.com\/oggadoon\/wp-json\/wp\/v2\/posts\/486","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/website.clientdemoweb.com\/oggadoon\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/website.clientdemoweb.com\/oggadoon\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/website.clientdemoweb.com\/oggadoon\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/website.clientdemoweb.com\/oggadoon\/wp-json\/wp\/v2\/comments?post=486"}],"version-history":[{"count":0,"href":"https:\/\/website.clientdemoweb.com\/oggadoon\/wp-json\/wp\/v2\/posts\/486\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/website.clientdemoweb.com\/oggadoon\/wp-json\/wp\/v2\/media\/729"}],"wp:attachment":[{"href":"https:\/\/website.clientdemoweb.com\/oggadoon\/wp-json\/wp\/v2\/media?parent=486"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/website.clientdemoweb.com\/oggadoon\/wp-json\/wp\/v2\/categories?post=486"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/website.clientdemoweb.com\/oggadoon\/wp-json\/wp\/v2\/tags?post=486"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}