The Website Blueprint

**For over 20 years, our team has been creating effective websites for small businesses in every industry. Through trial and error we have created a process to consistently create high quality websites again and again.**

Here is a brief overview of our process. [Click here to download the comprehensive Website Blueprint.](#help)

### Step 1. Create A Plan

Obviously you need to know what you’re doing before you start. Spend some time thinking about the purpose of the website. What do you hope to achieve with it? Look at competitor websites and gather ideas for what you want to include on your site. Consider both the look and feel of the sites as well as the features of functionality

Create a list of the pages you would like to see on the site. This is called a sitemap and is a foundational piece of every website.

### Step 2. Gather Your Content

Most people want to jump right into the design phase but we have discovered that gathering the content for the website first makes the design phase much easier. Start writing copy for your site, gathering photos and images to use, and collecting any other material you want to be on the website.

If you have any trouble with writing copy, consider using a tool like ChatGPT to get some ideas.

### Step 3. Design Your Site

Now that you know what pages you will have on your site, what images you have to work with, and what copy you have available, you can finally start putting together your design. If you’re not a designer by trade, you may find it easier to find a template to start working with.

This may be a good point to start deciding which service you want to use to build your site with. There are a ton of options but we use [WordPress](https://www.mpcstudios.com/why-wordpress-is-the-best-choice-for-your-website/) to build most of our sites.

### Step 4. Create Your Site

Once we’ve created our design we can then start creating the actual website. If you’re using a template, this step may be as simple as swapping in your own information. You may need to consult the help documentation for the service you are using.

It goes without saying but I’ll say it anyway, Youtube can be a great resource for finding how-to videos for the website service you landed on.

### Step 5. Test and Launch!

Make sure you check your work on your computer and your phone. You want to be sure the site displays well across all devices and behaves the way you expect. Double check for spelling errors or other common mistakes.

---

## Need Help?

Fill out the form below to download our comprehensive Website Blueprint.

var gform;gform||(document.addEventListener("gform\_main\_scripts\_loaded",function(){gform.scriptsLoaded=!0}),document.addEventListener("gform/theme/scripts\_loaded",function(){gform.themeScriptsLoaded=!0}),window.addEventListener("DOMContentLoaded",function(){gform.domLoaded=!0}),gform={domLoaded:!1,scriptsLoaded:!1,themeScriptsLoaded:!1,isFormEditor:()=>"function"==typeof InitializeEditor,callIfLoaded:function(o){return!(!gform.domLoaded||!gform.scriptsLoaded||!gform.themeScriptsLoaded&&!gform.isFormEditor()||(gform.isFormEditor()&&console.warn("The use of gform.initializeOnLoaded() is deprecated in the form editor context and will be removed in Gravity Forms 3.1."),o(),0))},initializeOnLoaded:function(o){gform.callIfLoaded(o)||(document.addEventListener("gform\_main\_scripts\_loaded",()=>{gform.scriptsLoaded=!0,gform.callIfLoaded(o)}),document.addEventListener("gform/theme/scripts\_loaded",()=>{gform.themeScriptsLoaded=!0,gform.callIfLoaded(o)}),window.addEventListener("DOMContentLoaded",()=>{gform.domLoaded=!0,gform.callIfLoaded(o)}))},hooks:{action:{},filter:{}},addAction:function(o,r,e,t){gform.addHook("action",o,r,e,t)},addFilter:function(o,r,e,t){gform.addHook("filter",o,r,e,t)},doAction:function(o){gform.doHook("action",o,arguments)},applyFilters:function(o){return gform.doHook("filter",o,arguments)},removeAction:function(o,r){gform.removeHook("action",o,r)},removeFilter:function(o,r,e){gform.removeHook("filter",o,r,e)},addHook:function(o,r,e,t,n){null==gform.hooks\[o\]\[r\]&&(gform.hooks\[o\]\[r\]=\[\]);var d=gform.hooks\[o\]\[r\];null==n&&(n=r+"\_"+d.length),gform.hooks\[o\]\[r\].push({tag:n,callable:e,priority:t=null==t?10:t})},doHook:function(r,o,e){var t;if(e=Array.prototype.slice.call(e,1),null!=gform.hooks\[r\]\[o\]&&((o=gform.hooks\[r\]\[o\]).sort(function(o,r){return o.priority-r.priority}),o.forEach(function(o){"function"!=typeof(t=o.callable)&&(t=window\[t\]),"action"==r?t.apply(null,e):e\[0\]=t.apply(null,e)})),"filter"==r)return e\[0\]},removeHook:function(o,r,t,n){var e;null!=gform.hooks\[o\]\[r\]&&(e=(e=gform.hooks\[o\]\[r\]).filter(function(o,r,e){return!!(null!=n&&n!=o.tag||null!=t&&t!=o.priority)}),gform.hooks\[o\]\[r\]=e)}});

Your Name

Your Email

Receive More Small Business Website Tips

 Sign me up

            

Δdocument.getElementById( "ak\_js\_1" ).setAttribute( "value", ( new Date() ).getTime() );

gform.initializeOnLoaded( function() {gformInitSpinner( 5, 'https://www.mpcstudios.com/wp-content/plugins/gravityforms/images/spinner.svg', true );jQuery('#gform\_ajax\_frame\_5').on('load',function(){var contents = jQuery(this).contents().find('\*').html();var is\_postback = contents.indexOf('GF\_AJAX\_POSTBACK') >= 0;if(!is\_postback){return;}var form\_content = jQuery(this).contents().find('#gform\_wrapper\_5');var is\_confirmation = jQuery(this).contents().find('#gform\_confirmation\_wrapper\_5').length > 0;var is\_redirect = contents.indexOf('gformRedirect(){') >= 0;var is\_form = form\_content.length > 0 && ! is\_redirect && ! is\_confirmation;var mt = parseInt(jQuery('html').css('margin-top'), 10) + parseInt(jQuery('body').css('margin-top'), 10) + 100;if(is\_form){jQuery('#gform\_wrapper\_5').html(form\_content.html());if(form\_content.hasClass('gform\_validation\_error')){jQuery('#gform\_wrapper\_5').addClass('gform\_validation\_error');} else {jQuery('#gform\_wrapper\_5').removeClass('gform\_validation\_error');}setTimeout( function() { /\* delay the scroll by 50 milliseconds to fix a bug in chrome \*/ jQuery(document).scrollTop(jQuery('#gform\_wrapper\_5').offset().top - mt); }, 50 );if(window\['gformInitDatepicker'\]) {gformInitDatepicker();}if(window\['gformInitPriceFields'\]) {gformInitPriceFields();}var current\_page = jQuery('#gform\_source\_page\_number\_5').val();gformInitSpinner( 5, 'https://www.mpcstudios.com/wp-content/plugins/gravityforms/images/spinner.svg', true );jQuery(document).trigger('gform\_page\_loaded', \[5, current\_page\]);window\['gf\_submitting\_5'\] = false;}else if(!is\_redirect){var confirmation\_content = jQuery(this).contents().find('.GF\_AJAX\_POSTBACK').html();if(!confirmation\_content){confirmation\_content = contents;}jQuery('#gform\_wrapper\_5').replaceWith(confirmation\_content);jQuery(document).scrollTop(jQuery('#gf\_5').offset().top - mt);jQuery(document).trigger('gform\_confirmation\_loaded', \[5\]);window\['gf\_submitting\_5'\] = false;wp.a11y.speak(jQuery('#gform\_confirmation\_message\_5').text());}else{jQuery('#gform\_5').append(contents);if(window\['gformRedirect'\]) {gformRedirect();}}jQuery(document).trigger("gform\_pre\_post\_render", \[{ formId: "5", currentPage: "current\_page", abort: function() { this.preventDefault(); } }\]); if (event && event.defaultPrevented) { return; } const gformWrapperDiv = document.getElementById( "gform\_wrapper\_5" ); if ( gformWrapperDiv ) { const visibilitySpan = document.createElement( "span" ); visibilitySpan.id = "gform\_visibility\_test\_5"; gformWrapperDiv.insertAdjacentElement( "afterend", visibilitySpan ); } const visibilityTestDiv = document.getElementById( "gform\_visibility\_test\_5" ); let postRenderFired = false; function triggerPostRender() { if ( postRenderFired ) { return; } postRenderFired = true; gform.core.triggerPostRenderEvents( 5, current\_page ); if ( visibilityTestDiv ) { visibilityTestDiv.parentNode.removeChild( visibilityTestDiv ); } } function debounce( func, wait, immediate ) { var timeout; return function() { var context = this, args = arguments; var later = function() { timeout = null; if ( !immediate ) func.apply( context, args ); }; var callNow = immediate && !timeout; clearTimeout( timeout ); timeout = setTimeout( later, wait ); if ( callNow ) func.apply( context, args ); }; } const debouncedTriggerPostRender = debounce( function() { triggerPostRender(); }, 200 ); if ( visibilityTestDiv && visibilityTestDiv.offsetParent === null ) { const observer = new MutationObserver( ( mutations ) => { mutations.forEach( ( mutation ) => { if ( mutation.type === 'attributes' && visibilityTestDiv.offsetParent !== null ) { debouncedTriggerPostRender(); observer.disconnect(); } }); }); observer.observe( document.body, { attributes: true, childList: false, subtree: true, attributeFilter: \[ 'style', 'class' \], }); } else { triggerPostRender(); } } );} );