Chroma Sites

Clean, strategic websites.

We listen. We think. We build.

A web design process founded in communication, ideas, and simplicity.

We provide the vision to match your passion.

Understanding and distilling ideas into powerful marketing tools is what we do best. When you share your story with us, we learn about your business and take it on as our own. We bring this passionate approach to every phase of our process. Understanding your goals, customers, and style will help us create a website that’s both effective and beautiful.

The proof is in the web design process.

When you hire a website designer, you have to be confident in their ability. Our process builds trust every step of the way.

  1. We do what we say.
  2. We recommend ideas that work.
  3. We make this simple.

Our ‘Thought’ Process

Kick-off

Form a vision.

Learning about your business is how we come up with great recommendations for your website. In our first meeting, we talk about, and form a vision of, what we need to accomplish. Afterwards, we go off to draft a detailed content outline and move on to phase two.

Your time investment:

  • A 5-minute questionnaire
  • A 1-hour kick-off meeting
  • Tell us what you think about the content outline

Content Development

Organize ideas into writing.

Identifying your ideal customers and what they want is fundamental to a strategic website. In our second meeting, we use our content outline as a guide to interview you about the details of your business. Then, we go off to organize and boil down all of these ideas into writing.

Your time investment:

  • A 2-hour recorded interview

Build

Establish the structure.

Visualizing your website without a design can help us focus on its purpose. We build a live website so you can see all of the copywriting in place. During our content review meeting, we compare notes and collect your feedback on everything completed to date.

Your time investment:

  • A 1-hour content review meeting

Design

Explore the style.

Finding the right creative direction brings your website to life. All of our websites are clean and modern, but customization is what allows us to portray your design preferences in a unique way. Together, we explore some imagery and other websites to get a feel for what you like. After that, it’s on us to give you what you want. We guarantee you’ll love it.

Your time investment:

  • 15 minutes exploring some websites together

Review

Improve it all.

Knowing you can change your mind reduces the stress of the entire process. Once designed, we make your website available on our private server for you to scan, scrutinize, and share as you see fit. During this review phase, you have the chance to make any changes you want before launch.

Your time investment:

  • Spend as much or as little time as you like reviewing the website

Launch

Introduce your new vision.

Publicizing your new website to the world can really energize your business. Precise new messaging and a fresh new look can inspire customers and excite employees. We design websites to grow with your business and changes are easy to make. If anyone happens to be nervous about launching, don’t forget, we include one hour of maintenance within 30 days and a one-year guarantee on all of our work.

Your time investment:

  • Tell people about your new website
  • Celebrate!

After-Launch

Expand your reach.

Getting even more value out of your website is the next, natural step. Available only to our website clients, we have a number of ongoing technical services to complement your website and marketing to attract new customers. You get to work with a team who already knows your business and has your trust.

Launching is no reason to say goodbye.

Are you considering a new website?

If you’re exploring your options and want to learn more...
Let's talk!

Does your old website make you cringe?

