
{"id":121,"date":"2017-10-31T18:42:29","date_gmt":"2017-10-31T18:42:29","guid":{"rendered":"https:\/\/brandhoot.com\/blog\/?p=121"},"modified":"2018-01-06T18:28:16","modified_gmt":"2018-01-06T18:28:16","slug":"website-budget-strategies","status":"publish","type":"post","link":"https:\/\/brandhoot.com\/blog\/website-budget-strategies\/","title":{"rendered":"How to use your website design budget strategically"},"content":{"rendered":"<p><span style=\"font-weight: 400;\">When you\u2019re faced with a high car repair bill what do you do? If you\u2019re like me, then you\u2019ll probably ask the mechanic, \u201cwhat needs to be done immediately and what can wait?\u201d You want your car to be safe and functional without breaking your budget.<\/span><\/p>\n<p><span style=\"font-weight: 400;\">The same thing can happen with website and app projects. When faced with a large project you might wonder, \u201chow can I stick to my budget while achieving my goals?\u201d Knowing where and how you can reduce spending is the key to answering this question.<\/span><\/p>\n<p><span style=\"font-weight: 400;\">In this post, we\u2019ll cover ways you can use your budget strategically so that you don&#8217;t have to compromise on quality.<\/span><\/p>\n<h3><span style=\"font-weight: 400;\">The Project Triangle<\/span><\/h3>\n<p><span style=\"font-weight: 400;\">The common way to look at a project is as a triangle with each side representing speed, scope, and price. The idea is that if any of these increases, it will affect the other two. For example, if you need a company website done in a week, that deadline will increase the price and might decrease the quality.<\/span><\/p>\n<p><span style=\"font-weight: 400;\">Some think that they can throw money and people at a project like that and do quality work quickly. That rarely happens. Too many cooks in the kitchen spoil the broth and too many designers at the keyboard can spoil your website. Putting 10 people on a 3-person project isn\u2019t the right way to maintain speed and quality, and it definitely won\u2019t save you any money.<\/span><\/p>\n<p><span style=\"font-weight: 400;\">How can you cut the cost of your project without creating chaos?<\/span><\/p>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"alignnone wp-image-123 size-full\" src=\"https:\/\/brandhoot.com\/blog\/wp-content\/uploads\/2017\/10\/Social-Media-Slides-for-blog-posts-Facebook-Twitter-LinkedIn-etc..png\" alt=\"Adding more developers to your web design project can slow down progress.\" width=\"1000\" height=\"500\" srcset=\"https:\/\/brandhoot.com\/blog\/wp-content\/uploads\/2017\/10\/Social-Media-Slides-for-blog-posts-Facebook-Twitter-LinkedIn-etc..png 1000w, https:\/\/brandhoot.com\/blog\/wp-content\/uploads\/2017\/10\/Social-Media-Slides-for-blog-posts-Facebook-Twitter-LinkedIn-etc.-400x200.png 400w, https:\/\/brandhoot.com\/blog\/wp-content\/uploads\/2017\/10\/Social-Media-Slides-for-blog-posts-Facebook-Twitter-LinkedIn-etc.-40x20.png 40w, https:\/\/brandhoot.com\/blog\/wp-content\/uploads\/2017\/10\/Social-Media-Slides-for-blog-posts-Facebook-Twitter-LinkedIn-etc.-400x200@2x.png 800w, https:\/\/brandhoot.com\/blog\/wp-content\/uploads\/2017\/10\/Social-Media-Slides-for-blog-posts-Facebook-Twitter-LinkedIn-etc.-40x20@2x.png 80w\" sizes=\"auto, (max-width: 1000px) 100vw, 1000px\" \/><\/p>\n<h3><span style=\"font-weight: 400;\">Create a prototype<\/span><\/h3>\n<p><span style=\"font-weight: 400;\">Once you know the features you\u2019d like to include, you need to find the most effective way to build them. A prototype lets you explore different ways of building these features. You essentially get to measure twice and cut once. <\/span><\/p>\n<p><span style=\"font-weight: 400;\">At times you could think that you need to include every idea and feature in your project when only a few things are actually needed to solve your problem. A high-resolution prototype is extremely helpful in determining what your minimum viable product actually is. <\/span><\/p>\n<p><span style=\"font-weight: 400;\">Surprisingly, putting in the extra time and effort to create a prototype will actually save you money in the long run. Adding features at the last minute can be very expensive when compared with planning for them. So, think ahead and use a prototype.<\/span><\/p>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"alignnone wp-image-124 size-full\" src=\"https:\/\/brandhoot.com\/blog\/wp-content\/uploads\/2017\/10\/Social-Media-Slides-for-blog-posts-Facebook-Twitter-LinkedIn-etc.-1.png\" alt=\"Create a prototype of your website to save money during the build phase.\" width=\"1000\" height=\"500\" srcset=\"https:\/\/brandhoot.com\/blog\/wp-content\/uploads\/2017\/10\/Social-Media-Slides-for-blog-posts-Facebook-Twitter-LinkedIn-etc.-1.png 1000w, https:\/\/brandhoot.com\/blog\/wp-content\/uploads\/2017\/10\/Social-Media-Slides-for-blog-posts-Facebook-Twitter-LinkedIn-etc.-1-400x200.png 400w, https:\/\/brandhoot.com\/blog\/wp-content\/uploads\/2017\/10\/Social-Media-Slides-for-blog-posts-Facebook-Twitter-LinkedIn-etc.-1-40x20.png 40w, https:\/\/brandhoot.com\/blog\/wp-content\/uploads\/2017\/10\/Social-Media-Slides-for-blog-posts-Facebook-Twitter-LinkedIn-etc.-1-400x200@2x.png 800w, https:\/\/brandhoot.com\/blog\/wp-content\/uploads\/2017\/10\/Social-Media-Slides-for-blog-posts-Facebook-Twitter-LinkedIn-etc.-1-40x20@2x.png 80w\" sizes=\"auto, (max-width: 1000px) 100vw, 1000px\" \/><\/p>\n<h3><span style=\"font-weight: 400;\">Start with a Launchpad Design<\/span><\/h3>\n<p><span style=\"font-weight: 400;\">The key to cutting costs on your next project while achieving great results is focusing on your priorities. You wouldn\u2019t buy new rims for your car when it actually needed brake pads. In the same way, you need to spend your project budget on what really matters.<\/span><\/p>\n<p><span style=\"font-weight: 400;\">This is where creating a launchpad website comes in. A <a href=\"https:\/\/blog.hubspot.com\/agency\/scope-launch-pad-website-growth-driven-design-video\">launchpad website is a small site with a limited scope<\/a>. Its only goal is to solve your immediate needs as effectively as possible within your budget. As time goes on, you can expand your launchpad site to include all of your dream features when more budget becomes available. <\/span><\/p>\n<p><span style=\"font-weight: 400;\">How can you decide what to include on your launchpad site?<\/span><\/p>\n<p><span style=\"font-weight: 400;\">You need to weigh effort vs. the positive impact the features will have. For example, you may decide that there are 5 key features that your site should include, but you can\u2019t afford to include them all. So, you compare effort vs. impact to choose the features with the highest ROI. Your comparison might look like this:<\/span><\/p>\n<ol>\n<li style=\"font-weight: 400;\"><span style=\"font-weight: 400;\">Allow customers to book appointments online: Effort 5, Impact 10<\/span><\/li>\n<li style=\"font-weight: 400;\"><span style=\"font-weight: 400;\">Make branding updates to logos and images: Effort 2, Impact 5<\/span><\/li>\n<li style=\"font-weight: 400;\"><span style=\"font-weight: 400;\">Build a portal for customer accounts: Effort 10, Impact 6<\/span><\/li>\n<li style=\"font-weight: 400;\"><span style=\"font-weight: 400;\">Add a section for announcements and updates: Effort 4, Impact 2<\/span><\/li>\n<li style=\"font-weight: 400;\"><span style=\"font-weight: 400;\">Build in contextual marketing based on different user types: Effort 8, Impact 6<\/span><\/li>\n<\/ol>\n<p><span style=\"font-weight: 400;\">This looks pretty messy, but it\u2019s supposed to. Your only job is ranking features by their business impact and the amount of time they\u2019ll take to develop. There won\u2019t be many clear-cut winners, but there will be some options that are better than others.<\/span><\/p>\n<p><span style=\"font-weight: 400;\">It could be that the most expensive feature to build will have the biggest impact, or that just a few of the affordable features will bring the majority of the benefits. Carefully choose the features that matter most to you and your users, then build them into your launchpad website.<\/span><\/p>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"alignnone wp-image-125 size-full\" src=\"https:\/\/brandhoot.com\/blog\/wp-content\/uploads\/2017\/10\/Social-Media-Slides-for-blog-posts-Facebook-Twitter-LinkedIn-etc.-2.png\" alt=\"Use a launchpad or minimum viable product to save on your website budget.\" width=\"1000\" height=\"500\" srcset=\"https:\/\/brandhoot.com\/blog\/wp-content\/uploads\/2017\/10\/Social-Media-Slides-for-blog-posts-Facebook-Twitter-LinkedIn-etc.-2.png 1000w, https:\/\/brandhoot.com\/blog\/wp-content\/uploads\/2017\/10\/Social-Media-Slides-for-blog-posts-Facebook-Twitter-LinkedIn-etc.-2-400x200.png 400w, https:\/\/brandhoot.com\/blog\/wp-content\/uploads\/2017\/10\/Social-Media-Slides-for-blog-posts-Facebook-Twitter-LinkedIn-etc.-2-40x20.png 40w, https:\/\/brandhoot.com\/blog\/wp-content\/uploads\/2017\/10\/Social-Media-Slides-for-blog-posts-Facebook-Twitter-LinkedIn-etc.-2-400x200@2x.png 800w, https:\/\/brandhoot.com\/blog\/wp-content\/uploads\/2017\/10\/Social-Media-Slides-for-blog-posts-Facebook-Twitter-LinkedIn-etc.-2-40x20@2x.png 80w\" sizes=\"auto, (max-width: 1000px) 100vw, 1000px\" \/><\/p>\n<h3><span style=\"font-weight: 400;\">Making ongoing improvements to your website<\/span><\/h3>\n<p><span style=\"font-weight: 400;\">A launchpad design is all about finding ways to achieve your minimum viable product quickly. But, your site won\u2019t stay that way forever. You need to keep adding to it to increase its effectiveness.<\/span><\/p>\n<p><span style=\"font-weight: 400;\">Once your launchpad is created, you\u2019ll be able to confirm your assumptions about the business value of all of its features. You\u2019ll see what works and what needs improvement. \u00a0How can you do this?<\/span><\/p>\n<ul>\n<li><b>Usability testing: <span style=\"font-weight: 400;\">This involves bringing in actual users to test your interface and confirm that it works the way you want it to. Their honest feedback will help you see what features they want most from your interface and further refine the features that have already been built.<\/span><\/b><\/li>\n<li><strong>User <a href=\"https:\/\/mouseflow.com\/\">heatmaps<\/a>:<\/strong> <span style=\"font-weight: 400;\">This service allows you to see how actual visitors to your site are interacting with it. This can show you where the sticking points are and where they might like there to be more.<\/span><\/li>\n<li><strong>Buyer personas:<\/strong> <span style=\"font-weight: 400;\">The best way to add to your website is to solve more of the challenges that your users face. Creating buyer personas will help you to uncover these challenges.<\/span><\/li>\n<\/ul>\n<p><span style=\"font-weight: 400;\">These three steps can go a long way toward helping you build new features into your website and app. This allows you to make continuous improvements based on actual needs.<\/span><\/p>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-full wp-image-126\" src=\"https:\/\/brandhoot.com\/blog\/wp-content\/uploads\/2017\/10\/Social-Media-Slides-for-blog-posts-Facebook-Twitter-LinkedIn-etc.-3.png\" alt=\"Usability testing, user heatmaps, and buyer personas will help you to improve your website.\" width=\"1000\" height=\"500\" srcset=\"https:\/\/brandhoot.com\/blog\/wp-content\/uploads\/2017\/10\/Social-Media-Slides-for-blog-posts-Facebook-Twitter-LinkedIn-etc.-3.png 1000w, https:\/\/brandhoot.com\/blog\/wp-content\/uploads\/2017\/10\/Social-Media-Slides-for-blog-posts-Facebook-Twitter-LinkedIn-etc.-3-400x200.png 400w, https:\/\/brandhoot.com\/blog\/wp-content\/uploads\/2017\/10\/Social-Media-Slides-for-blog-posts-Facebook-Twitter-LinkedIn-etc.-3-40x20.png 40w, https:\/\/brandhoot.com\/blog\/wp-content\/uploads\/2017\/10\/Social-Media-Slides-for-blog-posts-Facebook-Twitter-LinkedIn-etc.-3-400x200@2x.png 800w, https:\/\/brandhoot.com\/blog\/wp-content\/uploads\/2017\/10\/Social-Media-Slides-for-blog-posts-Facebook-Twitter-LinkedIn-etc.-3-40x20@2x.png 80w\" sizes=\"auto, (max-width: 1000px) 100vw, 1000px\" \/><\/p>\n<h3><span style=\"font-weight: 400;\">Making smart budget and scope decisions is easier with a reliable partner<\/span><\/h3>\n<p><span style=\"font-weight: 400;\">Budgets are a limited resource that no one wants to waste. To get the most out of yours consider contacting us for a strategy-oriented consultation. <a href=\"https:\/\/brandhoot.com\/contact\/\">We would be happy to discuss potential directions for your project<\/a> and suggest ways to use your budget effectively.<\/span><\/p>\n<p><a href=\"https:\/\/brandhoot.com\/contact\/\"><img loading=\"lazy\" decoding=\"async\" class=\"alignnone wp-image-129 size-full\" src=\"https:\/\/brandhoot.com\/blog\/wp-content\/uploads\/2017\/10\/Social-Media-Slides-for-blog-posts-Facebook-Twitter-LinkedIn-etc.-4.png\" alt=\"Free web design consultation\" width=\"1000\" height=\"500\" srcset=\"https:\/\/brandhoot.com\/blog\/wp-content\/uploads\/2017\/10\/Social-Media-Slides-for-blog-posts-Facebook-Twitter-LinkedIn-etc.-4.png 1000w, https:\/\/brandhoot.com\/blog\/wp-content\/uploads\/2017\/10\/Social-Media-Slides-for-blog-posts-Facebook-Twitter-LinkedIn-etc.-4-400x200.png 400w, https:\/\/brandhoot.com\/blog\/wp-content\/uploads\/2017\/10\/Social-Media-Slides-for-blog-posts-Facebook-Twitter-LinkedIn-etc.-4-40x20.png 40w, https:\/\/brandhoot.com\/blog\/wp-content\/uploads\/2017\/10\/Social-Media-Slides-for-blog-posts-Facebook-Twitter-LinkedIn-etc.-4-400x200@2x.png 800w, https:\/\/brandhoot.com\/blog\/wp-content\/uploads\/2017\/10\/Social-Media-Slides-for-blog-posts-Facebook-Twitter-LinkedIn-etc.-4-40x20@2x.png 80w\" sizes=\"auto, (max-width: 1000px) 100vw, 1000px\" \/><\/a><\/p>\n","protected":false},"excerpt":{"rendered":"<p>When you\u2019re faced with a high car repair bill what do you do? If you\u2019re like me, then you\u2019ll probably ask the mechanic, \u201cwhat needs to be done immediately and what can wait?\u201d You want your car to be safe and functional without breaking your budget. The same thing can happen with website and app [&hellip;]<\/p>\n","protected":false},"author":4,"featured_media":0,"comment_status":"closed","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"_acf_changed":false,"footnotes":""},"categories":[1],"tags":[7,5,6],"class_list":["post-121","post","type-post","status-publish","format-standard","hentry","category-uncategorized","tag-budgeting","tag-strategy","tag-website-design"],"acf":[],"_links":{"self":[{"href":"https:\/\/brandhoot.com\/blog\/wp-json\/wp\/v2\/posts\/121","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/brandhoot.com\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/brandhoot.com\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/brandhoot.com\/blog\/wp-json\/wp\/v2\/users\/4"}],"replies":[{"embeddable":true,"href":"https:\/\/brandhoot.com\/blog\/wp-json\/wp\/v2\/comments?post=121"}],"version-history":[{"count":11,"href":"https:\/\/brandhoot.com\/blog\/wp-json\/wp\/v2\/posts\/121\/revisions"}],"predecessor-version":[{"id":343,"href":"https:\/\/brandhoot.com\/blog\/wp-json\/wp\/v2\/posts\/121\/revisions\/343"}],"wp:attachment":[{"href":"https:\/\/brandhoot.com\/blog\/wp-json\/wp\/v2\/media?parent=121"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/brandhoot.com\/blog\/wp-json\/wp\/v2\/categories?post=121"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/brandhoot.com\/blog\/wp-json\/wp\/v2\/tags?post=121"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}