{"id":4974,"date":"2018-01-21T21:14:35","date_gmt":"2018-01-22T02:14:35","guid":{"rendered":"http:\/\/www.carnaghan.com\/?p=4974"},"modified":"2018-09-13T18:55:34","modified_gmt":"2018-09-13T23:55:34","slug":"sketching-perfect-website","status":"publish","type":"post","link":"https:\/\/www.carnaghan.com\/sketching-perfect-website\/","title":{"rendered":"Sketching out your Perfect Website"},"content":{"rendered":"

You’ve decided it’s time to start solidifying ideas for your ideal website. You have no doubt spent countless hours in the planning phase identifying your target audience, design considerations, and of course you have a solid idea of your overall content strategy. If you haven’t, then do yourself a favor and take a look at\u00a0The Complete Guide to Building Your Personal Brand<\/a>,\u00a0What Makes an Effective Website?<\/a>\u00a0and\u00a0How to Design a Website for a Specific Target Audience?<\/a>\u00a0before reading on.<\/p>\n

There are many other considerations you should make before plunging into drafting your ideal website.\u00a0The resources listed below should help get you started. They will help you with the process of sketching out your website, structure, and hierarchy.<\/p>\n

Sketching out designs – Useful Resources<\/h3>\n

Why do we need to bother sketching out our design when we could go straight to coding our markup? Sometimes it is helpful to establish an overall organization of your project including the hierarchy of how all of your content pages will fit together. Before reviewing the resources below, be sure to check out\u00a0Sketching: How a Simple Pen and Paper Can Transform Your Web Designs<\/a>. The list below include some tools and resources that you might want to consider for your web project or future work.<\/p>\n

Web Style Guide Information Architecture – Site Structure
\n<\/a><\/strong>This article provides a great overview of developing your overall site structure including the functionality of your site, overall navigational, and structural themes.<\/p>\n

How to create a site structure to enhance SEO<\/strong>
\n<\/a>Any website you consider building should incorporate a structure that will enhance your overall search engine optimization. This article discusses the importance of creating the optimal user experience and taking advantage of other SEO techniques including site links, optimization for crawling, and a detailed six step plan.<\/p>\n

Website Planning & Developing Your Website Blueprint<\/strong>
\n<\/a>1st Webdesigner outlines the creation of a website blueprint and covers the importance of planning, creating your own architecture, content and design document, and lists different website planning tools. In addition to this the article goes into detail on preparing for your web design project and provides checklists as well as an overall beginner’s guide to wireframing.<\/p>\n

Pencil Project
\n<\/a><\/strong>Pencil Project is a great free prototyping tool that provides a quick way to design and sketch your ideas. It provides easy GUI prototyping tools, built-in shape collections, diagram drawing support, and page linking.<\/p>\n

Gliffy<\/strong>
\n<\/a>Gliffy is a great tool for quickly developing diagrams and charts. It has a free trial and a low cost for licensing and it integrates into other popular tools from Atlassian including Jira and Confluence.<\/p>\n

LucidChart<\/strong>
\n<\/a>This is one of my personal favorites for diagrams, which provides a lot of charting tools and integrates into third party systems. It is fully web-based and also provides an education \/ student version for free.<\/p>\n

 <\/p>\n","protected":false},"excerpt":{"rendered":"

You’ve decided it’s time to start solidifying ideas for your ideal website. You have no doubt spent countless hours in the planning phase identifying your target audience, design considerations, and of course you have a solid idea of your overall content strategy. If you haven’t, then do yourself a favor and take a look at\u00a0The […]<\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[24,7128],"tags":[1853],"post_series":[],"class_list":["post-4974","post","type-post","status-publish","format-standard","hentry","category-coding","category-ux-design","tag-cmst-386"],"yoast_head":"\nSketching out your Perfect Website - Ian Carnaghan<\/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:\/\/www.carnaghan.com\/sketching-perfect-website\/\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Sketching out your Perfect Website - Ian Carnaghan\" \/>\n<meta property=\"og:description\" content=\"You’ve decided it’s time to start solidifying ideas for your ideal website. You have no doubt spent countless hours in the planning phase identifying your target audience, design considerations, and of course you have a solid idea of your overall content strategy. If you haven’t, then do yourself a favor and take a look at\u00a0The […]\" \/>\n<meta property=\"og:url\" content=\"https:\/\/www.carnaghan.com\/sketching-perfect-website\/\" \/>\n<meta property=\"og:site_name\" content=\"Ian Carnaghan\" \/>\n<meta property=\"article:published_time\" content=\"2018-01-22T02:14:35+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2018-09-13T23:55:34+00:00\" \/>\n<meta name=\"author\" content=\"Ian Carnaghan\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:creator\" content=\"@icarnaghan\" \/>\n<meta name=\"twitter:site\" content=\"@icarnaghan\" \/>\n<meta name=\"twitter:label1\" content=\"Written by\" \/>\n\t<meta name=\"twitter:data1\" content=\"Ian Carnaghan\" \/>\n\t<meta name=\"twitter:label2\" content=\"Est. reading time\" \/>\n\t<meta name=\"twitter:data2\" content=\"2 minutes\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"Article\",\"@id\":\"https:\/\/www.carnaghan.com\/sketching-perfect-website\/#article\",\"isPartOf\":{\"@id\":\"https:\/\/www.carnaghan.com\/sketching-perfect-website\/\"},\"author\":{\"name\":\"Ian Carnaghan\",\"@id\":\"https:\/\/www.carnaghan.com\/#\/schema\/person\/c689c24d516c51968a88b628860740a5\"},\"headline\":\"Sketching out your Perfect Website\",\"datePublished\":\"2018-01-22T02:14:35+00:00\",\"dateModified\":\"2018-09-13T23:55:34+00:00\",\"mainEntityOfPage\":{\"@id\":\"https:\/\/www.carnaghan.com\/sketching-perfect-website\/\"},\"wordCount\":479,\"commentCount\":2,\"publisher\":{\"@id\":\"https:\/\/www.carnaghan.com\/#\/schema\/person\/c689c24d516c51968a88b628860740a5\"},\"keywords\":[\"CMST 386\"],\"articleSection\":[\"Coding\",\"UX & Design\"],\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"CommentAction\",\"name\":\"Comment\",\"target\":[\"https:\/\/www.carnaghan.com\/sketching-perfect-website\/#respond\"]}]},{\"@type\":\"WebPage\",\"@id\":\"https:\/\/www.carnaghan.com\/sketching-perfect-website\/\",\"url\":\"https:\/\/www.carnaghan.com\/sketching-perfect-website\/\",\"name\":\"Sketching out your Perfect Website - Ian Carnaghan\",\"isPartOf\":{\"@id\":\"https:\/\/www.carnaghan.com\/#website\"},\"datePublished\":\"2018-01-22T02:14:35+00:00\",\"dateModified\":\"2018-09-13T23:55:34+00:00\",\"breadcrumb\":{\"@id\":\"https:\/\/www.carnaghan.com\/sketching-perfect-website\/#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/www.carnaghan.com\/sketching-perfect-website\/\"]}]},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/www.carnaghan.com\/sketching-perfect-website\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\/\/www.carnaghan.com\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Sketching out your Perfect Website\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\/\/www.carnaghan.com\/#website\",\"url\":\"https:\/\/www.carnaghan.com\/\",\"name\":\"Ian Carnaghan\",\"description\":\"Software Developer, Blogger, Educator\",\"publisher\":{\"@id\":\"https:\/\/www.carnaghan.com\/#\/schema\/person\/c689c24d516c51968a88b628860740a5\"},\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\/\/www.carnaghan.com\/?s={search_term_string}\"},\"query-input\":\"required name=search_term_string\"}],\"inLanguage\":\"en-US\"},{\"@type\":[\"Person\",\"Organization\"],\"@id\":\"https:\/\/www.carnaghan.com\/#\/schema\/person\/c689c24d516c51968a88b628860740a5\",\"name\":\"Ian Carnaghan\",\"image\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/www.carnaghan.com\/#\/schema\/person\/image\/\",\"url\":\"https:\/\/secure.gravatar.com\/avatar\/f2aa5baca80c2be728de43a975185d91?s=96&d=retro&r=g\",\"contentUrl\":\"https:\/\/secure.gravatar.com\/avatar\/f2aa5baca80c2be728de43a975185d91?s=96&d=retro&r=g\",\"caption\":\"Ian Carnaghan\"},\"logo\":{\"@id\":\"https:\/\/www.carnaghan.com\/#\/schema\/person\/image\/\"},\"description\":\"I am a software developer and online educator who likes to keep up with all the latest in technology. I also manage cloud infrastructure, continuous monitoring, DevOps processes, security, and continuous integration and deployment.\",\"sameAs\":[\"http:\/\/www.carnaghan.com\",\"https:\/\/x.com\/icarnaghan\"],\"url\":\"https:\/\/www.carnaghan.com\/author\/icarnaghan\/\"}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"Sketching out your Perfect Website - Ian Carnaghan","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:\/\/www.carnaghan.com\/sketching-perfect-website\/","og_locale":"en_US","og_type":"article","og_title":"Sketching out your Perfect Website - Ian Carnaghan","og_description":"You’ve decided it’s time to start solidifying ideas for your ideal website. You have no doubt spent countless hours in the planning phase identifying your target audience, design considerations, and of course you have a solid idea of your overall content strategy. If you haven’t, then do yourself a favor and take a look at\u00a0The […]","og_url":"https:\/\/www.carnaghan.com\/sketching-perfect-website\/","og_site_name":"Ian Carnaghan","article_published_time":"2018-01-22T02:14:35+00:00","article_modified_time":"2018-09-13T23:55:34+00:00","author":"Ian Carnaghan","twitter_card":"summary_large_image","twitter_creator":"@icarnaghan","twitter_site":"@icarnaghan","twitter_misc":{"Written by":"Ian Carnaghan","Est. reading time":"2 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Article","@id":"https:\/\/www.carnaghan.com\/sketching-perfect-website\/#article","isPartOf":{"@id":"https:\/\/www.carnaghan.com\/sketching-perfect-website\/"},"author":{"name":"Ian Carnaghan","@id":"https:\/\/www.carnaghan.com\/#\/schema\/person\/c689c24d516c51968a88b628860740a5"},"headline":"Sketching out your Perfect Website","datePublished":"2018-01-22T02:14:35+00:00","dateModified":"2018-09-13T23:55:34+00:00","mainEntityOfPage":{"@id":"https:\/\/www.carnaghan.com\/sketching-perfect-website\/"},"wordCount":479,"commentCount":2,"publisher":{"@id":"https:\/\/www.carnaghan.com\/#\/schema\/person\/c689c24d516c51968a88b628860740a5"},"keywords":["CMST 386"],"articleSection":["Coding","UX & Design"],"inLanguage":"en-US","potentialAction":[{"@type":"CommentAction","name":"Comment","target":["https:\/\/www.carnaghan.com\/sketching-perfect-website\/#respond"]}]},{"@type":"WebPage","@id":"https:\/\/www.carnaghan.com\/sketching-perfect-website\/","url":"https:\/\/www.carnaghan.com\/sketching-perfect-website\/","name":"Sketching out your Perfect Website - Ian Carnaghan","isPartOf":{"@id":"https:\/\/www.carnaghan.com\/#website"},"datePublished":"2018-01-22T02:14:35+00:00","dateModified":"2018-09-13T23:55:34+00:00","breadcrumb":{"@id":"https:\/\/www.carnaghan.com\/sketching-perfect-website\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/www.carnaghan.com\/sketching-perfect-website\/"]}]},{"@type":"BreadcrumbList","@id":"https:\/\/www.carnaghan.com\/sketching-perfect-website\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/www.carnaghan.com\/"},{"@type":"ListItem","position":2,"name":"Sketching out your Perfect Website"}]},{"@type":"WebSite","@id":"https:\/\/www.carnaghan.com\/#website","url":"https:\/\/www.carnaghan.com\/","name":"Ian Carnaghan","description":"Software Developer, Blogger, Educator","publisher":{"@id":"https:\/\/www.carnaghan.com\/#\/schema\/person\/c689c24d516c51968a88b628860740a5"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/www.carnaghan.com\/?s={search_term_string}"},"query-input":"required name=search_term_string"}],"inLanguage":"en-US"},{"@type":["Person","Organization"],"@id":"https:\/\/www.carnaghan.com\/#\/schema\/person\/c689c24d516c51968a88b628860740a5","name":"Ian Carnaghan","image":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/www.carnaghan.com\/#\/schema\/person\/image\/","url":"https:\/\/secure.gravatar.com\/avatar\/f2aa5baca80c2be728de43a975185d91?s=96&d=retro&r=g","contentUrl":"https:\/\/secure.gravatar.com\/avatar\/f2aa5baca80c2be728de43a975185d91?s=96&d=retro&r=g","caption":"Ian Carnaghan"},"logo":{"@id":"https:\/\/www.carnaghan.com\/#\/schema\/person\/image\/"},"description":"I am a software developer and online educator who likes to keep up with all the latest in technology. I also manage cloud infrastructure, continuous monitoring, DevOps processes, security, and continuous integration and deployment.","sameAs":["http:\/\/www.carnaghan.com","https:\/\/x.com\/icarnaghan"],"url":"https:\/\/www.carnaghan.com\/author\/icarnaghan\/"}]}},"views":152,"_links":{"self":[{"href":"https:\/\/www.carnaghan.com\/wp-json\/wp\/v2\/posts\/4974"}],"collection":[{"href":"https:\/\/www.carnaghan.com\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.carnaghan.com\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.carnaghan.com\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/www.carnaghan.com\/wp-json\/wp\/v2\/comments?post=4974"}],"version-history":[{"count":0,"href":"https:\/\/www.carnaghan.com\/wp-json\/wp\/v2\/posts\/4974\/revisions"}],"wp:attachment":[{"href":"https:\/\/www.carnaghan.com\/wp-json\/wp\/v2\/media?parent=4974"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.carnaghan.com\/wp-json\/wp\/v2\/categories?post=4974"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.carnaghan.com\/wp-json\/wp\/v2\/tags?post=4974"},{"taxonomy":"post_series","embeddable":true,"href":"https:\/\/www.carnaghan.com\/wp-json\/wp\/v2\/post_series?post=4974"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}