If you’ve outgrown your current website and need some help...
Get a FREE 7-point website assessment ›
Does your website make you cringe?
[gravityform id="6" title="false" description="false" ajax="true" tabindex="49"]
<div class='gf_browser_unknown gform_wrapper' id='gform_wrapper_6' style='display:none'><div id='gf_6' class='gform_anchor' tabindex='-1'></div><form method='post' enctype='multipart/form-data' target='gform_ajax_frame_6' id='gform_6' action='/process#gf_6'> <div class='gform_body'><ul id='gform_fields_6' class='gform_fields top_label form_sublabel_below description_below'><li id='field_6_5' class='gfield gfield_html gfield_html_formatted gfield_no_follows_desc field_sublabel_below field_description_below gfield_visibility_visible' ><p style="margin: 0 0 12px;"><img style="display: block; margin: 0 auto;" src="https://www.chromasites.com/wp-content/uploads/2020/02/thinking-face-emoji.png" alt="" width="80" height="80" /></p> <p style="text-align: center; font-weight: 700; font-size: 2.5rem; margin: 0 0 12px;">One more thing...</h2></li><li id='field_6_1' class='gfield field_sublabel_below field_description_below hidden_label gfield_visibility_visible' ><label class='gfield_label' for='input_6_1' >Message</label><div class='ginput_container ginput_container_textarea'><textarea name='input_1' id='input_6_1' class='textarea small' tabindex='49' placeholder='What problem do you wish you could solve today?' aria-invalid="false" rows='10' cols='50'></textarea></div></li><li id='field_6_2' class='gfield field_sublabel_below field_description_below hidden_label gfield_visibility_hidden' ><label class='gfield_label' >Contact</label><div class='ginput_container ginput_container_consent'><input name='input_2.1' id='input_6_2_1' type='checkbox' value='1' tabindex='50' aria-invalid="false" /> <label class="gfield_consent_label" for='input_6_2_1' >Please have a team member contact me about this topic.</label><input type='hidden' name='input_2.2' value='Please have a team member contact me about this topic.' class='gform_hidden' /><input type='hidden' name='input_2.3' value='1' class='gform_hidden' /></div></li><li id='field_6_3' class='gfield field_sublabel_hidden_label field_description_below hidden_label gfield_visibility_visible' ><label class='gfield_label gfield_label_before_complex' >Your first name</label><div class='ginput_complex ginput_container no_prefix has_first_name no_middle_name no_last_name no_suffix gf_name_has_1 ginput_container_name' id='input_6_3'> <span id='input_6_3_3_container' class='name_first' > <input type='text' name='input_3.3' id='input_6_3_3' value='' aria-label='First name' tabindex='52' aria-invalid="false" placeholder='Your first name'/> <label for='input_6_3_3' class='hidden_sub_label screen-reader-text'>First</label> </span> </div></li><li id='field_6_4' class='gfield field_sublabel_below field_description_below hidden_label gfield_visibility_visible' ><label class='gfield_label' for='input_6_4' >Your email</label><div class='ginput_container ginput_container_email'> <input name='input_4' id='input_6_4' type='text' value='' class='large' tabindex='56' placeholder='Your email' aria-invalid="false" /> </div></li><li id='field_6_6' class='gfield gform_validation_container field_sublabel_below field_description_below gfield_visibility_visible' ><label class='gfield_label' for='input_6_6' >Email</label><div class='ginput_container'><input name='input_6' id='input_6_6' type='text' value='' /></div><div class='gfield_description' id='gfield_description__6'>This field is for validation purposes and should be left unchanged.</div></li> </ul></div> <div class='gform_footer top_label'> <input type="submit" id="gform_submit_button_6" class="gform_button button om-trigger-conversion" value="Submit" tabindex="57" onclick='if(window["gf_submitting_6"]){return false;} window["gf_submitting_6"]=true; ' onkeypress='if( event.keyCode == 13 ){ if(window["gf_submitting_6"]){return false;} window["gf_submitting_6"]=true; jQuery("#gform_6").trigger("submit",[true]); }'> <input type='hidden' name='gform_ajax' value='form_id=6&amp;title=&amp;description=&amp;tabindex=49' /> <input type='hidden' class='gform_hidden' name='is_submit_6' value='1' /> <input type='hidden' class='gform_hidden' name='gform_submit' value='6' /> <input type='hidden' class='gform_hidden' name='gform_unique_id' value='' /> <input type='hidden' class='gform_hidden' name='state_6' value='WyJ7XCIyLjFcIjpcIjY1NGNiMjRlYjk2ZjNhYzJjYzNlYzNhNWY2NGI5NzMwXCIsXCIyLjJcIjpcIjMxMDRhMDI5YWUyODdjNzk2YWQyZGMyNWQzMTg5ZGNhXCIsXCIyLjNcIjpcIjY1NGNiMjRlYjk2ZjNhYzJjYzNlYzNhNWY2NGI5NzMwXCJ9IiwiNTIzZmJhYTFlYjEyYjQ1MjM5ODNiMWViM2FlZTQwMDAiXQ==' /> <input type='hidden' class='gform_hidden' name='gform_target_page_number_6' id='gform_target_page_number_6' value='0' /> <input type='hidden' class='gform_hidden' name='gform_source_page_number_6' id='gform_source_page_number_6' value='1' /> <input type='hidden' name='gform_field_values' value='' /> </div> </form> </div> <iframe style='display:none;width:0px;height:0px;' src='about:blank' name='gform_ajax_frame_6' id='gform_ajax_frame_6'>This iframe contains the logic required to handle Ajax powered Gravity Forms.</iframe> <script type='text/javascript'>jQuery(document).ready(function($){gformInitSpinner( 6, 'https://www.chromasites.com/wp-content/plugins/gravityforms/images/spinner.gif' );jQuery('#gform_ajax_frame_6').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_6');var is_confirmation = jQuery(this).contents().find('#gform_confirmation_wrapper_6').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_6').html(form_content.html());if(form_content.hasClass('gform_validation_error')){jQuery('#gform_wrapper_6').addClass('gform_validation_error');} else {jQuery('#gform_wrapper_6').removeClass('gform_validation_error');}setTimeout( function() { /* delay the scroll by 50 milliseconds to fix a bug in chrome */ jQuery(document).scrollTop(jQuery('#gform_wrapper_6').offset().top - mt); }, 50 );if(window['gformInitDatepicker']) {gformInitDatepicker();}if(window['gformInitPriceFields']) {gformInitPriceFields();}var current_page = jQuery('#gform_source_page_number_6').val();gformInitSpinner( 6, 'https://www.chromasites.com/wp-content/plugins/gravityforms/images/spinner.gif' );jQuery(document).trigger('gform_page_loaded', [6, current_page]);window['gf_submitting_6'] = false;}else if(!is_redirect){var confirmation_content = jQuery(this).contents().find('.GF_AJAX_POSTBACK').html();if(!confirmation_content){confirmation_content = contents;}setTimeout(function(){jQuery('#gform_wrapper_6').replaceWith(confirmation_content);jQuery(document).scrollTop(jQuery('#gf_6').offset().top - mt);jQuery(document).trigger('gform_confirmation_loaded', [6]);window['gf_submitting_6'] = false;}, 50);}else{jQuery('#gform_6').append(contents);if(window['gformRedirect']) {gformRedirect();}}jQuery(document).trigger('gform_post_render', [6, current_page]);} );} );</script><script type='text/javascript'> jQuery(document).bind('gform_post_render', function(event, formId, currentPage){if(formId == 6) {gf_global["number_formats"][6] = {"5":{"price":false,"value":false},"1":{"price":false,"value":false},"2":{"price":false,"value":false},"3":{"price":false,"value":false},"4":{"price":false,"value":false},"6":{"price":false,"value":false}};if(window['jQuery']){if(!window['gf_form_conditional_logic'])window['gf_form_conditional_logic'] = new Array();window['gf_form_conditional_logic'][6] = { logic: { 3: {"field":{"actionType":"show","logicType":"all","rules":[{"fieldId":"2","operator":"is","value":"1"}]},"nextButton":null,"section":null},4: {"field":{"actionType":"show","logicType":"all","rules":[{"fieldId":"2","operator":"is","value":"1"}]},"nextButton":null,"section":null} }, dependents: { 3: [3],4: [4] }, animation: 0, defaults: {"3":{"3.2":"","3.3":"","3.4":"","3.6":"","3.8":""}}, fields: {"5":[],"1":[],"2":[3,4],"3":[],"4":[],"6":[]} }; if(!window['gf_number_format'])window['gf_number_format'] = 'decimal_dot';jQuery(document).ready(function(){gf_apply_rules(6, [3,4], true);jQuery('#gform_wrapper_6').show();jQuery(document).trigger('gform_post_conditional_logic', [6, null, true]);} );} if(typeof Placeholders != 'undefined'){ Placeholders.enable(); }} } );jQuery(document).bind('gform_post_conditional_logic', function(event, formId, fields, isInit){} );</script><script type='text/javascript'> jQuery(document).ready(function(){jQuery(document).trigger('gform_post_render', [6, 1]) } ); </script>