<?xml version="1.0" encoding="UTF-8"?><rss version="2.0"
	xmlns:content="http://purl.org/rss/1.0/modules/content/"
	xmlns:wfw="http://wellformedweb.org/CommentAPI/"
	xmlns:dc="http://purl.org/dc/elements/1.1/"
	xmlns:atom="http://www.w3.org/2005/Atom"
	xmlns:sy="http://purl.org/rss/1.0/modules/syndication/"
	xmlns:slash="http://purl.org/rss/1.0/modules/slash/"
	>

<channel>
	<title>Communication Archives - CueCamp Marketing and Content Development</title>
	<atom:link href="https://www.cuecamp.com/blog/tag/communication/feed/" rel="self" type="application/rss+xml" />
	<link>https://www.cuecamp.com/blog/tag/communication/</link>
	<description>CueCamp - Social Media Marketing and Web Design in Chicago</description>
	<lastBuildDate>Wed, 12 Oct 2022 18:21:51 +0000</lastBuildDate>
	<language>en-US</language>
	<sy:updatePeriod>
	hourly	</sy:updatePeriod>
	<sy:updateFrequency>
	1	</sy:updateFrequency>
	<generator>https://wordpress.org/?v=6.9.4</generator>

<image>
	<url>https://www.cuecamp.com/wp-content/uploads/2021/01/cropped-favicon6-32x32.png</url>
	<title>Communication Archives - CueCamp Marketing and Content Development</title>
	<link>https://www.cuecamp.com/blog/tag/communication/</link>
	<width>32</width>
	<height>32</height>
