3 Ways Top Brands Personalized Their Websites

Think of the most impactful marketing campaigns you’ve ever come across. Chances are that they were not only creative and unique, but they also probably spoke to relevant interests or pain points you frequently experience. Those in marketing jobs know the importance of tailoring messaging to your audience, and that’s easily doable when it applies to email and direct marketing – but it’s not as clear when it comes to your brand’s website.

While website content was once forced to remain stagnant, technology has since evolved to allow for a more dynamic approach. One visitor can have an entirely different user experience from another visitor who entered the site at the same time, in the same geographical area. This is thanks to responsive design, which optimizes a site for the device on which it renders. The feature is growing in importance, and users have come to a point where they expect a site to be optimized for their device. According to BOP Design blog, 46 percent of people using mobile devices report having problems viewing a static site.

Make your website dynamic.Make your website dynamic.

Some brands are responding to the demand for responsive design and personalized content with unique site redesigns that include different kinds of customization. Here’s how some are adopting this concept:

1. ESPN provides tailored content

ESPN recently went through a site makeover that has sports fans from all over rejoicing. Depending on a user’s past visits, tailored content will show up on the homepage, eliminating the need for returning visitors to sift through irrelevant content. They’ll find all of the latest headlines on their favorite sports teams right away without having to put in any effort.

“Our goal is simple,” explained the brand in an article devoted to its redesign. “Make what matters most to you easily accessible the moment you want it, wherever you are.”

Not only will the site pull in information based on past visits, but it also considers the user’s location, device and customized preferences. Users can tweak their “favorites” section to include various teams and sports, which allows for more relevant information that requires less time and effort on the user’s part.

“Amazon lists related products directly below the main screen.”

2. Amazon includes recommended products

One of the first brands to own the personalization feature, Amazon lists related products directly below the main screen. This is now a concept that many B2C sites have adopted. Using a special algorithm, the site produces a list of related products that users might be interested in checking out further. It pulls information based on previously viewed products, past purchases and user ratings. This means that theoretically, the recommended products bar just gets more accurate the more a user visits the site and makes purchases. It’s this convenience and continuously improving customization that makes the feature so compelling among consumers.

3. Intuit QuickBase and dynamic Calls to Action

HubSpot reported that Intuit QuickBase uses a special algorithm that greets users with specific calls to action. Depending on the site visitor’s stage of purchasing, a different offer will show. For example, when he or she first comes to the site, the opportunity to download a helpful ebook appears. The ebook and surrounding messaging is tailored to new users who are in the first stage of the funnel. After a person downloads the ebook, he or she won’t see the same offer on that landing page. Instead, a message to attend a webinar will appear, which will help guide them through to the next stage of the buying process.

The customization feature seems to be a success. According to HubSpot, Intuit has since gotten click through rates of 10 percent on personalized CTAs and click-to-submission rates close to 100 percent. When designing your own site, it’s important to keep these metrics in mind and consider using personalized calls to action for all of your brand’s enticing offers.

Contract and Direct Hire job openings are updated daily. View all job listings here!