</image> 
	<item>
		<title>6 Easy Steps That Will Make Your Website a Lead Generation Machine</title>
		<link>https://www.cuecamp.com/blog/6-easy-steps-that-will-make-your-website-a-lead-generation-machine/</link>
					<comments>https://www.cuecamp.com/blog/6-easy-steps-that-will-make-your-website-a-lead-generation-machine/#respond</comments>
		
		<dc:creator><![CDATA[Dr. Sharritt]]></dc:creator>
		<pubDate>Wed, 10 Nov 2021 15:30:00 +0000</pubDate>
				<category><![CDATA[Content Marketing]]></category>
		<category><![CDATA[Digital Marketing]]></category>
		<category><![CDATA[Marketing Automation]]></category>
		<category><![CDATA[Psychology]]></category>
		<category><![CDATA[SEO]]></category>
		<category><![CDATA[Social Media]]></category>
		<category><![CDATA[User Experience]]></category>
		<category><![CDATA[Web Design]]></category>
		<category><![CDATA[Communication]]></category>
		<category><![CDATA[Content Writing]]></category>
		<category><![CDATA[Credibility]]></category>
		<category><![CDATA[Information Architecture]]></category>
		<category><![CDATA[Keyword Research]]></category>
		<category><![CDATA[Landing Page]]></category>
		<category><![CDATA[Personalization]]></category>
		<category><![CDATA[Sales]]></category>
		<category><![CDATA[Search Engine Optimization (SEO)]]></category>
		<guid isPermaLink="false">https://www.cuecamp.com/?p=15124</guid>

					<description><![CDATA[<p>How can you use digital marketing for lead generation to attract new customers? To build interest, high-quality and useful information should be front-and-center. In this article, we present six (6) steps to perfect your website for lead generation, resulting in more paying clients for your business.</p>
<p>The post <a href="https://www.cuecamp.com/blog/6-easy-steps-that-will-make-your-website-a-lead-generation-machine/">6 Easy Steps That Will Make Your Website a Lead Generation Machine</a> appeared first on <a href="https://www.cuecamp.com">CueCamp</a>.</p>
]]></description>
										<content:encoded><![CDATA[
<p>How can you use digital marketing for lead generation and attract new customers? The design of your website directly affects how well you connect with potential customers and convert them into sales. Clean, well-organized content is critical; along with a compelling call-to-action that begins the connection process. According to Salesforce, it takes an average of 6-8 marketing touch points to generate a sales lead. To build interest, high-quality and useful information should be front-and-center. In this article, we present six (6) steps to perfect your website for lead generation, resulting in more paying clients for your business.</p>



<span id="more-15124"></span>



<h2 class="wp-block-heading">1. Find Your Best-Selling Products</h2>



<p>First, conduct a bit of research on your business to find out what sells the best. You may already know this intuitively, but research into actual sales figures and profit margins will be of use. In certain cases, great-selling products or services may not generate income for your business due to slim profit margins. Alternatively, you may wish to prioritize other products / services with less traffic, but higher margins.</p>



<p>Additionally, consult your website and social media analytics to see what actually interests your audience. Particular landing pages or social media posts may receive more traffic than you realize, which is worth noting. You might start by examining a subset of products or services, focusing efforts to generate powerful landing pages that convert. Certain businesses (such as an e-commerce clothing store) may have hundreds of products with a different type of sales cycle. Understanding how and why your customers buy from you will help in the design of good landing pages. For example, an online clothing store with $20 items will have a shorter sales cycle than stores selling $1000+ items.</p>


<div class="wp-block-image">
<figure class="aligncenter size-full is-resized"><img fetchpriority="high" decoding="async" src="https://cuecamp.b-cdn.net/wp-content/uploads/2021/11/audience.jpg" alt="lead generation for your target audience" class="wp-image-15145" width="927" height="618" srcset="https://cdn.cuecamp.com/wp-content/uploads/2021/11/audience.jpg 1854w, https://cdn.cuecamp.com/wp-content/uploads/2021/11/audience-300x200.jpg 300w, https://cdn.cuecamp.com/wp-content/uploads/2021/11/audience-1024x683.jpg 1024w, https://cdn.cuecamp.com/wp-content/uploads/2021/11/audience-768x512.jpg 768w, https://cdn.cuecamp.com/wp-content/uploads/2021/11/audience-1536x1024.jpg 1536w, https://cdn.cuecamp.com/wp-content/uploads/2021/11/audience-480x320.jpg 480w, https://cdn.cuecamp.com/wp-content/uploads/2021/11/audience-600x400.jpg 600w" sizes="(max-width: 927px) 100vw, 927px" /><figcaption>Keep your target audience in mind when performing an audit on your best-selling products or services.</figcaption></figure>
</div>


<p>Finally, to help refine your list, a business SWOT analysis can highlight both successful and problematic areas to change. A SWOT analysis looks at <strong>S</strong>trengths, <strong>W</strong>eaknesses, <strong>O</strong>pportunities, and <strong>T</strong>hreats: serving as a lens to examine your business. A brief analysis of these four categories reveals products or services that need attention and a marketing redesign. In addition, opportunities for growth are typically revealed that can help improve your digital marketing efforts.</p>



<h2 class="wp-block-heading">2. Design Attention-Grabbing Landing Pages</h2>



<p>Following the analysis done in step 1, you can focus on designing landing pages that grab the attention of your customers. The SWOT analysis (from step 1) will clarify the unique value proposition of your business. Leveraging what sets you apart from your competitors will dramatically improve your marketing. Drawing the attention of your clients to these unique properties will show why they should buy your product or service. Focusing on what it can do for clients (from their perspective) supplies a compelling reason to make a purchase. Be sure to present a powerful, unique value proposition.</p>



<p>For example, when Apple, Inc. releases a new product, they market it clearly with their users in mind. Rather than listing out technical specs first, Apple makes use of vibrant imagery from actual product usage, showing us what the product can do. For instance, iPhone marketing will headline how it is capable of low-light photography, and show crisp images taken in low-light. These may include someone blowing out birthday candles in the dark or sitting around a campfire at night. These contextual examples help people imagine what owning the new product might be like. Concrete examples show users what they can do themselves with the product.</p>


<div class="wp-block-image">
<figure class="aligncenter size-full"><img decoding="async" width="1854" height="1968" src="https://cuecamp.b-cdn.net/wp-content/uploads/2021/11/iphone.jpg" alt="iPhone digital marketing" class="wp-image-15132" srcset="https://cdn.cuecamp.com/wp-content/uploads/2021/11/iphone.jpg 1854w, https://cdn.cuecamp.com/wp-content/uploads/2021/11/iphone-283x300.jpg 283w, https://cdn.cuecamp.com/wp-content/uploads/2021/11/iphone-965x1024.jpg 965w, https://cdn.cuecamp.com/wp-content/uploads/2021/11/iphone-768x815.jpg 768w, https://cdn.cuecamp.com/wp-content/uploads/2021/11/iphone-1447x1536.jpg 1447w" sizes="(max-width: 1854px) 100vw, 1854px" /><figcaption>Screenshot from Apple, Inc. showing the low-light photography capabilities of the new iPhone</figcaption></figure>
</div>


<p>Other phone manufacturers may try to tout superior hardware in their product (such as the camera&#8217;s F-stop or shutter speed; or more powerful hardware specifications). However, Apple creates a compelling reason to buy through examples of use, using storytelling and vibrant imagery. Finally, a clear call-to-action is presented: a button to &#8216;buy&#8217; the product. This enables users to enjoy the described benefits of ownership, as conveyed by their marketing and storytelling. </p>



<h2 class="wp-block-heading">3. Create a Powerful Call-to-Action for Lead Generation</h2>



<p>A good strategy for designing landing pages is to place yourself in the shoes of a typical customer. Make sure that marketing content speaks to your customer&#8217;s goals and desires. Do not communicate from your own perspective. Tell a story or show an example of a client using the product or service to communicate from <strong>their</strong> perspective. Rather than starting with what you offer, addresses how you meet their wants and needs first. This helps prospective clients imagine themselves using your product or service while raising social capital.</p>



<p>Once you&#8217;ve <a href="https://www.cuecamp.com/blog/landing-page-guide-for-websites/">created compelling landing pages</a> for your top products or services, what can you do to raise conversion rates? Analyzing your marketing for clear calls to action will shed light on whether you are compelling your audience to take further action. Frequently, we want customers to make a purchase. However, most business models and sales cycles are not this straightforward. Often, businesses want their prospects to &#8216;take the next step&#8217; and reach out. This may be requesting users to send a message or call the business. If this is the case, the call-to-action should be as straightforward and simple as possible.</p>


<div class="wp-block-image">
<figure class="aligncenter size-full is-resized"><img decoding="async" src="https://cuecamp.b-cdn.net/wp-content/uploads/2021/11/optimization-landing-page.jpg" alt="landing page lead generation" class="wp-image-15144" width="1146" height="763" srcset="https://cdn.cuecamp.com/wp-content/uploads/2021/11/optimization-landing-page.jpg 2291w, https://cdn.cuecamp.com/wp-content/uploads/2021/11/optimization-landing-page-300x200.jpg 300w, https://cdn.cuecamp.com/wp-content/uploads/2021/11/optimization-landing-page-1024x682.jpg 1024w, https://cdn.cuecamp.com/wp-content/uploads/2021/11/optimization-landing-page-768x512.jpg 768w, https://cdn.cuecamp.com/wp-content/uploads/2021/11/optimization-landing-page-1536x1023.jpg 1536w, https://cdn.cuecamp.com/wp-content/uploads/2021/11/optimization-landing-page-2048x1364.jpg 2048w, https://cdn.cuecamp.com/wp-content/uploads/2021/11/optimization-landing-page-480x320.jpg 480w, https://cdn.cuecamp.com/wp-content/uploads/2021/11/optimization-landing-page-600x400.jpg 600w" sizes="(max-width: 1146px) 100vw, 1146px" /><figcaption>When analyzing your landing page design, examine the overall user experience (UX) and the clarity of the call-to-action.</figcaption></figure>
</div>


<h4 class="wp-block-heading">What is the End Goal for Lead Generation?</h4>



<p>For each landing page, decide on the best &#8216;next step&#8217; for your sales cycle and for lead generation. Then, focus on making that process as simple as possible. In other words, analyze the landing page at a macro and micro level to be sure the process is easy. Want users to reach out? If so, a short form at the bottom of the page may be best for lead generation. Asking users to fill out a long form will probably cause many of them to fall off the bandwagon. Too many form fields can cause users to question why so much of their personal information is needed. Or it may simply annoy them by having to spend too much time filling out the form.</p>



<p>To conclude, this step should focus on compelling your prospects to act and making that action as easy as possible. Analyzing the <a href="https://www.cuecamp.com/market-research-strategy/">user experience (UX) of the landing page</a> is an excellent way to see what needs improvement. Streamlining your landing page UX and fixing issues will result in better lead generation. Business processes might be considered as well, including how transactions are managed. If users fill out a form, who gets it? Integrating forms with a CRM tool (software for customer-relationship management) could be a smart decision. A good place to start might be with a <a href="https://www.cuecamp.com/free-website-user-experience-analysis/">free UX audit from CueCamp</a>.</p>



<h2 class="wp-block-heading">4. Analyze &amp; Create Resources of Interest</h2>



<p>Take a multi-pronged approach to your digital marketing and create interest by offering resources to potential customers. Using the list generated in step 1, think about any resources that might help your customers engage with your business. For instance, a marketing company might realize that their audience often wants to learn about email marketing basics. In this example, creating a short guide as a downloadable PDF will capture prospects. Asking users to fill out a short form (name, company, email address) will capture leads for future prospecting.</p>


<div class="wp-block-image">
<figure class="aligncenter size-full is-resized"><img loading="lazy" decoding="async" src="https://cuecamp.b-cdn.net/wp-content/uploads/2021/11/marketing-resources.jpg" alt="lead generation with free resources" class="wp-image-15139" width="1119" height="746" srcset="https://cdn.cuecamp.com/wp-content/uploads/2021/11/marketing-resources.jpg 2238w, https://cdn.cuecamp.com/wp-content/uploads/2021/11/marketing-resources-300x200.jpg 300w, https://cdn.cuecamp.com/wp-content/uploads/2021/11/marketing-resources-1024x683.jpg 1024w, https://cdn.cuecamp.com/wp-content/uploads/2021/11/marketing-resources-768x512.jpg 768w, https://cdn.cuecamp.com/wp-content/uploads/2021/11/marketing-resources-1536x1024.jpg 1536w, https://cdn.cuecamp.com/wp-content/uploads/2021/11/marketing-resources-2048x1365.jpg 2048w, https://cdn.cuecamp.com/wp-content/uploads/2021/11/marketing-resources-480x320.jpg 480w, https://cdn.cuecamp.com/wp-content/uploads/2021/11/marketing-resources-600x400.jpg 600w" sizes="auto, (max-width: 1119px) 100vw, 1119px" /><figcaption>A branded guide, e-book, or downloadable resource can help generate prospects while gathering their information for future marketing efforts.</figcaption></figure>
</div>


<p>Downloadable guides, e-books, blog posts, interactive workshops, and how-to videos are a handful of resources that you can use to generate interest. These efforts support a digital marketing strategy that makes an effective use of your website as a lead generation machine.</p>



<h2 class="wp-block-heading">5. Newsletters and Social Media Posts</h2>


<div class="wp-block-image">
<figure class="aligncenter size-full is-resized"><img loading="lazy" decoding="async" src="https://cuecamp.b-cdn.net/wp-content/uploads/2021/11/personalized-email.jpg" alt="email marketing automation" class="wp-image-15143" width="1089" height="726" srcset="https://cdn.cuecamp.com/wp-content/uploads/2021/11/personalized-email.jpg 2177w, https://cdn.cuecamp.com/wp-content/uploads/2021/11/personalized-email-300x200.jpg 300w, https://cdn.cuecamp.com/wp-content/uploads/2021/11/personalized-email-1024x683.jpg 1024w, https://cdn.cuecamp.com/wp-content/uploads/2021/11/personalized-email-768x512.jpg 768w, https://cdn.cuecamp.com/wp-content/uploads/2021/11/personalized-email-1536x1024.jpg 1536w, https://cdn.cuecamp.com/wp-content/uploads/2021/11/personalized-email-2048x1365.jpg 2048w, https://cdn.cuecamp.com/wp-content/uploads/2021/11/personalized-email-480x320.jpg 480w, https://cdn.cuecamp.com/wp-content/uploads/2021/11/personalized-email-600x400.jpg 600w" sizes="auto, (max-width: 1089px) 100vw, 1089px" /><figcaption>Designing automated emails triggered by users abandoning a purchase are a way to use personalized emails to recapture interest and raise conversion rates.</figcaption></figure>
</div>


<p>A monthly newsletter with valuable information or discounts may be a way to stay connected with customers, without overwhelming them with too many messages. A proper balance of touchpoints, with high quality information, is key. Email newsletters can offer resources of interest, upcoming sales, or industry news. In cases, segmenting your email marketing list will allow more personalized, customized email marketing to your audience. For instance, if you own an online clothing store, emails might be personalized based on gender, shopping habits, or other interests. As shown above, emails can be sent to customers that did not complete their purchase with an incentive to do so. An analysis of your <a href="https://www.cuecamp.com/market-research-strategy/">marketing strategy and business objectives</a> will clarify the type of resources you can offer for the highest impact.</p>



<p>Similarly, social media can be an effective way to draw people to engage with your brand. Like newsletters, a suitable amount of content for your business will help generate quality conversions. Posting low-quality content daily can overwhelm those following your brand, causing users to unfollow you on social media. Alternatively, posting too infrequently can cause a loss of interest. Analyzing your business objectives and <a href="https://www.cuecamp.com/blog/social-media-marketing-techniques-to-differentiate-your-brand/">designing a social media strategy</a> to create a buzz for your business will draw prospective clients to your website. Additionally, <a href="https://www.cuecamp.com/blog/how-to-create-engaging-social-media-marketing-content-using-instagram-hashtag-research/">hashtag research</a> can separate your audience by interest, demographics, and location: enabling you to deliver personalized content to their social media feed.</p>


<div class="wp-block-image">
<figure class="aligncenter size-full is-resized"><img loading="lazy" decoding="async" src="https://cuecamp.b-cdn.net/wp-content/uploads/2021/11/email-frequency.jpg" alt="email lead generation" class="wp-image-15141" width="863" height="648" srcset="https://cdn.cuecamp.com/wp-content/uploads/2021/11/email-frequency.jpg 1726w, https://cdn.cuecamp.com/wp-content/uploads/2021/11/email-frequency-300x225.jpg 300w, https://cdn.cuecamp.com/wp-content/uploads/2021/11/email-frequency-1024x768.jpg 1024w, https://cdn.cuecamp.com/wp-content/uploads/2021/11/email-frequency-768x576.jpg 768w, https://cdn.cuecamp.com/wp-content/uploads/2021/11/email-frequency-1536x1152.jpg 1536w" sizes="auto, (max-width: 863px) 100vw, 863px" /><figcaption>When sending newsletters or email marketing campaigns, a balance must be struck to support engagement without overwhelming your subscribers.</figcaption></figure>
</div>


<h2 class="wp-block-heading">6. Use Paid Ads &amp; SEO for Lead Generation</h2>



<p><a href="https://www.cuecamp.com/search-engine-marketing-seo/">Search Engine Optimization</a>, or SEO, is concerned with optimizing landing pages (and websites) to rank highly on Google search. According to Google, the first five organic search results capture over 67% of all clicks. If your website ranks below the first page or search results, SEO can help improve your search rank to capture more traffic, which leads to more sales. Further, SEO drives 1000%+ more traffic than organic social media,&nbsp;<a href="https://videos.brightedge.com/research-report/BrightEdge_ChannelReport2019_FINAL.pdf" target="_blank" rel="noreferrer noopener">according to BrightEdge</a>. Optimizing your website for keywords of high relevancy has a drastic impact on the traffic driven to your business website from search engines like Google.</p>


<div class="wp-block-image">
<figure class="aligncenter size-full"><img loading="lazy" decoding="async" width="1620" height="1080" src="https://cuecamp.b-cdn.net/wp-content/uploads/2021/11/facebook-ads.jpg" alt="Facebook ads" class="wp-image-15140" srcset="https://cdn.cuecamp.com/wp-content/uploads/2021/11/facebook-ads.jpg 1620w, https://cdn.cuecamp.com/wp-content/uploads/2021/11/facebook-ads-300x200.jpg 300w, https://cdn.cuecamp.com/wp-content/uploads/2021/11/facebook-ads-1024x683.jpg 1024w, https://cdn.cuecamp.com/wp-content/uploads/2021/11/facebook-ads-768x512.jpg 768w, https://cdn.cuecamp.com/wp-content/uploads/2021/11/facebook-ads-1536x1024.jpg 1536w, https://cdn.cuecamp.com/wp-content/uploads/2021/11/facebook-ads-480x320.jpg 480w, https://cdn.cuecamp.com/wp-content/uploads/2021/11/facebook-ads-600x400.jpg 600w" sizes="auto, (max-width: 1620px) 100vw, 1620px" /><figcaption>Facebook Ads can insert paid ads into the feeds of users that you choose, based upon their demographics and interests.</figcaption></figure>
</div>


<p>The steps outlined above support an overall <a href="https://www.cuecamp.com/blog/content-marketing-strategy-tools-to-rank-higher-on-google-search/">content marketing strategy</a>, which aims to drive quality traffic to your website and drive business growth. Besides organic search rank, you can place ads on Google to get to the top of search results. Likewise, social media ads on Facebook, Instagram, Twitter, and LinkedIn will generate prospects and drive traffic to your website. Enabling retargeting / remarketing on your paid ads will push ads to users that previously interacted with your brand. Retargeting users is based on their analytics data. These users are more likely to convert based on their earlier interest in your brand.</p>



<h2 class="wp-block-heading">Summary</h2>



<p>Digital marketing efforts are driven by both quantity and quality. Focusing on both the quality (your website / landing page user-experience) and quantity of leads (your inbound marketing efforts) will generate success. To make your website a lead generation machine, the six steps described in this article will help you reach that goal.</p>



<p>Incorporating a multi-pronged marketing approach across social media, search engines, and paid ads will drive new prospects to your website. What happens once they reach your landing page is up to you, and the user experience provided on your website. For a user experience analysis of your website, you can <a href="https://www.cuecamp.com/free-website-user-experience-analysis/">request a free audit from CueCamp</a>.</p>



<p>Depending on your business, a range of marketing touch points are needed before a prospect becomes a qualified sales lead. When possible, personalized content of high relevancy is more likely to convert a prospect. High-quality content, delivered on a regular cadence, results in a website that will engage your prospects. Crafting a <a href="https://www.cuecamp.com/market-research-strategy/">content marketing strategy</a> to achieve this goal will turn your website into a lead generation machine.</p>



<p>Written by: <a href="https://www.cuecamp.com/about/">Matt Sharritt, Ph.D.</a>, Founder, <a href="https://www.cuecamp.com/">CueCamp</a></p>
<p>The post <a href="https://www.cuecamp.com/blog/6-easy-steps-that-will-make-your-website-a-lead-generation-machine/">6 Easy Steps That Will Make Your Website a Lead Generation Machine</a> appeared first on <a href="https://www.cuecamp.com">CueCamp</a>.</p>
]]></content:encoded>
					
					<wfw:commentRss>https://www.cuecamp.com/blog/6-easy-steps-that-will-make-your-website-a-lead-generation-machine/feed/</wfw:commentRss>
			<slash:comments>0</slash:comments>
		
		
			</item>
		<item>
		<title>Boost Store Profits: E-commerce Experience Optimization</title>
		<link>https://www.cuecamp.com/blog/boost-store-profits-e-commerce-experience-optimization/</link>
					<comments>https://www.cuecamp.com/blog/boost-store-profits-e-commerce-experience-optimization/#respond</comments>
		
		<dc:creator><![CDATA[Dr. Sharritt]]></dc:creator>
		<pubDate>Tue, 21 Jul 2020 17:49:12 +0000</pubDate>
				<category><![CDATA[Content Marketing]]></category>
		<category><![CDATA[Digital Marketing]]></category>
		<category><![CDATA[SEO]]></category>
		<category><![CDATA[User Experience]]></category>
		<category><![CDATA[Web Design]]></category>
		<category><![CDATA[Aesthetics]]></category>
		<category><![CDATA[Communication]]></category>
		<category><![CDATA[Design]]></category>
		<category><![CDATA[Human Factors]]></category>
		<category><![CDATA[Information Architecture]]></category>
		<category><![CDATA[Landing Page]]></category>
		<category><![CDATA[Personalization]]></category>
		<category><![CDATA[Sales]]></category>
		<guid isPermaLink="false">https://www.cuecamp.com/?p=7597</guid>

					<description><![CDATA[<p>Online businesses are forced to compete with large online and big box retailers, including Amazon, Wayfair, and brick-and-mortar stores like Walmart and Best Buy. In order to compete, e-commerce websites need to have a great user-experience (UX) and a streamlined buying process. Complicated checkout systems, over-cluttered product pages, and a lack of mobile e-commerce optimization can severely inhibit a retailer from competing with large companies that have large, dedicated user-experience teams.</p>
<p>The post <a href="https://www.cuecamp.com/blog/boost-store-profits-e-commerce-experience-optimization/">Boost Store Profits: E-commerce Experience Optimization</a> appeared first on <a href="https://www.cuecamp.com">CueCamp</a>.</p>
]]></description>
										<content:encoded><![CDATA[<p>Online businesses are forced to compete with large online and big box retailers, including Amazon, Wayfair, and brick-and-mortar stores like Walmart and Best Buy. In order to compete, e-commerce websites need to have a great user-experience (UX) and a streamlined buying process. Complicated checkout systems, over-cluttered product pages, and a lack of mobile e-commerce optimization can severely inhibit a retailer from competing with large companies that have large, dedicated user-experience teams. <span id="more-7597"></span></p>
<h5>User-friendly Experience + Simplified Buying Journey = More Sales</h5>
<p>For the business owner, a well-designed e-commerce platform allows them to run their business easily, and can help streamline daily operations and customer service calls. Following are some tips and best practices to follow to help grow both organic traffic and sales conversions.</p>
<h2>Search Engine Optimization (SEO) and UX</h2>
<p><a href="https://www.cuecamp.com/market-research-strategy/">User Experience</a> and <a href="https://www.cuecamp.com/search-engine-marketing-seo/">SEO</a> are critical components of any e-commerce site, especially as industry verticals are becoming more competitive. Digital advertising prices continue to rise and generating organic traffic is essential. In addition, cross-functional expertise is required to build a website that has good UX and SEO, as these fields continue to overlap. Google algorithms are becoming better at reading page content, placing priority on well-designed content that is not artificial. Prior black-hat tactics to raise search rank, like loading page footers with keyword-dense text, are now causing page ranks in search engines (like Google or Bing) to drop. Driving organic traffic can feel daunting and will take time, but will pay-off in the end with good SEO practices.</p>
<p><img loading="lazy" decoding="async" class="aligncenter wp-image-7602" src="https://cdn.cuecamp.com/wp-content/uploads/2019/11/search-engine-optimization-seo-sign-1024x539.png" alt="" width="800" height="421" /></p>
<h3>Website Sitemap</h3>
<p>Part of good UX and SEO involves a well-designed sitemap. A sitemap reflects the website page and navigation structure, and hierarchically organizes website content. Adding a sitemap to Google Search Console is important for any e-commerce site, so that search engines crawl and understand product information. Google will be notified to any changes that you make to your site, which should happen on a frequent basis so content does not become stale. A sitemap not only makes the new content you post discovered quickly by search engines, but is reflected in the website navigation to users (helping tell them about the content on your website).</p>
<h2>Simplify Page Content (and Clutter)</h2>
<p>Clear, simple to understand content can raise engagement with your audience. In many instances, “less is more” – as said by Ludwig Mies Van der Rohe, a German-American architect that pioneered the minimalist movement. Your website visitors appreciate you communicating your message in a simple, yet efficient manner.</p>
<p>Similar to a cluttered advertisement, websites with distracting content, too much text, or an unclear message will lose their effectiveness. Over time, more and more things fight for our attention, and the average user has a shorter attention span. Users are willing to spend less time figuring out what you’re trying to get across, so get the job done with simple, clear messaging on your website. Design each page using proper keyword research and ensure landing pages have a clear engagement goal in mind so that your content has a purpose.</p>
<h2>Optimizing Website Structure and User Journey</h2>
<p>Supporting the intentions of website visitors is critical to raising conversion rates. Whether the goal is to sell a product or communicate an important piece of information, users should be able to fulfill their needs as efficiently as possible when using your website. If a product is difficult to find or a message becomes muddled, conversion rates will fall.</p>
<p><img loading="lazy" decoding="async" class="aligncenter wp-image-7601" src="https://cdn.cuecamp.com/wp-content/uploads/2019/11/sitemap-2488235_1920-1024x769.png" alt="" width="710" height="533" /></p>
<p>Part of optimizing the user experience (UX) of a website is to ensure that different types of users (personas) are able to achieve their goals efficiently: whether it be completing an action or finding information. A well-designed navigation structure will help the user journey, so that users can find what they want in the least amount of clicks (and with less confusion along the way).</p>
<h2>Make Sure Your Site is Responsive</h2>
<p><img loading="lazy" decoding="async" class="aligncenter size-full wp-image-7598" src="https://cdn.cuecamp.com/wp-content/uploads/2019/11/Responsive_Web_Design.png" alt="" width="460" height="180" /></p>
<p>More people are becoming accustomed to purchasing groceries, clothing, home décor, and vehicles in the comfort of their homes. <a href="https://www.forbes.com/sites/nikkibaird/2018/11/28/every-result-you-need-to-know-about-black-friday-cyber-monday-and-holiday-2018-so-far/" target="_blank" rel="noopener noreferrer">According to Forbes</a>, Cyber Week had 62% of traffic coming from mobile in 2018, and fifteen percent of orders of were placed on mobile phones over the Thanksgiving holiday. Other sources place over 60% of website visitors (and climbing) using a mobile device like a phone or tablet. With this in mind, websites need to use a responsive design to be sure that content is optimized for mobile devices. The lack of an intuitive UX can result in user frustration, causing visitors to leave before completing a purchase on a website.</p>
<h2>Website speed</h2>
<p>Website performance contributes heavily to page rank and SEO, as well as usability. Research by Google describes how sites appearing on page one of Google display content in 1.19 seconds on average, while those on page two display primary content in 1.29 seconds. Some tools that can help you gauge and improve your website speed are <a href="https://website.grader.com/" target="_blank" rel="noopener noreferrer">Website Grader by HubSpot</a>, <a href="https://developers.google.com/speed/pagespeed/insights/" target="_blank" rel="noopener noreferrer">Google PageSpeed Insights</a>, and <a href="https://tools.pingdom.com/" target="_blank" rel="noopener noreferrer">Pingdom Website Speed Test</a>.</p>
<h2>SSL (Secure Socket Layer) certificate</h2>
<p>An SSL certificate authenticates your website to encrypt data that is being transferred from a website to users. SSL certificates ensure that a website is secure when visitors make purchases, which is important is the growing age of e-commerce. An SSL certificate encrypts sensitive user data, such as personal bank information, phone numbers and addresses.</p>
<p><img loading="lazy" decoding="async" class="aligncenter wp-image-7543 size-full" src="https://cdn.cuecamp.com/wp-content/uploads/2019/11/13792583873_2682af02b5_b.jpg" alt="" width="1024" height="683" /></p>
<p>Google Chrome, the most-used browser, has begun notifying users when a website is not fully secured with an SSL certificate. Fully encrypting data using SSL will provide users the best, most secure experience: ensuring that sensitive data is transmitted securely between the browser and web server. In a world where data breaches and security are becoming commonplace, users will trust and show loyalty to brands that value their privacy and sensitive information: highlighting the need for SSL certificates on websites.</p>
<h2>Conclusion</h2>
<p>Optimizing your website has a powerful effect on your marketing effectiveness, as well as your bottom line. Increasing conversions on your website, whether serving a goal of purchasing products or communicating information about your business (in a clear, efficient manner) will attract new customers and build loyalty. By optimizing the user journey for your website, different types of users can be served in a more effective manner.</p>
<p>The skill sets involved in designing a website continue to broaden and overlap. Experts in development, graphic design, SEO, UX, marketing and content writing need to know how their design decisions impact other areas of design. For example, designing a page around a keyword (SEO) impacts the website structure (UX), written content, and image content on the page (which can also impact website speed). A working knowledge of these fields is required to balance design decision trade-offs to make websites more effective, and this expertise can yield powerful improvements. In many instances, a simple analysis of a website by an expert can present some low-hanging fruit, which can have a huge impact on results.</p>
<p>To gauge how your website currently measures up, and identify some low-hanging fruit that can improve your website, <a href="https://www.cuecamp.com/free-website-user-experience-analysis/">request a free website marketing analysis from CueCamp</a>. This report is in video form, generated by CueCamp’s team of experts to show the user-friendliness and marketing effectiveness of your website. Start out on the right foot, and <a href="/contact/">reach out today</a>.</p>
<p>Authors: Shannon Olear &amp; Matt Sharritt, Ph.D. (<a href="https://www.cuecamp.com/#who-we-are">CueCamp</a>)</p>
<p>The post <a href="https://www.cuecamp.com/blog/boost-store-profits-e-commerce-experience-optimization/">Boost Store Profits: E-commerce Experience Optimization</a> appeared first on <a href="https://www.cuecamp.com">CueCamp</a>.</p>
]]></content:encoded>
					
					<wfw:commentRss>https://www.cuecamp.com/blog/boost-store-profits-e-commerce-experience-optimization/feed/</wfw:commentRss>
			<slash:comments>0</slash:comments>
		
		
			</item>
		<item>
		<title>Social Media Marketing Techniques to Differentiate Your Brand</title>
		<link>https://www.cuecamp.com/blog/social-media-marketing-techniques-to-differentiate-your-brand/</link>
					<comments>https://www.cuecamp.com/blog/social-media-marketing-techniques-to-differentiate-your-brand/#comments</comments>
		
		<dc:creator><![CDATA[Dr. Sharritt]]></dc:creator>
		<pubDate>Tue, 12 May 2020 18:38:59 +0000</pubDate>
				<category><![CDATA[Content Marketing]]></category>
		<category><![CDATA[Digital Marketing]]></category>
		<category><![CDATA[Social Media]]></category>
		<category><![CDATA[Aesthetics]]></category>
		<category><![CDATA[Communication]]></category>
		<category><![CDATA[Content Writing]]></category>
		<category><![CDATA[Credibility]]></category>
		<category><![CDATA[Design]]></category>
		<category><![CDATA[Landing Page]]></category>
		<category><![CDATA[Mobile Devices]]></category>
		<guid isPermaLink="false">https://www.cuecamp.com/?p=7568</guid>

					<description><![CDATA[<p>Connecting with your customer base can be challenging given how inundated we are with social media marketing posts: whether it is through Facebook, Instagram, LinkedIn or emerging platforms such as TikTok. With the rise of social media, everyone has been given a voice online, making it harder to stand out and be relevant. For brands to generate awareness and be relevant to consumers means staying on top of the ever-changing social media landscape. What worked a few months ago is not necessarily going to work today, meaning companies need to stay ahead of the trends in order to stand out to their audience.</p>
<p>The post <a href="https://www.cuecamp.com/blog/social-media-marketing-techniques-to-differentiate-your-brand/">Social Media Marketing Techniques to Differentiate Your Brand</a> appeared first on <a href="https://www.cuecamp.com">CueCamp</a>.</p>
]]></description>
										<content:encoded><![CDATA[<p><strong>How to set yourself apart from the competition on social media marketing platforms</strong></p>
<p>Connecting with your customer base can be challenging given how inundated we are with social media marketing posts: whether it is through Facebook, Instagram, LinkedIn or emerging platforms such as TikTok. With the rise of social media, everyone has been given a voice online, making it harder to stand out and be relevant. For brands to generate awareness and be relevant to consumers means staying on top of the ever-changing social media landscape. What worked a few months ago is not necessarily going to work today, meaning companies need to stay ahead of the trends in order to stand out to their audience. <span id="more-7568"></span></p>
<p>Following, we will discuss three trends to follow when generating social media marketing material that coincides with three up and coming trends: <strong>minimalism</strong>, <strong>wellness</strong> and <strong>personal connection</strong>.</p>
<h2>Minimalism</h2>
<p>People want simplicity: not only with the content with which they interact, but also in how they approach their lives. When serving up new content, always strive for simple imagery and direct video content. Technology continues to have an increased presence in our lives, making us feel increasingly distant from the physical world.</p>
<p>By decluttering the social content you post on your accounts, you can create a consistent powerful message across all of your digital touchpoints: including social media marketing platforms, digital ads, and your website. The following post from Tasty blurs the background to create negative white space around the focal point (instructional text), while the post from Home Depot presents a less streamlined, more complex, and cluttered image:</p>
<p><figure id="attachment_7580" aria-describedby="caption-attachment-7580" style="width: 900px" class="wp-caption aligncenter"><img loading="lazy" decoding="async" class="wp-image-7580" src="https://cdn.cuecamp.com/wp-content/uploads/2019/11/depot-tasty.jpg" alt="" width="900" height="525" /><figcaption id="caption-attachment-7580" class="wp-caption-text">Sources: Tasty, Facebook 11/11/19; and The Home Depot, Facebook 11/8/19</figcaption></figure></p>
<p>Straightforward, simple to understand content will increase engagement with your audience. In many instances, “less is more” &#8211; as said by Ludwig Mies Van der Rohe, a German-American architect that helped pioneer the minimalist movement.</p>
<h2>Wellness &amp; Nature</h2>
<p>People are looking to seek balance through nature: as a way to counteract the stressful, technical and disconnected worlds in which they live. <a href="https://janinegarner.com.au/connected-or-disconnected/" target="_blank" rel="noopener noreferrer">According to Janine Garner</a>, “What you actually need for exponential growth is a network of transformational rather than transactional connections. It’s about connecting in the right way, engaging in two-way conversations and sharing value with each other.” The following Instagram post offers organic coffee and connects to nature in a clean and simple way:</p>
<p><figure id="attachment_7581" aria-describedby="caption-attachment-7581" style="width: 394px" class="wp-caption aligncenter"><img loading="lazy" decoding="async" class="wp-image-7581" src="https://cdn.cuecamp.com/wp-content/uploads/2019/11/amy.jpg" alt="" width="394" height="500" /><figcaption id="caption-attachment-7581" class="wp-caption-text">Source: Amy&#8217;s Drive Thru, Instagram 11/12/19</figcaption></figure></p>
<p>The products and services that draw attention on social media increasingly represent the desire to de-stress, and feel reconnected with nature and natural products. Wellness does not only represent the physical; but includes mental, emotional and spiritual states. Content that connects an audience with this balance speaks volumes, making for powerful marketing efforts. The following example on Groupon promotes a winter getaway, using nature and an outdoor activity to promote a vacation package:</p>
<p><figure id="attachment_7570" aria-describedby="caption-attachment-7570" style="width: 800px" class="wp-caption aligncenter"><img loading="lazy" decoding="async" class="wp-image-7570 size-full" src="https://cdn.cuecamp.com/wp-content/uploads/2019/11/groupon.jpg" alt="" width="800" height="488" /><figcaption id="caption-attachment-7570" class="wp-caption-text">Source: @GrouponUS, “Doesn&#8217;t this just wanna make you buy a new pair of skis? Facebook, 11/9/2019</figcaption></figure></p>
<p>In short, use imagery that is calming, clean and up-lifting when it appropriately reflects your brand message. Clean, simple and calming messaging draws your audience to interact and engage with your brand.</p>
<h2>Engagement via Personal Connection</h2>
<p>The amount of technology that we interact with on a daily basis can be overwhelming. People crave personal interaction, which can be accomplished using social media marketing as a tool to interact with others. Marketers can inspire interaction through content such as instructional videos, ratings and reviews, or requests for tips or suggestions on both products and services that you have to offer. While the following example from Starbucks draws criticism from followers wanting other beverages from years past, it appropriately sets the stage for indulging in specialty holiday coffee:</p>
<p><figure id="attachment_7569" aria-describedby="caption-attachment-7569" style="width: 707px" class="wp-caption aligncenter"><img loading="lazy" decoding="async" class="wp-image-7569 size-full" src="https://cdn.cuecamp.com/wp-content/uploads/2019/11/starbucks.jpg" alt="" width="707" height="415" /><figcaption id="caption-attachment-7569" class="wp-caption-text">Source: @Starbucks, “Coffee. Mint. Chocolate. Whip. Woo! The #PeppermintMocha is back.” Instagram, 11/8/2019</figcaption></figure></p>
<p>Likewise, personalization can promote feelings of personal connection. The following landing page below from Stitch Fix highlights an inclusive, inviting approach, with main categories for men, women and kids helping to offer a personalized shopping experience for those respective shoppers:</p>
<p><figure id="attachment_7577" aria-describedby="caption-attachment-7577" style="width: 593px" class="wp-caption aligncenter"><img loading="lazy" decoding="async" class="wp-image-7577" src="https://cdn.cuecamp.com/wp-content/uploads/2019/11/stitch-1024x619.jpg" alt="" width="593" height="358" /><figcaption id="caption-attachment-7577" class="wp-caption-text">Source: www.stitchfix.com</figcaption></figure></p>
<h2>Summary</h2>
<p>How your brand messaging is designed will determine how compelled your viewers are to engage with your content. Images should be clean, crisp, and concise in order to capture the attention of your audience and future audiences. A simple message presented through calming, yet highly effective means can be a powerful tool for engagement with your audience. In addition, being aware of environmental and cultural trends that are grabbing the attention of consumers can have a strong impact on your marketing.</p>
<p>Being mindful of the things that mean the most to your audience when developing the imagery and video content should be top priority to your marketing efforts. Set yourself apart from the pack by engaging your audience with clean, calming, and consistent social media marketing content, and watch your brand continue to grow.</p>
<p>Authors: Shannon Olear and Matt Sharritt, Ph.D. (<a href="https://www.cuecamp.com">CueCamp</a>)</p>
<p>The post <a href="https://www.cuecamp.com/blog/social-media-marketing-techniques-to-differentiate-your-brand/">Social Media Marketing Techniques to Differentiate Your Brand</a> appeared first on <a href="https://www.cuecamp.com">CueCamp</a>.</p>
]]></content:encoded>
					
					<wfw:commentRss>https://www.cuecamp.com/blog/social-media-marketing-techniques-to-differentiate-your-brand/feed/</wfw:commentRss>
			<slash:comments>5</slash:comments>
		
		
			</item>
		<item>
		<title>User Experience (UX) Is Now Your Business Strategy</title>
		<link>https://www.cuecamp.com/blog/ux-user-experience-is-now-your-business-strategy/</link>
					<comments>https://www.cuecamp.com/blog/ux-user-experience-is-now-your-business-strategy/#respond</comments>
		
		<dc:creator><![CDATA[Dr. Sharritt]]></dc:creator>
		<pubDate>Wed, 23 Oct 2019 17:57:33 +0000</pubDate>
				<category><![CDATA[Digital Marketing]]></category>
		<category><![CDATA[User Experience]]></category>
		<category><![CDATA[Communication]]></category>
		<category><![CDATA[Credibility]]></category>
		<category><![CDATA[Customer Experience]]></category>
		<category><![CDATA[Design]]></category>
		<category><![CDATA[Human Factors]]></category>
		<category><![CDATA[Personalization]]></category>
		<category><![CDATA[Usability]]></category>
		<category><![CDATA[User-Centered Design]]></category>
		<guid isPermaLink="false">https://www.cuecamp.com/?p=7490</guid>

					<description><![CDATA[<p>We’re all familiar with the way companies such as Uber and Airbnb have brought fundamental disruption to their respective industries. Taxis and cars for hire existed long before the advent of Uber. But one of the core differences Uber offers customers is the user experience (UX). Consider the ease of simply clicking a button within...</p>
<p>The post <a href="https://www.cuecamp.com/blog/ux-user-experience-is-now-your-business-strategy/">User Experience (UX) Is Now Your Business Strategy</a> appeared first on <a href="https://www.cuecamp.com">CueCamp</a>.</p>
]]></description>
										<content:encoded><![CDATA[<p>We’re all familiar with the way companies such as Uber and Airbnb have brought fundamental disruption to their respective industries. Taxis and cars for hire existed long before the advent of Uber. But one of the core differences Uber offers customers is the user experience (UX). <span id="more-7490"></span></p>
<p>Consider the ease of simply clicking a button within an attractive user interface, following the vehicle as it comes to your door and enjoying a smooth ride. For all the talk about their technology, their business model and their strategy, experience is what ensures customers continue to use the service. This idea has brought me to the concept of UX as strategy. It&#8217;s the idea that today, more than anything else, your UX will determine the success or failure of your software and your business.</p>
<h3>A killer UX creates deeper customer engagement and loyalty.</h3>
<p>A powerful and engaging UX doesn&#8217;t just make your product easier to use — it helps you engage more deeply with your customers, ensuring they stay loyal to you rather than looking to your competition. It builds brand loyalty and increases the chances that your customers will become your most effective advocates. Your UX also plays a key role in enrichment, ensuring your customers purchase additional products and services.</p>
<h3>Your UX now forms the heart of your competitive differentiation.</h3>
<p>I don’t believe I’m writing anything new in highlighting the importance of UX for software and applications. What is new, however, is how your UX can form the basis of your competitive differentiation. Building long-term, sustainable, competitive differentiation is one of the toughest objectives that executives face. In today’s digital world, the UX of your products and services plays a fundamental role. People engage with brands and companies via their software, and thus via their UX.</p>
<p>It is your brand, plus highly satisfied customers and fans, that will result not just in your business growing, but in building competitive differentiation. For example, it’s incredibly hard for other companies to match the loyalty of people who love Apple’s products and services. Even when other manufacturers build products that can compete on a technical and functional level, and that may even sell at lower price points, people remain loyal to the brand. Apple has been at the forefront of blending the concept of a brand with people’s identity, their image of who they are as individuals. Apple&#8217;s UX is at the very heart of this.</p>
<h2>Making UX Your Strategy</h2>
<p>At a high level, I recommend the following actions as you make UX your business strategy:</p>
<h3>• Link your design metrics to your business metrics.</h3>
<p>Those individuals responsible for the design of your software are now at the heart of the success of your business. As a result, we also need to ensure that their success, and that of your design, becomes linked to your business’s key performance indicators.</p>
<h3>• Use the latest technology to build hyperpersonalized services.</h3>
<p>Increasingly, in order to build these powerful experiences, organizations will need to use the latest technologies, from automation to machine learning. Customers now consider such personalization the norm, part of the overall experience of using your software. Airbnb’s personalized travel recommendations after you book a trip, such as offering a tour of Boston’s live music scene just after you reserve a stay in the city, is one such example.</p>
<h3>• Build design systems.</h3>
<p>Leading organizations such as Adobe and Salesforce have increasingly spoken about the need to create “design systems” to build these powerful user experiences. These are the systems and processes that enable them to scale their design best practices, rather than constantly reinventing the wheel. Forrester analyst Gina Bhawalkar <a href="https://go.forrester.com/blogs/you-need-a-design-system-heres-why/" target="_blank" rel="nofollow noopener noreferrer" data-ga-track="ExternalLink:https://go.forrester.com/blogs/you-need-a-design-system-heres-why/">points out</a> that they also play a key role in linking your design team to your development team. She mentions that design systems should “also include the reusable code behind those design elements, and for this reason they should be created as a partnership between design and development teams.”</p>
<h3>• Foster a product-centric culture and mindset.</h3>
<p>If you listen to any of the founders of the UX-centric companies I’ve mentioned before, you will realize that they obsess about their products and the experiences their customers have with them. I would argue that if it’s not their top priority, it probably ranks very high. This is something easy to achieve as a startup, but much harder when you are, for example, a large financial institution that is used to thinking that your “product” is a checking account or a home loan, instead of the app or website your customers use to buy and manage those financial solutions. I often wonder whether the top executives at large firms even use their software products because some of them are so bad.</p>
<h3>The democratization of technology helps drive better UX.</h3>
<p>Ultimately, this is all part of what many people have referred to as the “<a href="https://en.wikipedia.org/wiki/Democratization_of_technology" target="_blank" rel="nofollow noopener noreferrer" data-ga-track="ExternalLink:https://en.wikipedia.org/wiki/Democratization_of_technology">democratization of technology</a>.” This is because, fueled by cloud computing and new open-source technologies, it’s not just large companies or tech giants that can create these compelling user experiences.</p>
<p>So while effective UX design is one of the hardest aspects of product development, new technologies, tools and approaches are making it possible even for startup teams on a budget to build these compelling digital experiences. We’re seeing organizations take advantage of this to move nimbly and build light, attractive, mobile-first experiences. This is what it means to make UX your strategy, and in 2019, I believe it is the only way your organization will achieve success.</p>
<p>Written by: <a href="https://www.forbes.com/sites/forbestechcouncil/people/alexrobbio/" target="_blank" rel="noopener noreferrer">Alex Robbio</a> (Co-founder of <a href="http://www.belatrixsf.com/" target="_blank" rel="noopener noreferrer">Belatrix Software</a> and Member of <a href="http://www.forbes.com/sites/forbestechcouncil/" target="_blank" rel="noopener noreferrer">Forbes Technology Council</a>)<br />
Posted by: <a href="https://www.cuecamp.com/">CueCamp</a></p>
<p>The post <a href="https://www.cuecamp.com/blog/ux-user-experience-is-now-your-business-strategy/">User Experience (UX) Is Now Your Business Strategy</a> appeared first on <a href="https://www.cuecamp.com">CueCamp</a>.</p>
]]></content:encoded>
					
					<wfw:commentRss>https://www.cuecamp.com/blog/ux-user-experience-is-now-your-business-strategy/feed/</wfw:commentRss>
			<slash:comments>0</slash:comments>
		
		
			</item>
		<item>
		<title>Common Webpage Design Element Mistakes</title>
		<link>https://www.cuecamp.com/blog/common-webpage-design-mistakes/</link>
					<comments>https://www.cuecamp.com/blog/common-webpage-design-mistakes/#comments</comments>
		
		<dc:creator><![CDATA[Dr. Sharritt]]></dc:creator>
		<pubDate>Wed, 08 Aug 2018 16:48:03 +0000</pubDate>
				<category><![CDATA[Content Marketing]]></category>
		<category><![CDATA[Digital Marketing]]></category>
		<category><![CDATA[User Experience]]></category>
		<category><![CDATA[Web Design]]></category>
		<category><![CDATA[Aesthetics]]></category>
		<category><![CDATA[Communication]]></category>
		<category><![CDATA[Design]]></category>
		<category><![CDATA[Human Factors]]></category>
		<category><![CDATA[Landing Page]]></category>
		<category><![CDATA[Usability]]></category>
		<category><![CDATA[User Interface]]></category>
		<guid isPermaLink="false">https://www.cuecamp.com/?p=6990</guid>

					<description><![CDATA[<p>Simple layout and design element tips to help you create a stunning webpage. Common landing page design element mistakes to avoid 1.&#160;Content is not broken down into logical blocks It is easier for users to digest information if it&#8217;s grouped into logical blocks. Set padding to 120 px-180 px and separate blocks of text by...</p>
<p>The post <a href="https://www.cuecamp.com/blog/common-webpage-design-mistakes/">Common Webpage Design Element Mistakes</a> appeared first on <a href="https://www.cuecamp.com">CueCamp</a>.</p>
]]></description>
										<content:encoded><![CDATA[<p><strong>Simple layout and design element tips to help you create a stunning webpage.</strong><span id="more-6990"></span></p>
<h2>Common landing page design element mistakes to avoid</h2>
<h3>1.&nbsp;Content is not broken down into logical blocks</h3>
<p>It is easier for users to digest information if it&#8217;s grouped into logical blocks. Set padding to 120 px-180 px and separate blocks of text by using colour backgrounds.</p>
<table>
<tbody>
<tr>
<td style="padding: 2%; width=45% line-height: 14px; font-size: 14px;" valign="top" width="45%"><img loading="lazy" decoding="async" class="alignnone wp-image-7130 size-full" src="https://cdn.cuecamp.com/wp-content/uploads/2018/08/noroot_1-3.png" alt="design mistake" width="1300" height="2049" srcset="https://cdn.cuecamp.com/wp-content/uploads/2018/08/noroot_1-3.png 1300w, https://cdn.cuecamp.com/wp-content/uploads/2018/08/noroot_1-3-190x300.png 190w, https://cdn.cuecamp.com/wp-content/uploads/2018/08/noroot_1-3-650x1024.png 650w, https://cdn.cuecamp.com/wp-content/uploads/2018/08/noroot_1-3-768x1210.png 768w, https://cdn.cuecamp.com/wp-content/uploads/2018/08/noroot_1-3-975x1536.png 975w, https://cdn.cuecamp.com/wp-content/uploads/2018/08/noroot_1-3-380x599.png 380w, https://cdn.cuecamp.com/wp-content/uploads/2018/08/noroot_1-3-15x24.png 15w, https://cdn.cuecamp.com/wp-content/uploads/2018/08/noroot_1-3-23x36.png 23w, https://cdn.cuecamp.com/wp-content/uploads/2018/08/noroot_1-3-30x48.png 30w" sizes="auto, (max-width: 1300px) 100vw, 1300px" /> There is little padding between sets of related information, plus this design needs colour blocks to divide content into logical sets. As a result, this information is hard to digest and it is unclear which text should go with each block</td>
<td style="padding: 2%; width=45% line-height: 14px; font-size: 14px;" valign="top" width="45%"><img loading="lazy" decoding="async" class="alignnone wp-image-7132 size-full" src="https://cdn.cuecamp.com/wp-content/uploads/2018/08/noroot_2-2.png" alt="webpage design" width="1300" height="2050"> Paddings are large enough, and the blocks are separated by colour, which makes one thing immediately clear – these blocks contain different types of content</td>
</tr>
</tbody>
</table>
<h3>2. Uneven spaces between items on a webpage</h3>
<p>Same-size spaces should be set around logical blocks. Otherwise your page will look messy, and users may not give equal consideration to each section.</p>
<table>
<tbody>
<tr>
<td style="padding: 2%; width=45% line-height: 14px; font-size: 14px;" valign="top" width="45%"><img loading="lazy" decoding="async" class="alignnone wp-image-7134 size-full" src="https://cdn.cuecamp.com/wp-content/uploads/2018/08/1-4.png" alt="website UX" width="1000" height="880">Spaces of various widths look uneven and create an impression that company information is linked to the header although every block is equally important</td>
<td style="padding: 2%; width=45% line-height: 14px; font-size: 14px;" valign="top" width="45%"><img loading="lazy" decoding="async" class="alignnone wp-image-7136 size-full" src="https://cdn.cuecamp.com/wp-content/uploads/2018/08/1-5.png" alt="web site UX" width="1000" height="880">Same-size spaces around headings and the body copy help perceive the logical blocks as carrying equally important information</td>
</tr>
</tbody>
</table>
<h3>3. Padding that is too small means that users cannot break down content into logical blocks</h3>
<p>To avoid logical parts from blending in, keep them separate and insert a large space (at least 120 px) between them.</p>
<table>
<tbody>
<tr>
<td style="padding: 2%; width=45% line-height: 14px; font-size: 14px;" valign="top" width="45%"><img loading="lazy" decoding="async" class="alignnone wp-image-7137 size-full" src="https://cdn.cuecamp.com/wp-content/uploads/2018/08/20170919__111314_-4.png" alt="design padding" width="1400" height="1687">Use narrow padding, and the blocks that make up the site stick to each other. This overloads the page and is quite confusing — a site visitor is led to believe that this is one solid text and not parts with different meaning</td>
<td style="padding: 2%; width=45% line-height: 14px; font-size: 14px;" valign="top" width="45%"><img loading="lazy" decoding="async" class="alignnone wp-image-7138 size-full" src="https://cdn.cuecamp.com/wp-content/uploads/2018/08/20170919__111400-20.png" alt="design elements" width="1400" height="1685" srcset="https://cdn.cuecamp.com/wp-content/uploads/2018/08/20170919__111400-20.png 1400w, https://cdn.cuecamp.com/wp-content/uploads/2018/08/20170919__111400-20-249x300.png 249w, https://cdn.cuecamp.com/wp-content/uploads/2018/08/20170919__111400-20-851x1024.png 851w, https://cdn.cuecamp.com/wp-content/uploads/2018/08/20170919__111400-20-768x924.png 768w, https://cdn.cuecamp.com/wp-content/uploads/2018/08/20170919__111400-20-1276x1536.png 1276w, https://cdn.cuecamp.com/wp-content/uploads/2018/08/20170919__111400-20-380x457.png 380w, https://cdn.cuecamp.com/wp-content/uploads/2018/08/20170919__111400-20-20x24.png 20w, https://cdn.cuecamp.com/wp-content/uploads/2018/08/20170919__111400-20-30x36.png 30w, https://cdn.cuecamp.com/wp-content/uploads/2018/08/20170919__111400-20-40x48.png 40w" sizes="auto, (max-width: 1400px) 100vw, 1400px" />Padding is large enough so the difference between these two blocks is immediately visible</td>
</tr>
</tbody>
</table>
<h3>4. Avoid low contrast for text copy on an image</h3>
<p>There should be sufficient contrast between text and background. To make copy prominent, place a contrasting filter over the image. Black is a popular colour but you could also use bright colours and mix and match them.</p>
<p>Another option is using a contrasting image from the start and placing the copy on top of a dark section of a photograph. <img loading="lazy" decoding="async" class="alignnone wp-image-7139 size-full" src="https://cdn.cuecamp.com/wp-content/uploads/2018/08/noroot-26.png" alt="website contrast" width="1680" height="1097"> This image is too light, which makes reading the text copy too difficult</p>
<p><img loading="lazy" decoding="async" class="alignnone wp-image-7140 size-full" src="https://cdn.cuecamp.com/wp-content/uploads/2018/08/noroot-27.png" alt="web design contrast" width="1680" height="1093"> A filter applied to the photo makes the copy easy to read</p>
<h3>5. Too many styles on one page</h3>
<p>Too many typographic and webpage design styles on one page make it look unprofessional and hard to read. To avoid this, limit yourself to a single font and two options for saturation, for example, normal and bold.</p>
<table>
<tbody>
<tr>
<td style="padding: 2%; width=45% line-height: 14px; font-size: 14px;" valign="top" width="45%"><img loading="lazy" decoding="async" class="alignnone wp-image-7141 size-full" src="https://cdn.cuecamp.com/wp-content/uploads/2018/08/ggtg-2.png" alt="web user experience" width="1680" height="1352" srcset="https://cdn.cuecamp.com/wp-content/uploads/2018/08/ggtg-2.png 1680w, https://cdn.cuecamp.com/wp-content/uploads/2018/08/ggtg-2-300x241.png 300w, https://cdn.cuecamp.com/wp-content/uploads/2018/08/ggtg-2-1024x824.png 1024w, https://cdn.cuecamp.com/wp-content/uploads/2018/08/ggtg-2-768x618.png 768w, https://cdn.cuecamp.com/wp-content/uploads/2018/08/ggtg-2-1536x1236.png 1536w, https://cdn.cuecamp.com/wp-content/uploads/2018/08/ggtg-2-380x306.png 380w, https://cdn.cuecamp.com/wp-content/uploads/2018/08/ggtg-2-24x19.png 24w, https://cdn.cuecamp.com/wp-content/uploads/2018/08/ggtg-2-36x29.png 36w, https://cdn.cuecamp.com/wp-content/uploads/2018/08/ggtg-2-48x39.png 48w" sizes="auto, (max-width: 1680px) 100vw, 1680px" />Because of too many typography styles beings used, it&#8217;s unclear where the emphasis lies</td>
<td style="padding: 2%; width=45% line-height: 14px; font-size: 14px;" valign="top" width="45%"><img loading="lazy" decoding="async" class="alignnone wp-image-7142 size-full" src="https://cdn.cuecamp.com/wp-content/uploads/2018/08/dbgdbg-2.png" alt="web UX" width="1680" height="1346">One font, one colour and two types of saturation. The typography on the page looks neat and clear</td>
</tr>
</tbody>
</table>
<h3>6. The colour block is too narrow</h3>
<p>Avoid emphasising narrow page elements with colour. It just doesn&#8217;t look good. For example, headings are already well marked thanks to their size, type saturation and paddings. Would you like to highlight a particular point on a page? Use a colour background for the entire block, including a related heading and text copy.</p>
<table>
<tbody>
<tr>
<td style="padding: 2%; width=45% line-height: 14px; font-size: 14px;" valign="top" width="45%"><img loading="lazy" decoding="async" class="alignnone wp-image-7143 size-full" src="https://cdn.cuecamp.com/wp-content/uploads/2018/08/noroot-28.png" alt="web color guides" width="2500" height="2431">Headings placed on a colour background break up the page&#8217;s continuity and look like separate, independent design elements</td>
<td style="padding: 2%; width=45% line-height: 14px; font-size: 14px;" valign="top" width="45%"><img loading="lazy" decoding="async" class="alignnone wp-image-7144 size-full" src="https://cdn.cuecamp.com/wp-content/uploads/2018/08/noroot-29.png" alt="color guidelines" width="2500" height="2419">Both the heading and a related text share the same background. It shows they belong to the same logical set</td>
</tr>
</tbody>
</table>
<h3>7. Too much text copy inside narrow columns</h3>
<p>When there is a lot of text copy in narrow columns, it is difficult to read because site visitors have to skip from one line to the next. Plus, it just doesn&#8217;t look good! It&#8217;s best to cut on the number of columns and shorten the text copy, otherwise nobody will read it.</p>
<table>
<tbody>
<tr>
<td style="padding: 2%; width=45% line-height: 14px; font-size: 14px;" valign="top" width="45%"><img loading="lazy" decoding="async" class="alignnone wp-image-7145 size-full" src="https://cdn.cuecamp.com/wp-content/uploads/2018/08/20170919__111314_-5.png" alt="web design ux" width="1680" height="1171">Long, contered columns are hard to read</td>
<td style="padding: 2%; width=45% line-height: 14px; font-size: 14px;" valign="top" width="45%"><img loading="lazy" decoding="async" class="alignnone wp-image-7146 size-full" src="https://cdn.cuecamp.com/wp-content/uploads/2018/08/20170919__111400_-2-1.png" alt="design UX" width="1680" height="1168" srcset="https://cdn.cuecamp.com/wp-content/uploads/2018/08/20170919__111400_-2-1.png 1680w, https://cdn.cuecamp.com/wp-content/uploads/2018/08/20170919__111400_-2-1-300x209.png 300w, https://cdn.cuecamp.com/wp-content/uploads/2018/08/20170919__111400_-2-1-1024x712.png 1024w, https://cdn.cuecamp.com/wp-content/uploads/2018/08/20170919__111400_-2-1-768x534.png 768w, https://cdn.cuecamp.com/wp-content/uploads/2018/08/20170919__111400_-2-1-1536x1068.png 1536w, https://cdn.cuecamp.com/wp-content/uploads/2018/08/20170919__111400_-2-1-380x264.png 380w, https://cdn.cuecamp.com/wp-content/uploads/2018/08/20170919__111400_-2-1-24x17.png 24w, https://cdn.cuecamp.com/wp-content/uploads/2018/08/20170919__111400_-2-1-36x25.png 36w, https://cdn.cuecamp.com/wp-content/uploads/2018/08/20170919__111400_-2-1-48x33.png 48w" sizes="auto, (max-width: 1680px) 100vw, 1680px" />There is little text in these columns, so reading it is easy</td>
</tr>
</tbody>
</table>
<h3>8. Too much centered text</h3>
<p>Centering text on the page works well when there is little text, otherwise it&#8217;s hard for users to navigate it efficiently. At the same time, increase the font size starting from 24 pixels.</p>
<p>If you need to include a lot of text, use the blocks featuring collapsable text copy (in Tilda, it&#8217;s blocks TX12, TX16N or the button BF703).</p>
<table>
<tbody>
<tr>
<td style="padding: 2%; width=45% line-height: 14px; font-size: 14px;" valign="top" width="45%"><img loading="lazy" decoding="async" class="alignnone wp-image-7147 size-full" src="https://cdn.cuecamp.com/wp-content/uploads/2018/08/noroot_3-4.png" alt="typography" width="1400" height="1533">Long, centered texts are not easy to read</td>
<td style="padding: 2%; width=45% line-height: 14px; font-size: 14px;" valign="top" width="45%"><img loading="lazy" decoding="async" class="alignnone wp-image-7148 size-full" src="https://cdn.cuecamp.com/wp-content/uploads/2018/08/noroot_4-4.png" alt="web content" width="1400" height="1533">A short text under a headline (both centered) look good on a page</td>
</tr>
</tbody>
</table>
<h3>9. Text copy is superimposed over an essential part of an image</h3>
<p>Avoid covering meaningful parts or small details of an image with text. This way, you will both obscure the image and make the text illegible. Try different positions for the lines such as centering them or aligning text left or placing them vertically.</p>
<table>
<tbody>
<tr>
<td style="padding: 2%; width=45% line-height: 14px; font-size: 14px;" valign="top" width="45%"><img loading="lazy" decoding="async" class="alignnone wp-image-7149 size-full" src="https://cdn.cuecamp.com/wp-content/uploads/2018/08/ghtt-2.png" alt="graphics" width="1680" height="1265">This headline gets in the way of the woman&#8217;s face. With so many tiny details, it&#8217;s hard to read the text</td>
<td style="padding: 2%; width=45% line-height: 14px; font-size: 14px;" valign="top" width="45%"><img loading="lazy" decoding="async" class="alignnone wp-image-7150 size-full" src="https://cdn.cuecamp.com/wp-content/uploads/2018/08/dgdfgf-2.png" alt="graphic web contrast" width="1680" height="1264">The image and text copy are easy to read and form good composition</td>
</tr>
</tbody>
</table>
<h3>10. Misusing visual hierarchy</h3>
<p>For information hierarchy to be clearly visible on a page, the title on the cover should be bigger than the rest of the headings or at least the same size, especially if the headline is long, for example.</p>
<table>
<tbody>
<tr>
<td style="padding: 2%; width=45% line-height: 14px; font-size: 14px;" valign="top" width="45%"><img loading="lazy" decoding="async" class="alignnone wp-image-7151 size-full" src="https://cdn.cuecamp.com/wp-content/uploads/2018/08/noroot_5_42-2.png" alt="visual design" width="1400" height="1566">The heading on the header is disproportionally smaller than the following heading, which is confusing. Why? It makes the second heading appear more prominent</td>
<td style="padding: 2%; width=45% line-height: 14px; font-size: 14px;" valign="top" width="45%"><img loading="lazy" decoding="async" class="alignnone wp-image-7152 size-full" src="https://cdn.cuecamp.com/wp-content/uploads/2018/08/4_-2.png" alt="visual web page" width="1400" height="1556">The heading on the header is bigger than the one in the following block, so the whole page looks consistent</td>
</tr>
</tbody>
</table>
<p>The same principle applies to visual hierarchy within a logical block. The headline should be the largest design element on the page, followed by a smaller, less prominent subhead. Next, features titles that follow should be noticeably smaller than the heading, and of the same weight. The smallest fonts should be used for features descriptions.</p>
<p>This will help site visitors distinguish between the most important and less important information.</p>
<table>
<tbody>
<tr>
<td style="padding: 2%; width=45% line-height: 14px; font-size: 14px;" valign="top" width="45%"><img loading="lazy" decoding="async" class="alignnone wp-image-7153 size-full" src="https://cdn.cuecamp.com/wp-content/uploads/2018/08/noroot_-2.png" alt="website layout" width="1000" height="904">The headline is smaller than features titles and seems secondary, although it&#8217;s more important in this context</td>
<td style="padding: 2%; width=45% line-height: 14px; font-size: 14px;" valign="top" width="45%"><img loading="lazy" decoding="async" class="alignnone wp-image-7154 size-full" src="https://cdn.cuecamp.com/wp-content/uploads/2018/08/4_1_-2.png" alt="page layout" width="1000" height="901">The headline is the most prominent design element on the page and although features titles are written in a smaller type, they are still clearly visible</td>
</tr>
</tbody>
</table>
<h3>11. One logical set is split into two</h3>
<p>A full-screen image or gallery, following a text, resembles a separate, independent block. If you add padding around the gallery, both text copy and images will look as a logical whole thanks to a shared background.</p>
<table>
<tbody>
<tr>
<td style="padding: 2%; width=45% line-height: 14px; font-size: 14px;" valign="top" width="45%"><img loading="lazy" decoding="async" class="alignnone wp-image-7155 size-full" src="https://cdn.cuecamp.com/wp-content/uploads/2018/08/noroot_6-4.png" alt="logical design" width="1300" height="1487">A full-screen gallery looks disjointed from the headline above and looks like a standalone block</td>
<td style="padding: 2%; width=45% line-height: 14px; font-size: 14px;" valign="top" width="45%"><img loading="lazy" decoding="async" class="alignnone wp-image-7156 size-full" src="https://cdn.cuecamp.com/wp-content/uploads/2018/08/noroot_7-4.png" alt="webpage gallery" width="1300" height="1470">The gallery shares the same backdrop as the heading right above it, which makes the whole composition look solid</td>
</tr>
</tbody>
</table>
<h3>12. The title is too large and long</h3>
<p>A very large font is perfect for a short sentence. If the headline is long, use a smaller size font. It will be easy to read and leave plenty of space to all other design elements on the page.</p>
<table>
<tbody>
<tr>
<td style="padding: 2%; width=45% line-height: 14px; font-size: 14px;" valign="top" width="45%"><img loading="lazy" decoding="async" class="alignnone wp-image-7157 size-full" src="https://cdn.cuecamp.com/wp-content/uploads/2018/08/ddfb-2.png" alt="font size" width="1680" height="1267">A headline that is too big takes up an entire cover, while design elements jostle for space and the headline is hard to read</td>
<td style="padding: 2%; width=45% line-height: 14px; font-size: 14px;" valign="top" width="45%"><img loading="lazy" decoding="async" class="alignnone wp-image-7158 size-full" src="https://cdn.cuecamp.com/wp-content/uploads/2018/08/ggb-2.png" alt="web fonts" width="1680" height="1264">This page is composed well, all the design elements are in balance with each other, and the copy is easy to read</td>
</tr>
</tbody>
</table>
<h3>13. Wrong use of border styling for buttons</h3>
<p>Borders are necessary when a button is transparent. Adding a border for a colour button does not make sense, it&#8217;s just another meaningless design feature that overloads a page and makes it difficult to read it. <img loading="lazy" decoding="async" class="alignnone wp-image-7159 size-full" src="https://cdn.cuecamp.com/wp-content/uploads/2018/08/noroot-30.png" alt="business website" width="1680" height="1257"></p>
<h3>14. Using too many colours</h3>
<p>Using too many colours on a page is confusing, and it&#8217;s unclear which bits are more important. One or two colours are enough to give visual prominence to what&#8217;s really important.</p>
<table>
<tbody>
<tr>
<td style="padding: 2%; width=45% line-height: 14px; font-size: 14px;" valign="top" width="45%"><img loading="lazy" decoding="async" class="alignnone wp-image-7160 size-full" src="https://cdn.cuecamp.com/wp-content/uploads/2018/08/dfgdg-2.png" alt="color palette" width="1000" height="828">There are too many bright colours on the page; this is confusing</td>
<td style="padding: 2%; width=45% line-height: 14px; font-size: 14px;" valign="top" width="45%"><img loading="lazy" decoding="async" class="alignnone wp-image-7161 size-full" src="https://cdn.cuecamp.com/wp-content/uploads/2018/08/dgdgd-2.png" alt="color palettes" width="1000" height="831">One colour accent creates variety and doesn&#8217;t distract from the contents of the page</td>
</tr>
</tbody>
</table>
<h3>15. Overloaded menu</h3>
<p>People visit websites to find solutions to their problems. Help them! Use the menu to help people navigate the website and find what they need quickly and easily. Don&#8217;t overload them with with excessive information. It&#8217;s enough to have 5-7 menu items. <img loading="lazy" decoding="async" class="alignnone wp-image-7162 size-full" src="https://cdn.cuecamp.com/wp-content/uploads/2018/08/noroot-31.png" alt="website navigation" width="1680" height="1073"> This menu carries too much information, making site navigation more difficult</p>
<p><img loading="lazy" decoding="async" class="alignnone wp-image-7163 size-full" src="https://cdn.cuecamp.com/wp-content/uploads/2018/08/noroot-32.png" alt="web navigation" width="1680" height="1091"> A simple menu makes finding what you need easy</p>
<hr>
<h2>Mistakes in article design</h2>
<h3>1. Long, solid copy</h3>
<p>A wall of text makes reading difficult to understand. For easy navigation, split it into paragraphs or introduce breaks such as a key phrase or an image.</p>
<table>
<tbody>
<tr>
<td style="padding: 2%; width=45% line-height: 14px; font-size: 14px;" valign="top" width="45%"><img loading="lazy" decoding="async" class="alignnone wp-image-7164 size-full" src="https://cdn.cuecamp.com/wp-content/uploads/2018/08/noroot_6-5.png" alt="web copy" width="1000" height="786">A wall of text is hard to look at</td>
<td style="padding: 2%; width=45% line-height: 14px; font-size: 14px;" valign="top" width="45%"><img loading="lazy" decoding="async" class="alignnone wp-image-7165 size-full" src="https://cdn.cuecamp.com/wp-content/uploads/2018/08/noroot_7-5.png" alt="website content" width="1000" height="779">Elements such as pull quotes or images make reading texts easier</td>
</tr>
</tbody>
</table>
<h3>2. Headline is positioned at the same distance between previous and next paragraphs</h3>
<p>A headline should not &#8216;hang&#8217; between chapters at a similar distance because it belongs to the paragraph that follows. The distance above a headline should be 2-3 times bigger than the space under it. At the same time, the distance under a headline should be roughly the same as the space between paragraphs, or slightly larger. This way, the header will visually refer to the subsequent text.</p>
<table>
<tbody>
<tr>
<td style="padding: 2%; width=45% line-height: 14px; font-size: 14px;" valign="top" width="45%"><img loading="lazy" decoding="async" class="alignnone wp-image-7166 size-full" src="https://cdn.cuecamp.com/wp-content/uploads/2018/08/noroot-33.png" alt="web content" width="1680" height="1307">The heading is positioned at an equal distance between paragraphs above and below it, and it&#8217;s unclear which paragraph it belongs with</td>
<td style="padding: 2%; width=45% line-height: 14px; font-size: 14px;" valign="top" width="45%"><img loading="lazy" decoding="async" class="alignnone wp-image-7167 size-full" src="https://cdn.cuecamp.com/wp-content/uploads/2018/08/noroot-34.png" alt="website copy" width="1680" height="1299">Thanks to the use of padding under the heading, it&#8217;s obvious that the heading belongs with the text that follows</td>
</tr>
</tbody>
</table>
<h3>3. There is no logical order</h3>
<p>In typography, contrasting is used to visually divide different levels of text and establish a strict hierarchy. Main headings should be the most prominent on page, subheads should be considerably smaller but still clearly visible.</p>
<table>
<tbody>
<tr>
<td style="padding: 2%; width=45% line-height: 14px; font-size: 14px;" valign="top" width="45%"><img loading="lazy" decoding="async" class="alignnone wp-image-7168 size-full" src="https://cdn.cuecamp.com/wp-content/uploads/2018/08/noroot_1_-2.png" alt="website organization" width="1000" height="715">A heading and subhead are approximately the same size, and there is no clear hierarchy between them</td>
<td style="padding: 2%; width=45% line-height: 14px; font-size: 14px;" valign="top" width="45%"><img loading="lazy" decoding="async" class="alignnone wp-image-7169 size-full" src="https://cdn.cuecamp.com/wp-content/uploads/2018/08/noroot_2_-2.png" alt="web navigation" width="1000" height="708">Logically, the heading is more important than a subhead</td>
</tr>
</tbody>
</table>
<h3>4. Different padding above and below blocks</h3>
<p>If blocks carry the same weight, they should have the same look and feel and be positioned at an equal distance from each other.</p>
<table>
<tbody>
<tr>
<td style="padding: 2%; width=45% line-height: 14px; font-size: 14px;" valign="top" width="45%"><img loading="lazy" decoding="async" class="alignnone wp-image-7170 size-full" src="https://cdn.cuecamp.com/wp-content/uploads/2018/08/20170919__111314-16.png" alt="website spacing" width="1680" height="1266">If the space between the header and an author&#8217;s image is too narrow, it looks as if the author has more to do with the header rather than the text that follows</td>
<td style="padding: 2%; width=45% line-height: 14px; font-size: 14px;" valign="top" width="45%"><img loading="lazy" decoding="async" class="alignnone wp-image-7171 size-full" src="https://cdn.cuecamp.com/wp-content/uploads/2018/08/20170919__111400-21.png" alt="web padding" width="1680" height="1264">Thanks to identical size padding above and below the image, blocks appear equal</td>
</tr>
</tbody>
</table>
<h3>5. Caption is positioned too close to an image</h3>
<p>On one hand, an illustration and its caption form a whole but these are two separate design elements, and captions should not interfere with images.</p>
<table>
<tbody>
<tr>
<td style="padding: 2%; width=45% line-height: 14px; font-size: 14px;" valign="top" width="45%"><img loading="lazy" decoding="async" class="alignnone wp-image-7172 size-full" src="https://cdn.cuecamp.com/wp-content/uploads/2018/08/20170919__111314-17.png" alt="image caption" width="1680" height="1300">The caption sticks to the image and we have trouble properly engaging with either of them</td>
<td style="padding: 2%; width=45% line-height: 14px; font-size: 14px;" valign="top" width="45%"><img loading="lazy" decoding="async" class="alignnone wp-image-7173 size-full" src="https://cdn.cuecamp.com/wp-content/uploads/2018/08/20170919__111400-22.png" alt="gallery" width="1680" height="1300">There is a lot of white space between the image and its caption, yet it&#8217;s clear that the caption goes with the image</td>
</tr>
</tbody>
</table>
<h3>6. There is too little space between subhead and text copy</h3>
<p>A subhead and text copy that follows belong together but if the space between paragraphs in an article is bigger than the space between the subhead and the following paragraph, the article looks disjointed.</p>
<table>
<tbody>
<tr>
<td style="padding: 2%; width=45% line-height: 14px; font-size: 14px;" valign="top" width="45%"><img loading="lazy" decoding="async" class="alignnone wp-image-7174 size-full" src="https://cdn.cuecamp.com/wp-content/uploads/2018/08/20170919__111314-18.png" alt="heading size" width="1680" height="1300">Space between a heading and a paragraph is smaller than between paragraphs themselves</td>
<td style="padding: 2%; width=45% line-height: 14px; font-size: 14px;" valign="top" width="45%"><img loading="lazy" decoding="async" class="alignnone wp-image-7175 size-full" src="https://cdn.cuecamp.com/wp-content/uploads/2018/08/20170919__111400-23.png" alt="subheadings" width="1680" height="1301">Space after the heading is slightly bigger than space between paragraphs</td>
</tr>
</tbody>
</table>
<h3>7. Stand-out design elements are placed too close to the main text</h3>
<p>Design elements used as expressions of emphasis such as key phrases or quotes are independent objects. For them to truly stand out, set them at 75-120 px from the main body copy.</p>
<table>
<tbody>
<tr>
<td style="padding: 2%; width=45% line-height: 14px; font-size: 14px;" valign="top" width="45%"><img loading="lazy" decoding="async" class="alignnone wp-image-7176 size-full" src="https://cdn.cuecamp.com/wp-content/uploads/2018/08/20170919__111314_1-2.png" alt="heading space" width="1680" height="1287">There is too little space between the main text and stand-out elements</td>
<td style="padding: 2%; width=45% line-height: 14px; font-size: 14px;" valign="top" width="45%"><img loading="lazy" decoding="async" class="alignnone wp-image-7177 size-full" src="https://cdn.cuecamp.com/wp-content/uploads/2018/08/20170919__111400-24.png" alt="heading subheading" width="1680" height="1285">A pull quote truly stands out thanks to big padding</td>
</tr>
</tbody>
</table>
<h3>8. Low-contrast design elements</h3>
<p>If you&#8217;d like to emphasise a certain phrase, be bold, make a key phrase bigger than the main text by 10-15 px. Let the key phrase really stand out from the rest of the text.</p>
<table>
<tbody>
<tr>
<td style="padding: 2%; width=45% line-height: 14px; font-size: 14px;" valign="top" width="45%"><img loading="lazy" decoding="async" class="alignnone wp-image-7178 size-full" src="https://cdn.cuecamp.com/wp-content/uploads/2018/08/20170919__111314-19.png" alt="contrast web" width="1680" height="1280"></td>
<td style="padding: 2%; width=45% line-height: 14px; font-size: 14px;" valign="top" width="45%"><img loading="lazy" decoding="async" class="alignnone wp-image-7179 size-full" src="https://cdn.cuecamp.com/wp-content/uploads/2018/08/20170919__111400-25.png" alt="website contrast" width="1680" height="1287">Now everyone can see it thanks to a large font and sufficient padding around the text</td>
</tr>
</tbody>
</table>
<h3>9. Colour background for a narrow text block</h3>
<p>If you&#8217;d like to highlight a small section of a page such as author information, it&#8217;s enough to set sufficient padding around this, which will create an impression of space. Don&#8217;t place this section on a colour background; this will look out of place.</p>
<table>
<tbody>
<tr>
<td style="padding: 2%; width=45% line-height: 14px; font-size: 14px;" valign="top" width="45%"><img loading="lazy" decoding="async" class="alignnone wp-image-7180 size-full" src="https://cdn.cuecamp.com/wp-content/uploads/2018/08/20170919__111314-20.png" alt="background color" width="1680" height="1287">Don&#8217;t use colour for the subhead. Using a bigger font and padding should be sufficient to make it pop on the page</td>
<td style="padding: 2%; width=45% line-height: 14px; font-size: 14px;" valign="top" width="45%"><img loading="lazy" decoding="async" class="alignnone wp-image-7181 size-full" src="https://cdn.cuecamp.com/wp-content/uploads/2018/08/20170919__111400-26.png" alt="background contast" width="1680" height="1285"></td>
</tr>
</tbody>
</table>
<p><img loading="lazy" decoding="async" class="alignnone wp-image-7182 size-full" src="https://cdn.cuecamp.com/wp-content/uploads/2018/08/noroot_5-2.png" alt="website animation" width="1000" height="708"></p>
<h3>10. There is an empty space between two full-screen images</h3>
<p>When you are using several full-screen images in a sequence, avoid leaving a space between them. The border will still be visible, and there is no need to add an additional design element. It just doesn&#8217;t add anything.</p>
<table>
<tbody>
<tr>
<td style="padding: 2%; width=45% line-height: 14px; font-size: 14px;" valign="top" width="45%"><img loading="lazy" decoding="async" class="alignnone wp-image-7183 size-full" src="https://cdn.cuecamp.com/wp-content/uploads/2018/08/20170919__111314-21.png" alt="empty space" width="1680" height="1301">An empty space between full-screen images make no sense and doesn&#8217;t look good</td>
<td style="padding: 2%; width=45% line-height: 14px; font-size: 14px;" valign="top" width="45%"><img loading="lazy" decoding="async" class="alignnone wp-image-7184 size-full" src="https://cdn.cuecamp.com/wp-content/uploads/2018/08/20170919__111400-27.png" alt="web spacing" width="1680" height="1301">There is a harmonious flow between images in this example</td>
</tr>
</tbody>
</table>
<h3>11. Too many design accents being used</h3>
<p>Design accents (such as boldface here) work well when there are few of them. Put in too many, and this will get in the way of reading the page. <img loading="lazy" decoding="async" class="alignnone wp-image-7185 size-full" src="https://cdn.cuecamp.com/wp-content/uploads/2018/08/noroot_4-5.png" alt="copy typography" width="1000" height="633"> |<br>Many words are marked in bold, so the text copy appears broken</p>
<p><img loading="lazy" decoding="async" class="alignnone wp-image-7186 size-full" src="https://cdn.cuecamp.com/wp-content/uploads/2018/08/noroot_3-5.png" alt="correct typography" width="1000" height="632"> <br>A few marked words draw attention to themselves, and don&#8217;t interfere with the rest of the text</p>
<h3>12. Too many typography styles</h3>
<p>Design should not interfere with readability. The fewer typography styles there are, the more important design elements are visible. It&#8217;s enough to emphasize headlines and subheads, and use contrast for key phrases.</p>
<table>
<tbody>
<tr>
<td style="padding: 2%; width=45% line-height: 14px; font-size: 14px;" valign="top" width="45%"><img loading="lazy" decoding="async" class="alignnone wp-image-7187 size-full" src="https://cdn.cuecamp.com/wp-content/uploads/2018/08/20170919__111314-22.png" alt="heading typography" width="1680" height="1657">This text has too many typographic devices. They are distracting to the reader</td>
<td style="padding: 2%; width=45% line-height: 14px; font-size: 14px;" valign="top" width="45%"><img loading="lazy" decoding="async" class="alignnone wp-image-7188 size-full" src="https://cdn.cuecamp.com/wp-content/uploads/2018/08/20170919__111400-28.png" alt="heading spacing" width="1680" height="1656">Very few typography styles, emphasis is clear, and text hierarchy is observed</td>
</tr>
</tbody>
</table>
<h3>13. Centering text in a long article</h3>
<p>Centering is usually applied to headlines and block quotes to distinguish them from the rest of the text. A centered long text is difficult to read.</p>
<table>
<tbody>
<tr>
<td style="padding: 2%; width=45% line-height: 14px; font-size: 14px;" valign="top" width="45%"><img loading="lazy" decoding="async" class="alignnone wp-image-7189 size-full" src="https://cdn.cuecamp.com/wp-content/uploads/2018/08/noroot-35.png" alt="content alignment" width="1680" height="1298">A centered text looks messy, plus it&#8217;s hard to read</td>
<td style="padding: 2%; width=45% line-height: 14px; font-size: 14px;" valign="top" width="45%"><img loading="lazy" decoding="async" class="alignnone wp-image-7190 size-full" src="https://cdn.cuecamp.com/wp-content/uploads/2018/08/noroot-36.png" alt="copy alignment" width="1680" height="1302">A text aligned to the left is easy on the eye</td>
</tr>
</tbody>
</table>
<h3>14. Headline appears too close to the image</h3>
<p>A headline is an individual design element. It should not sit too close to an image that follows. For a winning combination, set padding at no less than 60 px, and add a subhead – it will unfold the contents of the page and place the right emphasis where you need it.</p>
<table>
<tbody>
<tr>
<td style="padding: 2%; width=45% line-height: 14px; font-size: 14px;" valign="top" width="45%"><img loading="lazy" decoding="async" class="alignnone wp-image-7191 size-full" src="https://cdn.cuecamp.com/wp-content/uploads/2018/08/noroot-37.png" alt="heading graphics" width="1680" height="1319">The headline sits too close to the image, there is no breathing room on this page</td>
<td style="padding: 2%; width=45% line-height: 14px; font-size: 14px;" valign="top" width="45%"><img loading="lazy" decoding="async" class="alignnone wp-image-7192 size-full" src="https://cdn.cuecamp.com/wp-content/uploads/2018/08/noroot-38.png" alt="readability" width="1680" height="1308">Here the headline is separated from the image by a subhead, and it relates to the entire section, not just the image</td>
</tr>
</tbody>
</table>
<h3>15. Using italics when they are not needed</h3>
<p>Italics are used to highlight a word or a short phrase within a text. It is not as immediately noticeable as bold type but it does allow you to make an emphasis where you need it.</p>
<p>Don&#8217;t write everything in italics (body copy, headlines). And if sans-serif fonts are used in text copy, avoid italics altogether. <img loading="lazy" decoding="async" class="alignnone wp-image-7193 size-full" src="https://cdn.cuecamp.com/wp-content/uploads/2018/08/photo-4.png" alt="phrase design" width="1000" height="654"></p>
<p>The phrase stands out already thanks to the font size and padding, so the italics are not really needed here</p>
<p><img loading="lazy" decoding="async" class="alignnone wp-image-7194 size-full" src="https://cdn.cuecamp.com/wp-content/uploads/2018/08/photo-5.png" alt="padding design" width="1000" height="654"></p>
<p>Italics are in the right place, adding the right amount of emphasis</p>
<h3>16. Blocks appear out of place relative to the centre of the page and each other</h3>
<p>You can spot this error easily yourself if you take a small break after editing your page (changing font size, alignments or indentation) and taking a look at what&#8217;s on it.</p>
<table>
<tbody>
<tr>
<td style="padding: 2%; width=45% line-height: 14px; font-size: 14px;" valign="top" width="45%"><img loading="lazy" decoding="async" class="alignnone wp-image-7195 size-full" src="https://cdn.cuecamp.com/wp-content/uploads/2018/08/20170919__111314-23.png" alt="correct design" width="1680" height="1280">In this example, the headline is shifted to the left, and text copy to the right</td>
<td style="padding: 2%; width=45% line-height: 14px; font-size: 14px;" valign="top" width="45%"><img loading="lazy" decoding="async" class="alignnone wp-image-7196 size-full" src="https://cdn.cuecamp.com/wp-content/uploads/2018/08/20170919__111400-29.png" alt="web page design" width="1680" height="1287">All text elements are in harmony with each other</td>
</tr>
</tbody>
</table>
<hr>
<p>Written by: Ira Smirnova, Masha Belaya, Julia Zass (via <a href="http://blog-en.tilda.cc/articles-website-design-mistakes" target="_blank" rel="noopener">Tilda blog</a>)<br>Design and layout: Julia Zass<br>Posted by: <a href="https://www.cuecamp.com">CueCamp</a></p>


<p></p>
<p>The post <a href="https://www.cuecamp.com/blog/common-webpage-design-mistakes/">Common Webpage Design Element Mistakes</a> appeared first on <a href="https://www.cuecamp.com">CueCamp</a>.</p>
]]></content:encoded>
					
					<wfw:commentRss>https://www.cuecamp.com/blog/common-webpage-design-mistakes/feed/</wfw:commentRss>
			<slash:comments>1</slash:comments>
		
		
			</item>
		<item>
		<title>Make UX Strategies Less Complex &#038; More Functional</title>
		<link>https://www.cuecamp.com/blog/make-ux-strategies-less-complex-more-functional/</link>
					<comments>https://www.cuecamp.com/blog/make-ux-strategies-less-complex-more-functional/#comments</comments>
		
		<dc:creator><![CDATA[Dr. Sharritt]]></dc:creator>
		<pubDate>Mon, 12 Mar 2018 15:10:37 +0000</pubDate>
				<category><![CDATA[Content Marketing]]></category>
		<category><![CDATA[Digital Marketing]]></category>
		<category><![CDATA[Social Media]]></category>
		<category><![CDATA[User Experience]]></category>
		<category><![CDATA[Communication]]></category>
		<category><![CDATA[Design]]></category>
		<category><![CDATA[Human Factors]]></category>
		<category><![CDATA[Information Architecture]]></category>
		<category><![CDATA[Usability]]></category>
		<category><![CDATA[User Interface]]></category>
		<category><![CDATA[User-Centered Design]]></category>
		<guid isPermaLink="false">https://www.cuecamp.com/?p=6972</guid>

					<description><![CDATA[<p>A user-centric website is one that has the needs of the user in mind. However, user experience / UX strategies don’t have to be complex. There are some basic elements you can deploy that will help your users have a positive experience interacting with your company’s online presence. With 1.3 billion websites on the internet, there...</p>
<p>The post <a href="https://www.cuecamp.com/blog/make-ux-strategies-less-complex-more-functional/">Make UX Strategies Less Complex &#038; More Functional</a> appeared first on <a href="https://www.cuecamp.com">CueCamp</a>.</p>
]]></description>
										<content:encoded><![CDATA[<p>A user-centric website is one that has the needs of the user in mind. However, user experience / UX strategies don’t have to be complex. There are some basic elements you can deploy that will help your users have a positive experience interacting with your company’s online presence. <span id="more-10360"></span></p>
<p>With <a href="http://www.internetlivestats.com/total-number-of-websites/" target="_blank" rel="noopener noreferrer">1.3 billion websites on the internet</a>, there is competition aplenty in nearly every industry. If your site doesn’t provide the best experience, users will simply find another. A user-centered design is going to be highly usable. Everything will function perfectly and without error. Here are nine simple things you can focus on to create a usable site:</p>
<h2>1. Get Right to the Point</h2>
<p>If you have targeted the right audience, they are already interested in your service or product when they land on your page. Instead of adding in unrelated things, simply get to the point. People are quite busy and don’t have time to wade through a lot of information to get to what they want. Add prominent call to action (CTA) buttons that are easy for the consumer to find.</p>
<p><img loading="lazy" decoding="async" class="size-full wp-image-6973 aligncenter" src="https://cdn.cuecamp.com/wp-content/uploads/2018/03/graze.jpg" alt="" width="750" height="367" srcset="https://cdn.cuecamp.com/wp-content/uploads/2018/03/graze.jpg 750w, https://cdn.cuecamp.com/wp-content/uploads/2018/03/graze-300x147.jpg 300w, https://cdn.cuecamp.com/wp-content/uploads/2018/03/graze-380x186.jpg 380w, https://cdn.cuecamp.com/wp-content/uploads/2018/03/graze-24x12.jpg 24w, https://cdn.cuecamp.com/wp-content/uploads/2018/03/graze-36x18.jpg 36w, https://cdn.cuecamp.com/wp-content/uploads/2018/03/graze-48x23.jpg 48w" sizes="auto, (max-width: 750px) 100vw, 750px" /><br />
Note how Grace <a href="https://www.graze.com/us" target="_blank" rel="noopener noreferrer">gets right to the point</a> about why you’ve come to their site. They give a quick explanation of how their box subscription kits work and offer a CTA in green that says, “Get Started.” They also offer half-off your first box to entice you a bit further.</p>
<h2>2. Visible Navigation Structure</h2>
<p>Your navigation structure is the backbone of your website. It guides the user through your pages almost from the first minute they arrive. Among visitors referred to your website, on average, <a href="https://komarketing.com/files/b2b-web-usability-report-2015.pdf" target="_blank" rel="noopener noreferrer">50 percent of them will use the site&#8217;s navigation</a> to get themselves oriented. But navigation isn’t simply your nav bar across the top of your page — it’s also the sales funnel you guide the user through from the landing page, plus minor details such as linking your logo to the home page to serve as a breadcrumb for visitors to find their way back to start.</p>
<h2>3. Actionable CTAs</h2>
<p>Your call to action invites your site visitor to take a specific action and to convert from simple site visitor to subscriber or customer. A lot of factors come into play when creating the perfect CTA. The language you use, the color of the button and even page placement can make a difference. You also aren’t limited to a single CTA on a page, but you do need to make sure each one has a clear direction.</p>
<p><img loading="lazy" decoding="async" class="aligncenter size-full wp-image-6974" src="https://cdn.cuecamp.com/wp-content/uploads/2018/03/hydroworxs.jpg" alt="" width="993" height="903" srcset="https://cdn.cuecamp.com/wp-content/uploads/2018/03/hydroworxs.jpg 993w, https://cdn.cuecamp.com/wp-content/uploads/2018/03/hydroworxs-300x273.jpg 300w, https://cdn.cuecamp.com/wp-content/uploads/2018/03/hydroworxs-768x698.jpg 768w, https://cdn.cuecamp.com/wp-content/uploads/2018/03/hydroworxs-380x346.jpg 380w, https://cdn.cuecamp.com/wp-content/uploads/2018/03/hydroworxs-24x22.jpg 24w, https://cdn.cuecamp.com/wp-content/uploads/2018/03/hydroworxs-36x33.jpg 36w, https://cdn.cuecamp.com/wp-content/uploads/2018/03/hydroworxs-48x44.jpg 48w" sizes="auto, (max-width: 993px) 100vw, 993px" /><br />
HydroWorx <a href="https://www.hydroworx.com/getting-started" target="_blank" rel="noopener noreferrer">offers very clear CTAs on their landing page</a> so site visitors know exactly what action to take and when. The CTAs are a bright orange, which stands out against the white background and complementary dark blue design. The placement is smart because it lines up with each section and helps answer questions the user might have. The wording is clear and includes, &#8220;Request a consultation,&#8221; &#8220;Estimate profit&#8221; and &#8220;Get a profitability analysis.&#8221;</p>
<h2>4. Instant Feedback</h2>
<p>Have you ever filled out a contact form, hit submit and then weren’t sure if it was sent to the company or not? This is very frustrating for users. Site visitors should receive feedback for any action they take. If the visitor clicks on a submit button, a message should pop up that the form has been received and what the visitor can expect next. Look at the different actions a visitor can take on your site and make sure each one has a response appropriate to that action, such as loading a new page that says, “Welcome!” or “Thank you for us.”</p>
<h2>5. Customer Service</h2>
<p>The way your company interacts with site visitors has an impact on their overall experience. Do you have a customer service philosophy in place? Is it effective? Around <a href="https://www.superoffice.com/blog/customer-experience-statistics/" target="_blank" rel="noopener noreferrer">86 percent of consumers say they will pay more</a> for a product if the overall customer experience is better.</p>
<p>Even though the entire customer experience is about more than just service, the way you handle complaints and questions plays a big role in the overall impression the customer has of your brand. Take the time to get a customer service philosophy in place.</p>
<p><img loading="lazy" decoding="async" class="aligncenter size-full wp-image-6975" src="https://cdn.cuecamp.com/wp-content/uploads/2018/03/trader-joes.jpg" alt="" width="750" height="360" srcset="https://cdn.cuecamp.com/wp-content/uploads/2018/03/trader-joes.jpg 750w, https://cdn.cuecamp.com/wp-content/uploads/2018/03/trader-joes-300x144.jpg 300w, https://cdn.cuecamp.com/wp-content/uploads/2018/03/trader-joes-380x182.jpg 380w, https://cdn.cuecamp.com/wp-content/uploads/2018/03/trader-joes-24x12.jpg 24w, https://cdn.cuecamp.com/wp-content/uploads/2018/03/trader-joes-36x17.jpg 36w, https://cdn.cuecamp.com/wp-content/uploads/2018/03/trader-joes-48x23.jpg 48w" sizes="auto, (max-width: 750px) 100vw, 750px" /><br />
Trader Joe’s has a <a href="https://www.traderjoes.com/" target="_blank" rel="noopener noreferrer">reputation for excellent customer service</a>. Walk into any brick-and-mortar store and you’ll be treated like royalty. One example of them going above and beyond for a customer was reported on Reddit. In this example, the <a href="https://www.reddit.com/r/reddit.com/comments/agsb4/trader_joes_did_something_awesome/" target="_blank" rel="noopener noreferrer">company went out of their way</a> to deliver food to an elderly man who was snowed-in. Not only did they deliver the food, but they also gave him the food for free. That’s a brand that cares about their customers.</p>
<h2>6. Use Heatmaps</h2>
<p>Figure out which areas of your site are most attractive to your site visitors and limit choices to those main links. You can, of course, add other elements within the overall structure of your site, but when it comes to where to focus, you want the main elements people are looking for to be front and center. You may also want to move these sections higher up on your landing page so visitors can find them quickly.</p>
<h2>7. Offer Valuable Information</h2>
<p>One way you can engage users is by educating them on what you sell. The person may or may not have tried your product before, so offering in-depth information allows the user to make an informed decision about whether or not they want to try your product. You can offer this information in the form of guides, articles or a comparison chart. Try offering it in a variety of ways, remembering that visuals are well received by site visitors. You can even conduct some split testing to see which elements work the best for conversions.</p>
<p><img loading="lazy" decoding="async" class="aligncenter size-full wp-image-6976" src="https://cdn.cuecamp.com/wp-content/uploads/2018/03/the-whiskey-exchange.jpg" alt="" width="750" height="365" srcset="https://cdn.cuecamp.com/wp-content/uploads/2018/03/the-whiskey-exchange.jpg 750w, https://cdn.cuecamp.com/wp-content/uploads/2018/03/the-whiskey-exchange-300x146.jpg 300w, https://cdn.cuecamp.com/wp-content/uploads/2018/03/the-whiskey-exchange-380x185.jpg 380w, https://cdn.cuecamp.com/wp-content/uploads/2018/03/the-whiskey-exchange-24x12.jpg 24w, https://cdn.cuecamp.com/wp-content/uploads/2018/03/the-whiskey-exchange-36x18.jpg 36w, https://cdn.cuecamp.com/wp-content/uploads/2018/03/the-whiskey-exchange-48x23.jpg 48w" sizes="auto, (max-width: 750px) 100vw, 750px" /><br />
The Whiskey Exchange does a good job of <a href="https://www.thewhiskyexchange.com/" target="_blank" rel="noopener noreferrer">educating their site visitors</a>. They offer different topics the user might be interested in along with a CTA to “Learn More.” The topics rotate from time to time, so those who visit the site regularly can still learn new things. For example, some topics featured include popular products from New Zealand and winter drinks.</p>
<h2>8. Social Media Integration</h2>
<p>Some of us have multiple social media accounts, but <a href="https://www.statista.com/statistics/273476/percentage-of-us-population-with-a-social-network-profile/" target="_blank" rel="noopener noreferrer">81 percent of Americans have one at least</a>. The public loves social media because it’s an easy platform to grab information and then share it. There are several ways your site can integrate with social media. Allowing users to share photos and blog posts is one simple way. However, you can also add apps that allow a user to log into your site with Facebook, Twitter or Instagram. Start with the basics of allowing users to share your information and then see what else might be viable.</p>
<h2>9. Integrating Video</h2>
<p>The statistics on using video in your online marketing is something you can’t ignore — <a href="https://www.wordstream.com/blog/ws/2017/03/08/video-marketing-statistics" target="_blank" rel="noopener noreferrer">87 percent of those who market for a living</a> use online video content to drive conversions. Video is a way to get your message across in a way that sticks with the consumer. Videos add information to your website for the user who prefers to watch a video rather than read text or even an infographic.</p>
<p><img loading="lazy" decoding="async" class="aligncenter size-full wp-image-6977" src="https://cdn.cuecamp.com/wp-content/uploads/2018/03/bellroy.jpg" alt="" width="750" height="364" srcset="https://cdn.cuecamp.com/wp-content/uploads/2018/03/bellroy.jpg 750w, https://cdn.cuecamp.com/wp-content/uploads/2018/03/bellroy-300x146.jpg 300w, https://cdn.cuecamp.com/wp-content/uploads/2018/03/bellroy-380x184.jpg 380w, https://cdn.cuecamp.com/wp-content/uploads/2018/03/bellroy-24x12.jpg 24w, https://cdn.cuecamp.com/wp-content/uploads/2018/03/bellroy-36x17.jpg 36w, https://cdn.cuecamp.com/wp-content/uploads/2018/03/bellroy-48x23.jpg 48w" sizes="auto, (max-width: 750px) 100vw, 750px" /></p>
<p>Bellroy uses a video that <a href="https://bellroy.com/" target="_blank" rel="noopener noreferrer">highlights some of their products</a> and what they do. If the shopper doesn’t want to read through descriptions, they can view the video and learn a little more quite easily. On the Bellroy site, the video is located under the header, but for the purpose of this case study, we’ve moved the video up so you can see it easily.</p>
<h2>Last Thoughts</h2>
<p>UX strategies shouldn&#8217;t be one of the last things you implement on your site — it should be the first. This will help you avoid frustration on the part of site visitors and retain more of the traffic you drive to your page. Take the time to conduct A/B testing to see which elements work best with your target audience. You should also go through your site step-by-step as though you are a first-time visitor and look for possible issues.</p>
<p>Written by: Lexie Lu, <a href="https://designroast.org/" target="_blank" rel="noopener noreferrer">Design Roast</a> (via <a href="https://www.websitemagazine.com/blog/make-ux-strategies-less-complex-more-functional" target="_blank" rel="noopener noreferrer">Website Magazine</a>)<br />
Posted by: <a href="https://www.cuecamp.com">CueCamp</a></p>
<p>The post <a href="https://www.cuecamp.com/blog/make-ux-strategies-less-complex-more-functional/">Make UX Strategies Less Complex &#038; More Functional</a> appeared first on <a href="https://www.cuecamp.com">CueCamp</a>.</p>
]]></content:encoded>
					
					<wfw:commentRss>https://www.cuecamp.com/blog/make-ux-strategies-less-complex-more-functional/feed/</wfw:commentRss>
			<slash:comments>1</slash:comments>
		
		
			</item>
		<item>
		<title>Part 2: Are You Making the Biggest Web Design Mistakes on Your Company Website?</title>
		<link>https://www.cuecamp.com/blog/part-2-are-you-making-the-biggest-web-design-mistakes-on-your-company-website/</link>
					<comments>https://www.cuecamp.com/blog/part-2-are-you-making-the-biggest-web-design-mistakes-on-your-company-website/#comments</comments>
		
		<dc:creator><![CDATA[Dr. Sharritt]]></dc:creator>
		<pubDate>Thu, 02 Feb 2017 16:37:44 +0000</pubDate>
				<category><![CDATA[Content Marketing]]></category>
		<category><![CDATA[Digital Marketing]]></category>
		<category><![CDATA[User Experience]]></category>
		<category><![CDATA[Web Design]]></category>
		<category><![CDATA[Communication]]></category>
		<category><![CDATA[Content Writing]]></category>
		<category><![CDATA[Design]]></category>
		<category><![CDATA[Human Factors]]></category>
		<category><![CDATA[Information Architecture]]></category>
		<category><![CDATA[Keyword Integration]]></category>
		<category><![CDATA[Landing Page]]></category>
		<category><![CDATA[Mobile Devices]]></category>
		<category><![CDATA[Usability]]></category>
		<category><![CDATA[User Interface]]></category>
		<category><![CDATA[User-Centered Design]]></category>
		<guid isPermaLink="false">http://www.cuecamp.com/?p=6749</guid>

					<description><![CDATA[<p>Last week CueCamp shared an article discussing the top five mistakes companies make with their company website. In this article, we want to continue, sharing the final five mistakes that can keep you from creating leads through your company website. #6: Company Website Pages Take Forever to Load If your website does not load in...</p>
<p>The post <a href="https://www.cuecamp.com/blog/part-2-are-you-making-the-biggest-web-design-mistakes-on-your-company-website/">Part 2: Are You Making the Biggest Web Design Mistakes on Your Company Website?</a> appeared first on <a href="https://www.cuecamp.com">CueCamp</a>.</p>
]]></description>
										<content:encoded><![CDATA[<p>Last week CueCamp <a href="https://www.cuecamp.com/blog/part-1-making-biggest-web-design-mistakes-company-website/" target="_blank" rel="noopener">shared an article</a> discussing the top five mistakes companies make with their company website. In this article, we want to continue, sharing the final five mistakes that can keep you from creating leads through your company website. <span id="more-6749"></span></p>
<h2>#6: Company Website Pages Take Forever to Load</h2>
<p>If your website does not load in an expected amount of time, users will leave. It may sound like an unreasonable ultimatum, but it’s true: 47 percent of customers on e-commerce websites expect their site to load in two seconds or less, and 40 percent will abandon a site that takes more than three seconds to load.</p>
<p>Do yourself a favor – check out Google’s Page Speed tools to make sure your website is as quick as it needs to be. If it’s not, consider either upgrading your hosting or cutting content that takes to long to load from your website’s pages. A variety of things like interactive ads, uncompressed images, and JavaScript can negatively impact page load times.</p>
<h2>#7: Unnecessary Content</h2>
<p>It’s incredible how some people have a knack for talking your ear off without saying anything remotely useful. That’s not a good talent to have, especially online where users are bombarded with information.</p>
<p>From a Web design perspective, that means that if your website is loaded with unnecessary information, or the sitemap is filled with too many bells and whistles, people are likely to get frustrated and ditch out for a competitor. Be succinct and keep it simple. Lengthy text should be shortened, making use of headings and subheadings to break up the text and help users scan through page content.</p>
<h2>#8: Neglecting Mobile Users</h2>
<p>It’s somewhat baffling how many webmasters still don’t see the importance of mobile. After all, mobile searches now outrank desktop searches, and smartphones are quickly supplanting computers as the browsing device of choice. If you haven’t taken active measures to support mobile – for instance, through the implementation of responsive web design – you need to pull yourself out of the past immediately. Mobile-optimized content is vital for good usability on the mobile devices that your visitors use to visit your website. Mobile website visitors should be able to easily scan and read important content, as well as complete basic tasks like finding your contact information.</p>
<h2>#9: Missing Your Target</h2>
<p>As a web marketer, you understand how important it is to know your target audience. You’ve probably spent hours creating customer profiles and figuring out how to attract consumer attention. This is just as significant in web design. The way your website looks and “feels” will naturally attract a certain type of visitor. Some websites are highly professional; some are trendy and hip, while others are fun and bubbly. Sometimes, a website tries to speak to too many audiences. If you try to please too many types of customers, you can end up with a confusing website that appeals to none of them. Identify and profile your target audience, and cater to their needs.</p>
<h2>#10: Poor Navigation</h2>
<p>Navigation issues will kill your website&#8217;s popularity fast. We live in an age where everything is delivered to us in an instant, and anything longer will make visitors abandon your site. Making your navigation menu difficult to find or use are common web design mistakes. Have you ever been to a website and you can’t find the menu or a search bar? It’s quite frustrating. Make sure the navigational aspects of your website are easily understood and even easier to notice.</p>
<h2>Conclusion</h2>
<p>If you want to avoid frustrated users that abandon your website, you need the following features:</p>
<ul>
<li>Support for mobile users</li>
<li>A clean, crisp interface</li>
<li>No excess information; provide users only what you know they’ll want to see</li>
<li>Fast load times</li>
<li>A clear and consistent brand message throughout</li>
<li>Professional, high-quality content that is free of mistakes (e.g. broken links, spelling errors)</li>
</ul>
<p>To get started fixing up your website, you can check out our top 5 tips for <a href="https://www.cuecamp.com/blog/how-to-create-a-powerful-homepage-for-your-website/">creating a powerful homepage for your website</a>. In addition, if you would like your website reviewed by one of our experts for free, please <a href="https://www.cuecamp.com/free-website-user-experience-analysis/" target="_blank" rel="noopener">visit CueCamp and request your free marketing analysis video</a>. You will receive a 5-10 minute video that analyzes the usability and marketing effectiveness of your website, delivered within 48 hours.</p>
<p>Written by: <a href="https://www.cuecamp.com/about/">Michel Ann Sharritt</a><br />
Posted by: <a href="https://www.cuecamp.com/">CueCamp</a></p>
<p>The post <a href="https://www.cuecamp.com/blog/part-2-are-you-making-the-biggest-web-design-mistakes-on-your-company-website/">Part 2: Are You Making the Biggest Web Design Mistakes on Your Company Website?</a> appeared first on <a href="https://www.cuecamp.com">CueCamp</a>.</p>
]]></content:encoded>
					
					<wfw:commentRss>https://www.cuecamp.com/blog/part-2-are-you-making-the-biggest-web-design-mistakes-on-your-company-website/feed/</wfw:commentRss>
			<slash:comments>1</slash:comments>
		
		
			</item>
		<item>
		<title>How to Create a Powerful Homepage for Your Website</title>
		<link>https://www.cuecamp.com/blog/how-to-create-a-powerful-homepage-for-your-website/</link>
					<comments>https://www.cuecamp.com/blog/how-to-create-a-powerful-homepage-for-your-website/#comments</comments>
		
		<dc:creator><![CDATA[Dr. Sharritt]]></dc:creator>
		<pubDate>Wed, 29 Jun 2016 15:11:56 +0000</pubDate>
				<category><![CDATA[Content Marketing]]></category>
		<category><![CDATA[Digital Marketing]]></category>
		<category><![CDATA[Psychology]]></category>
		<category><![CDATA[User Experience]]></category>
		<category><![CDATA[Web Design]]></category>
		<category><![CDATA[Aesthetics]]></category>
		<category><![CDATA[Communication]]></category>
		<category><![CDATA[Content Writing]]></category>
		<category><![CDATA[Design]]></category>
		<category><![CDATA[Human Factors]]></category>
		<category><![CDATA[Information Architecture]]></category>
		<category><![CDATA[Keyword Integration]]></category>
		<category><![CDATA[Landing Page]]></category>
		<category><![CDATA[Usability]]></category>
		<category><![CDATA[User Interface]]></category>
		<guid isPermaLink="false">http://www.cuecamp.com/?p=6512</guid>

					<description><![CDATA[<p>Last week, CueCamp shared with you the do&#8217;s and don&#8217;ts of creating a user-friendly website. Today we want to share with you how to create a homepage that will not only showcase your company in a way that will sell, but will also retain your users. CueCamp has put a list together of the top...</p>
<p>The post <a href="https://www.cuecamp.com/blog/how-to-create-a-powerful-homepage-for-your-website/">How to Create a Powerful Homepage for Your Website</a> appeared first on <a href="https://www.cuecamp.com">CueCamp</a>.</p>
]]></description>
										<content:encoded><![CDATA[<p>Last week, CueCamp shared with you the <a href="https://www.cuecamp.com/blog/part-1-making-biggest-web-design-mistakes-company-website/">do&#8217;s and don&#8217;ts of creating a user-friendly website</a>. Today we want to share with you how to create a homepage that will not only showcase your company in a way that will sell, but will also retain your users.</p>
<p>CueCamp has put a list together of the top five items a powerful homepage design should have in order to retain users. <span id="more-6512"></span></p>
<h2>#1 Include Sharp Imagery</h2>
<p>The images that you use on your homepage should be crisp, clear, and showcase your company in a way that embodies your brand&#8217;s vision. The images should inspire your website visitors to learn more about your company. One should remember that a website is a highly visual experience. People react to graphics and visuals differently than they do to words.</p>
<p>TIP: It&#8217;s also important to avoid using obvious stock photos. While sometimes useful, generic images are a dead give away that your company didn&#8217;t spend time on design.</p>
<h2>#2 Choosing Fonts</h2>
<p>You might not realize it, but the font you choose for your homepage has a psychological effect on your&nbsp;visitors&nbsp;and greatly influences how they feel towards your brand. Understanding your product or service is&nbsp;key to figuring out what font to choose for your website. Always choose a font that is simple, easy to read, and reflects the personality of your business culture.</p>
<p>TIP: Avoid using too many different fonts on your homepage; you want the homepage to have a feel of cohesion and uniformity.</p>
<h2>#3&nbsp;Use of Color</h2>
<p>In the same way that your fonts have a psychological effect on your users, your color scheme affects how users interpret and engage with your website. Not only can a poor choice of color send users away, it affects how you communicate your brand to the public. Incorporating too many colors will confuse your branding, while the wrong colors will make the wrong impression.</p>
<p>TIP: Always choose colors for your website that are welcoming and true to your brand.&nbsp;It is always best to start with the colors that are used within your company logo. It helps to keep branding consistent throughout the website.</p>
<h2>#4 Keep it Simple</h2>
<p>Whenever our team designs a homepage we always look at the design like we are the user coming to the website for the first time. What impression do you want to give? What items need to be front and center?</p>
<p>The mistake that many designers make is adding tons of widgets, calls-to-action, links and other clutter that can distract or overwhelm&nbsp;the user. Ultimately the user is going to get confused and leave the website.</p>
<p>Here are a few design tips for keeping your homepage simple:</p>
<ul>
<li>Use easy-to-read text</li>
<li>Provide plenty of white space</li>
<li>Clearly label the different sections of your website (don&#8217;t make users hunt for info)</li>
<li>Do not clutter up your homepage with ads, links, calls-to-action, or pop-up chat boxes</li>
</ul>
<h2>#5 Establish Your Identity</h2>
<p>You want your website to make a statement about what your company is all about. This is probably the #1 most important part of your homepage design. Too many times,&nbsp;your homepage is&nbsp;designed with too many goals in mind. Creating a unique design, including an interesting logo and memorable look for your homepage, is important in retaining users and encouraging them to return to your site in the future.</p>
<p>Your homepage should:</p>
<ul>
<li>Introduce your company to your website&#8217;s visitors</li>
<li>Provide them with clear paths to other pages on your site</li>
<li>Give them a strong sense of your company&#8217;s brand and identity</li>
</ul>
<p>Your homepage design is undoubtedly an important part of both your website and your company&#8217;s success. From immediately appealing to your visitors, to providing them with a user-friendly navigation experience, your homepage is the portal through which they can discover your company and ultimately, your brand.</p>
<p>We hope that this article helped to inspire your company to re-examine your company homepage. In the meantime, if you would like your website reviewed, please <a href="https://www.cuecamp.com/free-website-user-experience-analysis/" target="_blank" rel="noopener">visit CueCamp and request your free marketing analysis video</a>. You will receive a 5-10 minute video that analyzes the usability and marketing effectiveness of your website, delivered within 48 hours.</p>
<p><a href="https://twitter.com/hashtag/cuecamptips?src=hash">#cuecamptips</a></p>
<p>Written by: <a href="https://www.cuecamp.com/about/">Michel Sharritt</a><br />
Posted by: <a href="https://www.cuecamp.com">CueCamp</a></p>
<p>The post <a href="https://www.cuecamp.com/blog/how-to-create-a-powerful-homepage-for-your-website/">How to Create a Powerful Homepage for Your Website</a> appeared first on <a href="https://www.cuecamp.com">CueCamp</a>.</p>
]]></content:encoded>
					
					<wfw:commentRss>https://www.cuecamp.com/blog/how-to-create-a-powerful-homepage-for-your-website/feed/</wfw:commentRss>
			<slash:comments>1</slash:comments>
		
		
			</item>
		<item>
		<title>User Experience Tips: How to Seduce Ecommerce Visitors to Buy</title>
		<link>https://www.cuecamp.com/blog/user-experience-tips-seduce-ecommerce-visitors-buy/</link>
					<comments>https://www.cuecamp.com/blog/user-experience-tips-seduce-ecommerce-visitors-buy/#respond</comments>
		
		<dc:creator><![CDATA[Dr. Sharritt]]></dc:creator>
		<pubDate>Thu, 29 Jan 2015 18:36:53 +0000</pubDate>
				<category><![CDATA[Content Marketing]]></category>
		<category><![CDATA[Digital Marketing]]></category>
		<category><![CDATA[Psychology]]></category>
		<category><![CDATA[User Experience]]></category>
		<category><![CDATA[Web Design]]></category>
		<category><![CDATA[Aesthetics]]></category>
		<category><![CDATA[Communication]]></category>
		<category><![CDATA[Design]]></category>
		<category><![CDATA[Human Factors]]></category>
		<category><![CDATA[Landing Page]]></category>
		<category><![CDATA[Usability]]></category>
		<category><![CDATA[Usability Research]]></category>
		<category><![CDATA[Usability Testing]]></category>
		<category><![CDATA[User Interface]]></category>
		<category><![CDATA[User-Centered Design]]></category>
		<guid isPermaLink="false">http://www.cuecamp.com/?p=6237</guid>

					<description><![CDATA[<p>Every day, people visit your store and leave because they couldn’t find what they wanted. You need more than top rankings on Google. People have to be able to navigate to the product they want and trust you enough to buy. Your website&#8217;s user experience (UX) should focus on building your visitor’s confidence by helping...</p>
<p>The post <a href="https://www.cuecamp.com/blog/user-experience-tips-seduce-ecommerce-visitors-buy/">User Experience Tips: How to Seduce Ecommerce Visitors to Buy</a> appeared first on <a href="https://www.cuecamp.com">CueCamp</a>.</p>
]]></description>
										<content:encoded><![CDATA[<p>Every day, people visit your store and leave because they couldn’t find what they wanted.</p>
<p>You need more than top rankings on Google. People have to be able to<em> navigate</em> to the product they want and <em>trust</em> you enough to buy. Your website&#8217;s user experience (UX) should focus on building your visitor’s confidence by helping them complete their goals. <span id="more-6237"></span></p>
<h2>Home Page UX Tips That Build Trust On A Quick Glance</h2>
<p>Your home page gets the most traffic. Make it obvious that you sell products. Think of your home page as the window to your store. Think Macy’s on Magnificent Mile. Dress your home page with your best products and images. One thing you never see at Macy’s is different dresses swooping by one by one in the window. I’m talking about sliders here. If you have to use them, make sure they are <a title="How To Make A Slider User Friendly" href="http://www.usability.gov/get-involved/blog/2013/04/image-carousels.html" target="_blank" rel="noopener noreferrer">user friendly</a>.</p>
<h3>Hero Area Best Practices</h3>
<p>Your hero area (also called featured area) is the most prominent real-estate on your home page. <a href="http://conversionxl.com/first-impressions-matter-the-importance-of-great-visual-design/#." target="_blank" rel="noopener noreferrer">You only have 50 milliseconds to leave a good impression</a>, here is how to make it count.</p>
<p><img loading="lazy" decoding="async" class="aligncenter wp-image-6239 size-full" src="https://cdn.cuecamp.com/wp-content/uploads/2015/01/UX-Best-Practices-LL-Bean-Home-1024x597-1.jpg" alt="UX Best Practices" width="1024" height="597" srcset="https://cdn.cuecamp.com/wp-content/uploads/2015/01/UX-Best-Practices-LL-Bean-Home-1024x597-1.jpg 1024w, https://cdn.cuecamp.com/wp-content/uploads/2015/01/UX-Best-Practices-LL-Bean-Home-1024x597-1-300x175.jpg 300w, https://cdn.cuecamp.com/wp-content/uploads/2015/01/UX-Best-Practices-LL-Bean-Home-1024x597-1-768x448.jpg 768w, https://cdn.cuecamp.com/wp-content/uploads/2015/01/UX-Best-Practices-LL-Bean-Home-1024x597-1-380x222.jpg 380w, https://cdn.cuecamp.com/wp-content/uploads/2015/01/UX-Best-Practices-LL-Bean-Home-1024x597-1-24x14.jpg 24w, https://cdn.cuecamp.com/wp-content/uploads/2015/01/UX-Best-Practices-LL-Bean-Home-1024x597-1-36x21.jpg 36w, https://cdn.cuecamp.com/wp-content/uploads/2015/01/UX-Best-Practices-LL-Bean-Home-1024x597-1-48x28.jpg 48w" sizes="auto, (max-width: 1024px) 100vw, 1024px" /></p>
<h4>Hero Area Do’s</h4>
<ol class="do">
<li>Use simple, uncluttered design. Use as few words as possible.</li>
<li>Eliminate everything that does not make an impact. For example, your recent blog posts.</li>
<li>Use visual queues like color or arrows to focus attention on a single call to action.</li>
<li>Make it easy for people to self identify. Do you sell pricy jackets for women?</li>
</ol>
<p><img loading="lazy" decoding="async" class="aligncenter wp-image-6240 size-full" src="https://cdn.cuecamp.com/wp-content/uploads/2015/01/UX-Best-Practices-People-Version-1024x597-1.jpg" alt="user experience" width="1024" height="597" srcset="https://cdn.cuecamp.com/wp-content/uploads/2015/01/UX-Best-Practices-People-Version-1024x597-1.jpg 1024w, https://cdn.cuecamp.com/wp-content/uploads/2015/01/UX-Best-Practices-People-Version-1024x597-1-300x175.jpg 300w, https://cdn.cuecamp.com/wp-content/uploads/2015/01/UX-Best-Practices-People-Version-1024x597-1-768x448.jpg 768w, https://cdn.cuecamp.com/wp-content/uploads/2015/01/UX-Best-Practices-People-Version-1024x597-1-380x222.jpg 380w, https://cdn.cuecamp.com/wp-content/uploads/2015/01/UX-Best-Practices-People-Version-1024x597-1-24x14.jpg 24w, https://cdn.cuecamp.com/wp-content/uploads/2015/01/UX-Best-Practices-People-Version-1024x597-1-36x21.jpg 36w, https://cdn.cuecamp.com/wp-content/uploads/2015/01/UX-Best-Practices-People-Version-1024x597-1-48x28.jpg 48w" sizes="auto, (max-width: 1024px) 100vw, 1024px" /></p>
<h4>Hero Area Dont’s</h4>
<ol class="dont">
<li>Decorate. Swirls, sparkles, and other meaningless symbols add to the cognitive load and distract your customers.</li>
<li>Have outdated content like promotions from last week or even last month. You will instantly lose credibility.</li>
<li>Clutter the area with too many messages or promotions.</li>
<li>Have an automatically advancing slider or carousel.</li>
<li>Emphasize a product that is not representative of your overall mix.</li>
</ol>
<h3>Home Page Navigation</h3>
<p>When people visit your site, you want to help them find what they came for. According to conversion expert, <a title="Tim Ash" href="http://www.sitetuners.com/blog/11-things-not-to-do-in-e-commerce-cro/" target="_blank" rel="noopener noreferrer">Tim Ash, the main focus of your home page is to provide category level navigation.</a> Follow these pointers to help visitors find what they are looking for.</p>
<p><img loading="lazy" decoding="async" class="aligncenter wp-image-6241 size-full" src="https://cdn.cuecamp.com/wp-content/uploads/2015/01/UX-Best-Practices-Home-Page-Macys-1024x597-1.jpg" alt="UX tips" width="1024" height="597" srcset="https://cdn.cuecamp.com/wp-content/uploads/2015/01/UX-Best-Practices-Home-Page-Macys-1024x597-1.jpg 1024w, https://cdn.cuecamp.com/wp-content/uploads/2015/01/UX-Best-Practices-Home-Page-Macys-1024x597-1-300x175.jpg 300w, https://cdn.cuecamp.com/wp-content/uploads/2015/01/UX-Best-Practices-Home-Page-Macys-1024x597-1-768x448.jpg 768w, https://cdn.cuecamp.com/wp-content/uploads/2015/01/UX-Best-Practices-Home-Page-Macys-1024x597-1-380x222.jpg 380w, https://cdn.cuecamp.com/wp-content/uploads/2015/01/UX-Best-Practices-Home-Page-Macys-1024x597-1-24x14.jpg 24w, https://cdn.cuecamp.com/wp-content/uploads/2015/01/UX-Best-Practices-Home-Page-Macys-1024x597-1-36x21.jpg 36w, https://cdn.cuecamp.com/wp-content/uploads/2015/01/UX-Best-Practices-Home-Page-Macys-1024x597-1-48x28.jpg 48w" sizes="auto, (max-width: 1024px) 100vw, 1024px" /></p>
<h4>Home Page Navigation Do’s</h4>
<ol>
<li>Give visitors a “30,000 foot view” of what your site sells so they can drill down to specific categories.</li>
<li>Add your most used tools or buying guides.</li>
<li>Provide links to return policy, customer service, shipping and privacy pages.</li>
</ol>
<h4>Home Page Navigation Dont’s</h4>
<ol>
<li>Assume you know what people are looking for.</li>
<li>Jam every category and subcategory on your home page.</li>
<li>Push product level promotions. If you only have a few products, you can ignore this.</li>
<li>Use generic stock photos. This screams inauthenticity.</li>
</ol>
<h2>Solid Ecommerce User Experience Boils Down To Simple Primary Navigation</h2>
<p>Navigation is critical when you have a lot of categories, variable products or products with many options. Nothing is more frustrating than a cumbersome menu. The quicker people can find what they want, the quicker you can move them through to the checkout process.</p>
<p>The purpose of a navigation menu is to get people where they want to go. Here is a breakdown of what you should address:</p>
<p><img loading="lazy" decoding="async" class="aligncenter wp-image-6242 size-full" src="https://cdn.cuecamp.com/wp-content/uploads/2015/01/UX-Best-Practices-Best-Buy-Navitation.jpg" alt="E-commerce UX" width="1000" height="796" srcset="https://cdn.cuecamp.com/wp-content/uploads/2015/01/UX-Best-Practices-Best-Buy-Navitation.jpg 1000w, https://cdn.cuecamp.com/wp-content/uploads/2015/01/UX-Best-Practices-Best-Buy-Navitation-300x239.jpg 300w, https://cdn.cuecamp.com/wp-content/uploads/2015/01/UX-Best-Practices-Best-Buy-Navitation-768x611.jpg 768w, https://cdn.cuecamp.com/wp-content/uploads/2015/01/UX-Best-Practices-Best-Buy-Navitation-380x302.jpg 380w, https://cdn.cuecamp.com/wp-content/uploads/2015/01/UX-Best-Practices-Best-Buy-Navitation-24x19.jpg 24w, https://cdn.cuecamp.com/wp-content/uploads/2015/01/UX-Best-Practices-Best-Buy-Navitation-36x29.jpg 36w, https://cdn.cuecamp.com/wp-content/uploads/2015/01/UX-Best-Practices-Best-Buy-Navitation-48x38.jpg 48w" sizes="auto, (max-width: 1000px) 100vw, 1000px" /></p>
<h4>Primary Navigation Menu Do’s</h4>
<ol>
<li>Limit top menu to 7 choices.</li>
<li>Use a secondary navigation at the top right for items like “Contact Us”</li>
<li>Use a multi column menu that organizes categories and sub categories.</li>
<li>Show high quality images of your product.</li>
<li>Make your navigation menu prominent with contrasting colors.</li>
<li>Cross reference products into multiple categories. Someone looking for a USB drive may look under Laptop, Accessories, or Computers.</li>
</ol>
<p><img loading="lazy" decoding="async" class="aligncenter wp-image-6243 size-full" src="https://cdn.cuecamp.com/wp-content/uploads/2015/01/UX-Best-Practices-Poor-Nav-1024x597-1.jpg" alt="menu UX" width="1024" height="597" srcset="https://cdn.cuecamp.com/wp-content/uploads/2015/01/UX-Best-Practices-Poor-Nav-1024x597-1.jpg 1024w, https://cdn.cuecamp.com/wp-content/uploads/2015/01/UX-Best-Practices-Poor-Nav-1024x597-1-300x175.jpg 300w, https://cdn.cuecamp.com/wp-content/uploads/2015/01/UX-Best-Practices-Poor-Nav-1024x597-1-768x448.jpg 768w, https://cdn.cuecamp.com/wp-content/uploads/2015/01/UX-Best-Practices-Poor-Nav-1024x597-1-380x222.jpg 380w, https://cdn.cuecamp.com/wp-content/uploads/2015/01/UX-Best-Practices-Poor-Nav-1024x597-1-24x14.jpg 24w, https://cdn.cuecamp.com/wp-content/uploads/2015/01/UX-Best-Practices-Poor-Nav-1024x597-1-36x21.jpg 36w, https://cdn.cuecamp.com/wp-content/uploads/2015/01/UX-Best-Practices-Poor-Nav-1024x597-1-48x28.jpg 48w" sizes="auto, (max-width: 1024px) 100vw, 1024px" /></p>
<h4>Primary Navigation Menu Dont’s</h4>
<ol>
<li>Have a single drop down that takes up a long column.</li>
<li>Show link empty category pages to main nav.</li>
<li>Over-classify products. If there is only one product in a (sub)category, remove the category and reclassify the product.</li>
<li>Don’t use vague options like “more.”</li>
</ol>
<h3>Cart Menus</h3>
<p>A cart menu is likely the last button a user will click before taking out the credit card. Don’t over look this tiny icon.</p>
<p><img loading="lazy" decoding="async" class="aligncenter wp-image-6244 size-full" src="https://cdn.cuecamp.com/wp-content/uploads/2015/01/UX-Best-Practices-Cart-Menui-e1415220181611-1024x817-1.jpg" alt="cart UX" width="1024" height="817" srcset="https://cdn.cuecamp.com/wp-content/uploads/2015/01/UX-Best-Practices-Cart-Menui-e1415220181611-1024x817-1.jpg 1024w, https://cdn.cuecamp.com/wp-content/uploads/2015/01/UX-Best-Practices-Cart-Menui-e1415220181611-1024x817-1-300x239.jpg 300w, https://cdn.cuecamp.com/wp-content/uploads/2015/01/UX-Best-Practices-Cart-Menui-e1415220181611-1024x817-1-768x613.jpg 768w, https://cdn.cuecamp.com/wp-content/uploads/2015/01/UX-Best-Practices-Cart-Menui-e1415220181611-1024x817-1-380x303.jpg 380w, https://cdn.cuecamp.com/wp-content/uploads/2015/01/UX-Best-Practices-Cart-Menui-e1415220181611-1024x817-1-24x19.jpg 24w, https://cdn.cuecamp.com/wp-content/uploads/2015/01/UX-Best-Practices-Cart-Menui-e1415220181611-1024x817-1-36x29.jpg 36w, https://cdn.cuecamp.com/wp-content/uploads/2015/01/UX-Best-Practices-Cart-Menui-e1415220181611-1024x817-1-48x38.jpg 48w" sizes="auto, (max-width: 1024px) 100vw, 1024px" /></p>
<h4>Cart Menu Do’s</h4>
<ol>
<li>Show total price <strong><em>and</em></strong> number of items in cart.</li>
<li>Link to the cart page where they can see details of their contents</li>
</ol>
<p><img loading="lazy" decoding="async" class="aligncenter wp-image-6245 size-full" src="https://cdn.cuecamp.com/wp-content/uploads/2015/01/UX-Best-Practices-Cart-Menu-1024x597-1.jpg" alt="shopping user experience" width="1024" height="597" srcset="https://cdn.cuecamp.com/wp-content/uploads/2015/01/UX-Best-Practices-Cart-Menu-1024x597-1.jpg 1024w, https://cdn.cuecamp.com/wp-content/uploads/2015/01/UX-Best-Practices-Cart-Menu-1024x597-1-300x175.jpg 300w, https://cdn.cuecamp.com/wp-content/uploads/2015/01/UX-Best-Practices-Cart-Menu-1024x597-1-768x448.jpg 768w, https://cdn.cuecamp.com/wp-content/uploads/2015/01/UX-Best-Practices-Cart-Menu-1024x597-1-380x222.jpg 380w, https://cdn.cuecamp.com/wp-content/uploads/2015/01/UX-Best-Practices-Cart-Menu-1024x597-1-24x14.jpg 24w, https://cdn.cuecamp.com/wp-content/uploads/2015/01/UX-Best-Practices-Cart-Menu-1024x597-1-36x21.jpg 36w, https://cdn.cuecamp.com/wp-content/uploads/2015/01/UX-Best-Practices-Cart-Menu-1024x597-1-48x28.jpg 48w" sizes="auto, (max-width: 1024px) 100vw, 1024px" /></p>
<h4>Cart Menu Dont’s</h4>
<ol>
<li>Substitute a “mini cart” for a full cart. Your ecommerce site, <a href="http://www.nngroup.com/articles/shopping-cart/" target="_blank" rel="noopener noreferrer">needs a cart page</a>, not just a cart widget.</li>
<li>Link directly to a checkout page that doesn&#8217;t show every detail of the products in the cart.</li>
</ol>
<h3>Search</h3>
<p>Many users skip the navigation menu altogether and rely on search/faceted search to drill down further. Faceted search can get complicated quickly. From a development and cost perspective, but also a user perspective.  Follow these guidelines to keep things simple and helpful.</p>
<h4>Search Do’s</h4>
<ol>
<li>Use an open text field box at the top of every page.</li>
<li>Use faceted search when there are over 20 products within a category.</li>
<li>Filter by price, color, size are basic faceted search options.</li>
</ol>
<h4><strong>Search Dont’s</strong></h4>
<ol>
<li>Use filler text on search input. Leave it blank, or say “Search.”</li>
<li>Use subjective filtering options such as “heavy-duty” or “light-duty.”</li>
</ol>
<h2>Ecommerce UX Tips For Product Pages</h2>
<p>Full product details are critical. For SEO and for user experience. Internal links boost SEO and help the user navigate back to the product listings page. A user friendly layout will have essential product information above the fold.</p>
<p>Product pages are the meat of your site, they need to convert. If  your customer has to select an option before adding to cart, display an error message when the “Add to Cart” button is clicked.</p>
<h3>Product Page Content Layering</h3>
<p>Your product page can quickly suffer from information overload. You want the right level of product information for people that already know what they want to buy, but also cater to shoppers that need every last product detail. By layering your information, you can cater to both types of buyers.</p>
<p><img loading="lazy" decoding="async" class="aligncenter wp-image-6246 size-full" src="https://cdn.cuecamp.com/wp-content/uploads/2015/01/UX-Best-Practices-Samsung-Product-Page.jpg" alt="UX Best Practice Product" width="1000" height="796" /></p>
<h4>Product Page Content Layering Do’s</h4>
<ol>
<li>Provide a short product summary at the top of the page or next to the photo.</li>
<li>Add a border or shaded background to your “action area” – where people select options and click your button.</li>
<li>Present the ordering options near the top in the action area</li>
<li>Have breadcrumbs on the product pages.</li>
<li>Put product details, reviews, data, etc. below the product image and CTA area.</li>
</ol>
<p><img loading="lazy" decoding="async" class="aligncenter wp-image-6247 size-full" src="https://cdn.cuecamp.com/wp-content/uploads/2015/01/UX-Best-Practices-Poor-Product-Information-1024x597-1.jpg" alt="product user experience" width="1024" height="597" srcset="https://cdn.cuecamp.com/wp-content/uploads/2015/01/UX-Best-Practices-Poor-Product-Information-1024x597-1.jpg 1024w, https://cdn.cuecamp.com/wp-content/uploads/2015/01/UX-Best-Practices-Poor-Product-Information-1024x597-1-300x175.jpg 300w, https://cdn.cuecamp.com/wp-content/uploads/2015/01/UX-Best-Practices-Poor-Product-Information-1024x597-1-768x448.jpg 768w, https://cdn.cuecamp.com/wp-content/uploads/2015/01/UX-Best-Practices-Poor-Product-Information-1024x597-1-380x222.jpg 380w, https://cdn.cuecamp.com/wp-content/uploads/2015/01/UX-Best-Practices-Poor-Product-Information-1024x597-1-24x14.jpg 24w, https://cdn.cuecamp.com/wp-content/uploads/2015/01/UX-Best-Practices-Poor-Product-Information-1024x597-1-36x21.jpg 36w, https://cdn.cuecamp.com/wp-content/uploads/2015/01/UX-Best-Practices-Poor-Product-Information-1024x597-1-48x28.jpg 48w" sizes="auto, (max-width: 1024px) 100vw, 1024px" /></p>
<h4><strong>Product Page Content Layering Dont’s</strong></h4>
<ol>
<li>Put a large block of copy near or above the CTA button.</li>
<li>Hide your add to cart button until someone makes a selection.</li>
<li>Make availability information an extra click away.</li>
<li>Have a subtle change when someone clicks your add to cart button. People <strong><em>will</em></strong> miss your “Successfully added” message.</li>
</ol>
<p>A common mistake with many WordPress ecommerce themes was hidden “Add To Cart” buttons.</p>
<h3>Product Page Images</h3>
<p>Large photos and zoom is about the closest your buyer can get without physically touching the product. Fuzzy, poor quality images make the products look poor quality too. Check out this <a title="Larger Photos Improving Conversions" href="https://econsultancy.com/blog/62391-do-bigger-images-mean-improved-conversion-rates-three-case-studies#i.ysms4792odqnud" target="_blank" rel="noopener noreferrer">case study</a>, where bigger, better product images increased conversions by over 300%.</p>
<p><img loading="lazy" decoding="async" class="aligncenter wp-image-6248 size-full" src="https://cdn.cuecamp.com/wp-content/uploads/2015/01/UX-Best-Practices-Product-Photos-e1415218141149-1024x809-1.jpg" alt="photo user experience UX" width="1024" height="809" srcset="https://cdn.cuecamp.com/wp-content/uploads/2015/01/UX-Best-Practices-Product-Photos-e1415218141149-1024x809-1.jpg 1024w, https://cdn.cuecamp.com/wp-content/uploads/2015/01/UX-Best-Practices-Product-Photos-e1415218141149-1024x809-1-300x237.jpg 300w, https://cdn.cuecamp.com/wp-content/uploads/2015/01/UX-Best-Practices-Product-Photos-e1415218141149-1024x809-1-768x607.jpg 768w, https://cdn.cuecamp.com/wp-content/uploads/2015/01/UX-Best-Practices-Product-Photos-e1415218141149-1024x809-1-380x300.jpg 380w, https://cdn.cuecamp.com/wp-content/uploads/2015/01/UX-Best-Practices-Product-Photos-e1415218141149-1024x809-1-24x19.jpg 24w, https://cdn.cuecamp.com/wp-content/uploads/2015/01/UX-Best-Practices-Product-Photos-e1415218141149-1024x809-1-36x28.jpg 36w, https://cdn.cuecamp.com/wp-content/uploads/2015/01/UX-Best-Practices-Product-Photos-e1415218141149-1024x809-1-48x38.jpg 48w" sizes="auto, (max-width: 1024px) 100vw, 1024px" /></p>
<h4>Product Page Images Do’s</h4>
<ol>
<li>Use large, high res photos on a white background.</li>
<li>Use zoom features to let users see details for themselves.</li>
<li>Allow users to scroll to back and forth between images.</li>
<li>Provide clear instructions that additional images or zoom features are enabled.</li>
</ol>
<h6><img loading="lazy" decoding="async" class="aligncenter wp-image-6249 size-full" src="https://cdn.cuecamp.com/wp-content/uploads/2015/01/UX-Best-Practices-Bad-Product-Photo-1024x597-1.jpg" alt="photo UX" width="1024" height="597" srcset="https://cdn.cuecamp.com/wp-content/uploads/2015/01/UX-Best-Practices-Bad-Product-Photo-1024x597-1.jpg 1024w, https://cdn.cuecamp.com/wp-content/uploads/2015/01/UX-Best-Practices-Bad-Product-Photo-1024x597-1-300x175.jpg 300w, https://cdn.cuecamp.com/wp-content/uploads/2015/01/UX-Best-Practices-Bad-Product-Photo-1024x597-1-768x448.jpg 768w, https://cdn.cuecamp.com/wp-content/uploads/2015/01/UX-Best-Practices-Bad-Product-Photo-1024x597-1-380x222.jpg 380w, https://cdn.cuecamp.com/wp-content/uploads/2015/01/UX-Best-Practices-Bad-Product-Photo-1024x597-1-24x14.jpg 24w, https://cdn.cuecamp.com/wp-content/uploads/2015/01/UX-Best-Practices-Bad-Product-Photo-1024x597-1-36x21.jpg 36w, https://cdn.cuecamp.com/wp-content/uploads/2015/01/UX-Best-Practices-Bad-Product-Photo-1024x597-1-48x28.jpg 48w" sizes="auto, (max-width: 1024px) 100vw, 1024px" /></h6>
<h4><strong>Product Page Images Dont’s</strong></h4>
<ol>
<li>Show “lifestyle” images or your product. Show just the product.</li>
<li>Don&#8217;t muddy up your photos with logos, watermarks or backgrounds.</li>
<li>Force an image pop-up to see more details or additional photos.</li>
</ol>
<h2>Build Trust With Buyer Friendly Checkout Process</h2>
<p>Your checkout process needs to be simple, logical and distraction free. Don’t complicate it. Macy’s cart page hits many of the main points. The cart shows product details with images, pricing, tax and links back to individual product pages.</p>
<h3>Cart Page</h3>
<p>The first page in your checkout process is your cart page. You never want to send a user past this page. This page reaffirms what they have purchased in detail. This helps them build confidence and trust in your store.</p>
<p><img loading="lazy" decoding="async" class="aligncenter wp-image-6250 size-full" src="https://cdn.cuecamp.com/wp-content/uploads/2015/01/UX-Best-Practices-Macys-Cart-Page.jpg" alt="cart user experience" width="625" height="497" srcset="https://cdn.cuecamp.com/wp-content/uploads/2015/01/UX-Best-Practices-Macys-Cart-Page.jpg 625w, https://cdn.cuecamp.com/wp-content/uploads/2015/01/UX-Best-Practices-Macys-Cart-Page-300x239.jpg 300w, https://cdn.cuecamp.com/wp-content/uploads/2015/01/UX-Best-Practices-Macys-Cart-Page-380x302.jpg 380w, https://cdn.cuecamp.com/wp-content/uploads/2015/01/UX-Best-Practices-Macys-Cart-Page-24x19.jpg 24w, https://cdn.cuecamp.com/wp-content/uploads/2015/01/UX-Best-Practices-Macys-Cart-Page-36x29.jpg 36w, https://cdn.cuecamp.com/wp-content/uploads/2015/01/UX-Best-Practices-Macys-Cart-Page-48x38.jpg 48w" sizes="auto, (max-width: 625px) 100vw, 625px" /></p>
<h4>Cart Page Do’s</h4>
<ol>
<li>Confirm everything. Product, size, color, quantity, availability, ship date, estimated delivery.</li>
<li>Allow users to navigate directly back to products in their cart.</li>
<li>Make it easy to change quantity or delete products. Let users change qty to 0 to remove products or click a “remove” button.</li>
<li>Show a picture of the product, in the color it was ordered in. If your customer orders a black jacket and sees a blue one at checkout, they lose confidence.</li>
<li>Make the continue checkout button prominent, but allow people to continue shopping.</li>
<li>Show the total out the door price.</li>
</ol>
<h4>Cart Page Presentation Dont’s</h4>
<ol>
<li>Prematurely ask for a credit card or email address. Let people confirm what they are buying.</li>
<li>Don&#8217;t use an “Update” button to remove products.</li>
</ol>
<h3>Checkout Page</h3>
<p>After buyers feel confident that they are ordering the right product from the right company (yours), it is time to get the party started.</p>
<p>Once users start the checkout process, they want to complete the purchase as quick as possible. Help them help you. Remove distractions and make the process as easy as possible. Don&#8217;t make them re-enter their address or guess how to complete the form.</p>
<p><img loading="lazy" decoding="async" class="aligncenter wp-image-6251 size-full" src="https://cdn.cuecamp.com/wp-content/uploads/2015/01/UX-Best-Practices-Macys-Checkout-Process.jpg" alt="checkout UX" width="625" height="497" srcset="https://cdn.cuecamp.com/wp-content/uploads/2015/01/UX-Best-Practices-Macys-Checkout-Process.jpg 625w, https://cdn.cuecamp.com/wp-content/uploads/2015/01/UX-Best-Practices-Macys-Checkout-Process-300x239.jpg 300w, https://cdn.cuecamp.com/wp-content/uploads/2015/01/UX-Best-Practices-Macys-Checkout-Process-380x302.jpg 380w, https://cdn.cuecamp.com/wp-content/uploads/2015/01/UX-Best-Practices-Macys-Checkout-Process-24x19.jpg 24w, https://cdn.cuecamp.com/wp-content/uploads/2015/01/UX-Best-Practices-Macys-Checkout-Process-36x29.jpg 36w, https://cdn.cuecamp.com/wp-content/uploads/2015/01/UX-Best-Practices-Macys-Checkout-Process-48x38.jpg 48w" sizes="auto, (max-width: 625px) 100vw, 625px" /></p>
<h4>Checkout Page Do’s</h4>
<ol>
<li>Ask for only the minimal required information.</li>
<li>Replace the main navigation with a “contact” navigation.</li>
<li>Keep your checkout process short and your steps clear and logical.</li>
<li>Show progress during the checkout process.</li>
</ol>
<h4><strong>Checkout Page Dont’s</strong></h4>
<ol>
<li>Present new information or choices.</li>
<li>Force people to “join” or “become a member.”</li>
<li>Make people re-enter the same information twice.</li>
<li>Let users use billing address as shipping address with a single click.</li>
</ol>
<h2>How Does Your Site Stack Up?</h2>
<p>You don’t have to have a million dollars to create a positive user experience. Nail these basics and you will get Google and customers to love your site and buy from you.</p>
<p>Interested in learning more about mobile shopping guidelines? Join our webinar on February 10, on &#8220;<a href="https://www.situatedresearch.com/insights/" target="_blank" rel="noopener noreferrer">Mobile Shopping: Key Features Users Want</a>&#8221; hosted by <a href="https://www.situatedresearch.com/staff-item/michel-sharritt/">Michel Sharritt</a>, VP of CueCamp and Situated Research.</p>
<p>Written by: <a href="http://intertwinemarketing.com/ecommerce-user-experience/" target="_blank" rel="noopener noreferrer">Darren Dematas, Intertwine<br />
</a>Posted by: <a href="https://www.cuecamp.com">CueCamp</a></p>
<p>The post <a href="https://www.cuecamp.com/blog/user-experience-tips-seduce-ecommerce-visitors-buy/">User Experience Tips: How to Seduce Ecommerce Visitors to Buy</a> appeared first on <a href="https://www.cuecamp.com">CueCamp</a>.</p>
]]></content:encoded>
					
					<wfw:commentRss>https://www.cuecamp.com/blog/user-experience-tips-seduce-ecommerce-visitors-buy/feed/</wfw:commentRss>
			<slash:comments>0</slash:comments>
		
		
			</item>
		<item>
		<title>Inbound Marketing with Social Media</title>
		<link>https://www.cuecamp.com/blog/inbound-marketing-with-social-media/</link>
					<comments>https://www.cuecamp.com/blog/inbound-marketing-with-social-media/#respond</comments>
		
		<dc:creator><![CDATA[Dr. Sharritt]]></dc:creator>
		<pubDate>Fri, 21 Nov 2014 17:49:57 +0000</pubDate>
				<category><![CDATA[Content Marketing]]></category>
		<category><![CDATA[Digital Marketing]]></category>
		<category><![CDATA[Psychology]]></category>
		<category><![CDATA[Social Media]]></category>
		<category><![CDATA[Web Design]]></category>
		<category><![CDATA[Communication]]></category>
		<category><![CDATA[Customer Experience]]></category>
		<category><![CDATA[Design]]></category>
		<category><![CDATA[Facebook]]></category>
		<category><![CDATA[Landing Page]]></category>
		<category><![CDATA[Link Building]]></category>
		<category><![CDATA[Sales]]></category>
		<category><![CDATA[Twitter]]></category>
		<guid isPermaLink="false">http://www.cuecamp.com/?p=6217</guid>

					<description><![CDATA[<p>What is a sales funnel? A sales funnel conceptualizes the process of selling a potential client, from the first impression down to closing the sale. When you look at a sales funnel, the first thing to consider is what we will call Inbound Marketing. Inbound Marketing begins with establishing social media profiles on various platforms that...</p>
<p>The post <a href="https://www.cuecamp.com/blog/inbound-marketing-with-social-media/">Inbound Marketing with Social Media</a> appeared first on <a href="https://www.cuecamp.com">CueCamp</a>.</p>
]]></description>
										<content:encoded><![CDATA[<p>What is a sales funnel? A sales funnel conceptualizes the process of selling a potential client, from the first impression down to closing the sale. When you look at a sales funnel, the first thing to consider is what we will call Inbound Marketing.</p>
<p>Inbound Marketing begins with establishing social media profiles on various platforms that will work for your type of business &#8211; in order to start engagement with potential customers.<span id="more-6217"></span></p>
<p>What happens after you make contact with a new potential customer? Typically your social media initiatives will help drive new traffic to your website. All of the traffic that you drum up from your social media platforms will hopefully drive people to learn more about your company, offerings, and services.</p>
<p>Once you have established traffic to your site you can then start making direct contact with your potential customers and then create a sale.</p>
<p>A useful way to use the sales funnel concept is to figure out which social media platform sites will work best for your type of business. As a general guideline for our clients, we start out with a Facebook company fan page. Facebook is a powerful tool to increase visibility in your target market and engage in a relationship with your customers. With over 1.23 billion active users, Facebook is a great place to begin.</p>
<p><img loading="lazy" decoding="async" class="aligncenter size-full wp-image-6219" src="https://cdn.cuecamp.com/wp-content/uploads/2014/11/smm.png" alt="smm" width="908" height="277" srcset="https://cdn.cuecamp.com/wp-content/uploads/2014/11/smm.png 908w, https://cdn.cuecamp.com/wp-content/uploads/2014/11/smm-300x92.png 300w, https://cdn.cuecamp.com/wp-content/uploads/2014/11/smm-768x234.png 768w, https://cdn.cuecamp.com/wp-content/uploads/2014/11/smm-380x116.png 380w, https://cdn.cuecamp.com/wp-content/uploads/2014/11/smm-24x7.png 24w, https://cdn.cuecamp.com/wp-content/uploads/2014/11/smm-36x11.png 36w, https://cdn.cuecamp.com/wp-content/uploads/2014/11/smm-48x15.png 48w" sizes="auto, (max-width: 908px) 100vw, 908px" /></p>
<p>There are many different ways to start engaging potential customers by using Facebook. Our team at CueCamp helps businesses to figure out what to post, and when to post, in order to help attract new customers. Every business is different, which is why we tailor every marketing plan to fit clients&#8217; specific needs. A solid Facebook company fan page is an excellent way to begin.</p>
<p>CueCamp is now offering free custom Facebook fan pages. Our marketing team will help generate more potential customers talking about your business with a custom designed and professionally marketed Facebook page. Our social media experts do it all for you by creating a page that best represents your business and its offerings, and then builds your fan base to get the conversation going.</p>
<p>If you don&#8217;t have a Facebook fan page or are not happy with what you have now, our team will build a page that gets you a following. Next, we will professionally market your new Facebook page to get you likes, targeting people who will be interested in your business. Finally, we will keep these new fans interested and talking about your business by frequently updating your content and creating new marketing campaigns.</p>
<p>If you are interested in a free custom Facebook fan page, <a href="https://www.cuecamp.com/contact/">contact us</a>.</p>
<p>How can you retain traffic and turn those visitors into paying customers? Check back next week to learn about the next step in the sales funnel: your website.</p>
<p>Written / posted by: <a href="https://www.cuecamp.com">CueCamp</a></p>
<p>The post <a href="https://www.cuecamp.com/blog/inbound-marketing-with-social-media/">Inbound Marketing with Social Media</a> appeared first on <a href="https://www.cuecamp.com">CueCamp</a>.</p>
]]></content:encoded>
					
					<wfw:commentRss>https://www.cuecamp.com/blog/inbound-marketing-with-social-media/feed/</wfw:commentRss>
			<slash:comments>0</slash:comments>
		
		
			</item>
	</channel>
</rss>