[gravityform id="8" title="false" description="false" ajax="true" tabindex="49"]
<div class='gf_browser_unknown gform_wrapper' id='gform_wrapper_8' ><div id='gf_8' class='gform_anchor' tabindex='-1'></div><form method='post' enctype='multipart/form-data' target='gform_ajax_frame_8' id='gform_8' action='/blog/3-ways-top-brands-personalized-their-websites/#gf_8'> <div class='gform_body'><ul id='gform_fields_8' class='gform_fields top_label form_sublabel_below description_below'><li id='field_8_2' class='gfield gfield_contains_required field_sublabel_below field_description_below gfield_visibility_visible' ><label class='gfield_label' for='input_8_2' >First Name<span class='gfield_required'>*</span></label><div class='ginput_container ginput_container_text'><input name='input_2' id='input_8_2' type='text' value='' class='medium' tabindex='49' aria-required="true" aria-invalid="false" /></div></li><li id='field_8_3' class='gfield field_sublabel_below field_description_below gfield_visibility_visible' ><label class='gfield_label' for='input_8_3' >Last Name</label><div class='ginput_container ginput_container_text'><input name='input_3' id='input_8_3' type='text' value='' class='medium' tabindex='50' aria-invalid="false" /></div></li><li id='field_8_4' class='gfield gfield_contains_required field_sublabel_below field_description_below gfield_visibility_visible' ><label class='gfield_label' for='input_8_4' >Work Email<span class='gfield_required'>*</span></label><div class='ginput_container ginput_container_email'> <input name='input_4' id='input_8_4' type='text' value='' class='medium' tabindex='51' aria-required="true" aria-invalid="false" /> </div></li> </ul></div> <div class='gform_footer top_label'> <input type='submit' id='gform_submit_button_8' class='gform_button button' value='Download Our Case Study' tabindex='52' onclick='if(window["gf_submitting_8"]){return false;} window["gf_submitting_8"]=true; ' onkeypress='if( event.keyCode == 13 ){ if(window["gf_submitting_8"]){return false;} window["gf_submitting_8"]=true; jQuery("#gform_8").trigger("submit",[true]); }' /> <input type='hidden' name='gform_ajax' value='form_id=8&amp;title=&amp;description=&amp;tabindex=49' /> <input type='hidden' class='gform_hidden' name='is_submit_8' value='1' /> <input type='hidden' class='gform_hidden' name='gform_submit' value='8' /> <input type='hidden' class='gform_hidden' name='gform_unique_id' value='' /> <input type='hidden' class='gform_hidden' name='state_8' value='WyJbXSIsIjQzNDg5YTIzZTExNmYyOTdlMDY5YzA5YzFmNTRhNTc0Il0=' /> <input type='hidden' class='gform_hidden' name='gform_target_page_number_8' id='gform_target_page_number_8' value='0' /> <input type='hidden' class='gform_hidden' name='gform_source_page_number_8' id='gform_source_page_number_8' 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_8' id='gform_ajax_frame_8' title='This iframe contains the logic required to handle Ajax powered Gravity Forms.'></iframe> <script type='text/javascript'>jQuery(document).ready(function($){gformInitSpinner( 8, 'https://www.careerprofiles.com/wp-content/plugins/gravityforms/images/spinner.gif' );jQuery('#gform_ajax_frame_8').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_8');var is_confirmation = jQuery(this).contents().find('#gform_confirmation_wrapper_8').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_8').html(form_content.html());if(form_content.hasClass('gform_validation_error')){jQuery('#gform_wrapper_8').addClass('gform_validation_error');} else {jQuery('#gform_wrapper_8').removeClass('gform_validation_error');}setTimeout( function() { /* delay the scroll by 50 milliseconds to fix a bug in chrome */ jQuery(document).scrollTop(jQuery('#gform_wrapper_8').offset().top - mt); }, 50 );if(window['gformInitDatepicker']) {gformInitDatepicker();}if(window['gformInitPriceFields']) {gformInitPriceFields();}var current_page = jQuery('#gform_source_page_number_8').val();gformInitSpinner( 8, 'https://www.careerprofiles.com/wp-content/plugins/gravityforms/images/spinner.gif' );jQuery(document).trigger('gform_page_loaded', [8, current_page]);window['gf_submitting_8'] = 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_8').replaceWith(confirmation_content);jQuery(document).scrollTop(jQuery('#gf_8').offset().top - mt);jQuery(document).trigger('gform_confirmation_loaded', [8]);window['gf_submitting_8'] = false;}, 50);}else{jQuery('#gform_8').append(contents);if(window['gformRedirect']) {gformRedirect();}}jQuery(document).trigger('gform_post_render', [8, current_page]);} );} );</script><script type='text/javascript'> jQuery(document).bind('gform_post_render', function(event, formId, currentPage){if(formId == 8) {} } );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', [8, 1]) } ); </script>