216digital.
Web Accessibility

Phase 1
Web Remediation for Lawsuit Settlement & Prevention


Phase 2
Real-World Accessibility


a11y.Radar
Ongoing Monitoring and Maintenance


Consultation & Training

Is Your Website Vulnerable to Frivolous Lawsuits?
Get a Free Web Accessibility Audit to Learn Where You Stand
Find Out Today!

Web Design & Development

Marketing

PPC Management
Google & Social Media Ads


Professional SEO
Increase Organic Search Strength

Interested in Marketing?
Speak to an Expert about marketing opportunities for your brand to cultivate support and growth online.
Contact Us

About

Blog

Contact Us
  • 5 SEO Metrics That Won’t Fail: The Recipe for A Good, Old-Fashioned Organic Listing

    5 SEO Metrics That Won’t Fail: The Recipe for A Good, Old-Fashioned Organic Listing

    Between algorithms and techniques, SEO is constantly evolving in order to deliver the best results to users everywhere. With each and every update, best practices are changing and it is vital to stay on top of the game. The best way to remain relevant and become a front-runner with your content is to dedicate plenty of research and care when crafting each post. A well-informed page is a ranking page.

    Do Your Research: Keywords Are Crucial

    Before you set out to publish engaging and alluring content, it is important to develop a good baseline with in-depth keyword research. Not only does this research help to develop your topics, it allows you to get a sense for what readers are looking for. SEO keywords are your trail of breadcrumbs that help shape your article and give you a vision for the direction your content will go.

    Keywords are also an insight into what is going on in the industry. Much like a fad, they are constantly changing depending on the times and trends. Digital marketing is a field where practices and methods can change by the hour, which is why it is so necessary to develop a good baseline of data and strategy. Best practices this month aren’t always in style by next month.

    Target Users with SEO Content: Don’t Write for Robots 

    Digital Marketing

    The best SEO content is natural, keyword-focused content. Google does not want to see content tailored towards the robots. Just write with a natural, conversational tone. People can sense when you talk above them or when writing becomes superfluous. Often times, adding multiple sentences to get a specific keyword ranking, or even dropping words can disrupt the content flow. Don’t ever compromise your quality. A quality SEO writer is first and foremost a writer.

    It is vital to remember that content exists to help users and create the best user experience. SEO should reflect this in the tone, as well as the formula. Awkward verbiage or stuffed keywords can signal to Google that the page in question may not have the best SEO-driven content. Also, the language can take your reader out of their element or cause them to seek more engaging information. Similar to cooking, with SEO presentation is everything.

    Keep it Fresh: Manage Content Regularly to Remain Relevant

    An active domain is a happy domain. If Google scans your indexed pages and the number is regularly growing, it’s going to give your site some recognition. Although there is no penalty or suggested schedule for posting content, it is important to stay relevant. Activity shows the robots that the domain is updated regularly and is well-managed.

    Similar to keyword research, keeping up with current trends and topics will also attract users looking for a fresh perspective and applicable tips. Writing about what’s in the news is also a great tactic to stay ahead of your competitors. Content writers that know the market are not only great resources to validate skills, but they are going to attract a larger audience. Websites with a generous following typically have a strong authority and will appear attractive to Google.

    Don’t Ignore the Background: Technical Optimization is Crucial

    If you haven’t already made the switch to HTTPS, stop whatever you’re doing right now and do it. It is one of the best things you can do for the health and integrity of your website. HTTPS is the most common and most secure protocol available. Not only is it a best practice, but HTTPS protects users from malicious parties that take advantage of your site. If Google detects a secure protocol, you’ve gained a major SEO advantage.  Web Development

    Also, be sure your site is mobile-friendly. Optimizing your site for AMP, or Accelerated Mobile Pages is not only something encouraged by Google, it is necessary to rank at all in the search results. Not having a mobile-friendly site can be a major penalty and hurt the integrity of your site.

    Avoid 404 errors at all costs. Nothing will drop your ranking in the search results faster than having a bunch of 404 errors on your site. Fix these broken pages as fast as possible to ensure your links are in working order and boost the overall user experience.

    Invest in Your Own Crawl: Audit Your Pages on a Regular Basis

    Don’t wait for the search engine robots to crawl your pages. Technology is crucial to ensure your site is behaving as it should. Investing in crawling software to help you manage, strategize and audit your site on a regular basis. SEO strategy is ever-changing and a crawling software will be your best friend to help identify your trouble areas and stay on top of the SEO content. Also, it will help ensure every page is being properly indexed and visible.

    If you need help with these tips or some are out of your control, contact 216digital to get the help you need! We are a local agency and Miva developer in Cleveland, OH. For Cleveland web development or assistance with SEO services, 216digital is the extra set of eyes your site needs. We specialize in social media, Cleveland web design and are experts with Miva design.

    Though trends are ever-changing and updates come more often than not, one fact remains the same. Google is always seeking to capitalize on user experience. Whether you have a personal blog, a directory or an eCommerce page, keep in mind that your content has a larger audience than you may realize. After all, the robots aren’t the only ones who are watching.

    Greg McNeil

    July 3, 2018
    Content Marketing, SEO
    Digital Marketing, Miva Design, responsive web design, SEO
  • SEO in 2018: Times They are a Changin’

    SEO in 2018: Times They are a Changin’

    A new year is upon us and with it a plethora of updates and algorithm changes to make you second guess your ranking methods. From Google’s surprise, mid-december Maccabee update to the FCC’s net neutrality repeal, 2017 was full of web-related shifts. So to help, we’ve compiled a list of some the best SEO & digital marketing articles covering the 2018 trends to look out for.

    • Voice Search
    • Featured Snippets
    • Mobile-First Indexing
    • Meta-Description Length
    • Video Content

    The rise of Voice Search

    google home
    Image courtesy of NDB Photos. Licensed under Creative Commons 2.0.

    With the increase in smart speaker sales like Alexa and Google Home, there may soon be a shift in the way people search online. Though the impact of new voice search related keywords is unsure, it seems likely this’ll be a factor in the coming years.

    • SEO in 2018: Optimizing for voice search and SEO without SERPs is here with Google Assistant, Home and Amazon Echo. Here’s how to survive. by Bryson Meunier
    • OK, Google: How Do I Optimize My Site for Voice Search? By Dan Shewan
    • How to Optimize for Voice Search by Sherry Bonelli

    The push for Featured Snippets

    rich snippet bread

    Google’s continued focus on user friendly experiences means featured/rich snippets or knowledge boxes are becoming the norm. In fact, back in 2015 Ben Goodsell reported that the CTR on a featured page increased from 2% to 8% after it was placed in an featured snippet. And the number of these featured snippets in search engines has only grown – meaning that optimizing for them now could mean a huge boost in organic traffic.

    • Google’s latest search updates brings more content to Featured Snippets & Knowledge Panel info by Amy Gesenhues
    • Featured snippets: Optimization tips & how to ID candidate snippets by Brian Ussery
    • How to optimize featured snippets for voice search by Jessie Moore

    The start of Mobile-first indexing

    online shopping

    Following the trend of users searching mostly on mobile, Google announced in November that it planned to move towards indexing the mobile versions of sites first. This means that Google will consider the mobile version of your site before the desktop version when ranking. So more than just having a responsive site, it’s key to have a truly mobile friendly version.

    • Google’s Mobile First Indexing: Tracking When Google Moves Your Site and Preparing for the Switch by Vanessa Fox
    • Google Begins Mobile-First Indexing by Moving M-Dot Site to Responsive by Andreea Sauciuc
    • Mobile-First Indexing: Everything we know, and how it could affect you by Sam Underwood

    The increase in meta-description length

    meta description

    For anyone doing SEO, the 155 character limit is all too familiar. However, the frustration of crafting a tempting summary with a targeted keyword in the limited character length is about to be a thing of the past. Google recently boosted their snippet limit to 300 characters!

    • How Long Should Your Meta Description Be? (2018 Edition) by Dr. Peter J. Meyers
    • Google officially increases length of snippets in search results by Barry Schwartz
    • (Update) 5 Tips for Google’s New Meta Title Guidelines in 2018 by Adam Fifield

    The growth of video content

    youtube graphic

    Youtube is the second largest search engine after Google, and the growth in video search is only projected to continue. After all, watching a video is more engaging than reading text. And the use of visuals, voice, and written text to explain ideas is a lot easier for people to understand.

    • The 3-Part Secret to Video Marketing in 2018 by Anthony Helmstetter
    • YouTube SEO: The Ultimate Guide by Brian Dean
    • 4 Exciting Video Marketing Trends for 2018 by Michael Brenner
     

    And for all you All-In-One Guide fans –

    • How are you changing your content marketing program in 2018? By Rachel Lindteigen
    • How to Rank in 2018: The SEO Checklist – Whiteboard Friday by Rand Fishkin
    • Digital advertising in 2018: 5 trends to watch by Ginny Marvin
    • 29 Experts on the Most Important 2018 Social Media Trends by Danny Goodwin

     

    Anything we’re missing? Let us know!

    Greg McNeil

    January 2, 2018
    Content Marketing, Responsive, SEO
  • Quick Tips & Tools for Startup Entrepreneurs a la the Cleveland Browns

    Quick Tips & Tools for Startup Entrepreneurs a la the Cleveland Browns

    Whether you’re fleshing out stage-one ideas or enjoying the fruits of your entrepreneurial labors, you’re likely aware of how difficult creating a startup can be. The myriad of ups and downs, consistent pressure to perform, and often minute and seemingly unremarkable victories can be depressing. Still, despite the early and often repeated failures, there’s nothing quite like seeing a dream fully realized. And more than that, seeing other people enjoy it too. More than a passion project, starting your own business takes a sort of relentless drive and blind faith – a blind faith that I, as a Clevelander, am all too familiar with. After all, what is it besides blind faith that keeps a person rooting for a team that’s been relatively unsuccessful for 18 years? Clevelanders understand what it means to be up against long odds and thrive despite them. They’re a city of people willing to believe even when it seems illogical to do so, which may be why it’s become a place for other people to come and believe, too. That entrepreneurial spirit is prime in a city where hope is second only to the King. So for those of you still knee-deep in the trenches, I’ve compiled a list of helpful startup tools to aid you in the most Cleveland way I know how – a sports analogy.

    Crafting a winning season

    Image of First Energy Stadium Image courtesy of Erik Drost. Licensed under Creative Commons 2.0. Looking at the odds for a startup isn’t that different than calculating the odds for a winning Browns season – they’re both bad. In the first year, 9 out of 10 startups are likely to fail. The upside is that most startups that survive their first two years stand a better chance of continued survival with every preceding year from that point on. So how do you make sure your business is the 1 out of 10? Let’s start by taking a look at some of the mistakes commonly cited as to why the Cleveland Browns are so bad. Though they’re unlikely to clarify why we haven’t won an opening game in 13 years, it’s always nice to know what you’re up against.
    • Drafting the wrong players (quarterbacks, so many quarterbacks.)
    • Not paying attention to what’s going on (drafts? anyone?)
    • Poor leadership and communication  (regardless of your opinion on where to lay the blame, there’s a problem)
    • Making no progress
    Not that different from the reasons most startups fail.
    • Hiring the wrong employees (non-versatile or adaptable)
    • Not paying attention to what’s going on (startups are small and require everyone to be looking out for potential issues and opportunities)
    • Poor leadership and communication (communicating expectations to your staff and having them speak to you, in turn, is incredibly important)
    • Making no progress
    Fortunately, many of these pitfalls are avoidable. Though we may not solve the Browns conundrum in my lifetime, there is a myriad of business startup tips, tools, and applications for those entrepreneurs hoping to avoid being another failed statistic.

    Drafting the right players

    The first step to entrepreneurial success is to be careful when hiring. While searching for the ideal candidate take a lesson from the Browns’ standard recruitment practices – don’t overthink. Though you want to make sure you’re hiring the right person for your team, being too specific can lead to second-guessing, and in turn you may end up overlooking what’s right in front of your face. (And what’s right in front of your face may move on to bigger and better things like the Eagles.) Utilize sites like Indeed.com, ZipRecruiter, and Linkedin where you can be very specific in your requirements and reach the most people.

    Paying attention to what’s going on – i.e. your fanbase

    Image of a Cleveland Browns Fan Image courtesy of Erik Drost. Licensed under Creative Commons 2.0. The next step to a successful venture is understanding your market and whether or not the product or service you’re offering is actually needed. For example, anyone looking to make a buck off a Browns fan is likely not going to come to them in full Steelers gear – or carrying any glass bottles. You need to understand the thought process behind your customer’s purchasing habits – what they like and dislike. To do this, try utilizing a few marketing tools and programs like –
    1. Google Analytics will give you a clear insight as to who your customers are; including gender, age, and search habits. It will also give you an insight to which pages people are spending the most time on and which pages they’re not.
    2. Buzzsumo will show you not only what your customers are interested in, but what content works best for them.
    3. Moz Open Site Explorer allows you to check the ranking of your domain, your competitor’s domain, and how both your targeted keywords and content are tracking.
    4. Ahrefs can help you find out what topics and keywords are trending for your business. It will also let you look into who is linking back to your site.
    5. Spaces’ free logo maker can be helpful for new business without a huge budget to hire a logo designer.
     Then, once you understand your market, apps like Mailchimp, Hootsuite, and FollowerWonk will help you reach out and stay on top of it.

    Keeping your team on track with proper leadership

    Image of The Cleveland Browns Image courtesy of Erik Drost. Licensed under Creative Commons 2.0. Now that you know your base, it’s important to make sure your team is on the same page. Setting up clear guidelines about expectations and goals and giving those that work for you the tools they need to openly communicate and collaborate will go a long way. Rather than texting your employees from your office, or say, sending nasty remarks to less-than-happy customers from afar, try speaking with people directly. I recommend  –
    1. Slack is a useful office messenger system that will allow your team to set up specific channels for projects and send files with ease.
    2. Cashboard is ideal for tracking hours and managing tasks.
    3. Wrike is another great program for monitoring the time you put into each project. You can assign team members to share in on project hours as well.
     These apps will help keep productivity high and that communication going into the end of the season.

    Measuring progress – or making it in the first place

    Image of First Energy Stadium Image courtesy of Erik Drost. Licensed under Creative Commons 2.0. Lastly, moving beyond your market, team, and leadership skills, it’s vital to keep track of your progress. Because no matter how great your product is or how committed the people that work for you are, if you aren’t getting anywhere then it doesn’t matter. So how do you measure your success? Most would say it comes through income. While I can’t speak to the profitability of the current Browns roster (that Amazon re-sell is rough),  as an employee of one of the Top Small Business eCommerce Companies, I can say that tracking your own as a small business is simple.
    1. WHMCS is a great client database that can be used as a record keeper as well as billing, invoicing and more.
    2. Intuit  allows you to easily maintain all of your accounting through QuickBooks. It will help you keep track of taxes, payroll, invoicing, and more.
    Financial apps like Mint or Qapital will also help you maintain a set a budget and put money away for the future.

    Making it to the playoffs

    In the end, any fledgling business is susceptible to forces outside their control. But having a clear vision and learning to adapt in the face of unexpected hiccups will make the road easier. And remember, as with the Browns, any victory should be celebrated. Have more startup tips and tools? Let us know!

    Greg McNeil

    November 10, 2017
    Uncategorized
    Entrepreneurs, New Businesses, Startups
  • Black Friday Shopping: Is Your Online Business Ready?

    Black Friday Shopping: Is Your Online Business Ready?

    America’s favorite shopping season is right around the corner and with it a barrage of online bargain shoppers. Is your site ready to handle the Black Friday shopping rush? If the answer is anything but yes, you may want to consider a quick preparatory revamp. Why? Because the year-end holiday season is not only the best time to meet your annual sales goals, but a great time to capture new customers. Following Thanksgiving, Black Friday and the last two months of the year are prime for gift-giving; people are shopping for themselves, their family, and their friends. Not to mention, over the last eight years, Black Friday retail e-commerce spending alone went from $534 million USD to $1970 million USD  – and it’s only expected to rise again this year. Which means optimizing your site for online sales now can ensure your business is ready to roll this holiday season. So how can you prepare? The first step is to decide which holidays you want to run promotions on. Once you’ve determined that and set up a promotional calendar, you can move on to polishing your website and online holiday marketing strategy. To make it easier, we’ve compiled a checklist to help get you on your way.

    Getting Your Website in Gear

    Image of a person browsing an ecommerce platform
    1. Check Your Server Traffic Capacity. Black Friday weekend is sure to draw a lot of traffic to your site, especially if you are running promotional deals. So making sure your server can handle the influx of customers is likely to make both their and your experience easier.  Check your server capacity before the season starts at  LoadImpact.com or Blitz.io.
    2. Create Landing Pages for Your Black Friday Deals. If you plan on setting your customers up with some awesome deals, it’s important to make sure they know what they are and where to find them. Landing pages on your website specifically made for the Black Friday/Cyber Monday promotions can help alert your customers to all the seasonal discounts you have on offer. Going the extra mile and creating a banner for your deals to be displayed on every page, will also help ensure no one misses out!
    3. Make sure your website is mobile friendly. The share of mobile sales on Black Friday in 2013 went from 27%  to 48% in 2016. And with more and more customers turning to their phones for online shopping, having a site with responsive design is more important than ever. Don’t know whether your site is mobile ready? Check it out with Google’s Mobile-Friendly Test. And if you still can’t figure it out, let us take a look!
    4. Test and troubleshoot everything. Even with the best promotions, the holiday shopping season could still be a complete bust if your customers aren’t able to make purchases from your site.  Whether it’s a broken link or simply a slow loading page, it’s important to make sure you’ve tested the durability of your landing pages and made sure your promotional coupons are working fine.
    5. Make the checkout process as seamless as possible. Simplicity is key. Customers like it when they can make a purchase with the fewest clicks possible – and obvious clicks at that. So spend some time ensuring your website has a user friendly interface with clear add/delete item and checkout buttons. And if you need a little help, let us know.
    6. Have your Shipping and Returns Policy for the shopping season in fine print. To prevent any future misunderstandings or complaints, it’s best to have your holiday season shipping and returns policy listed on your website where customers can easily access or see it.
    7. Track EVERYTHING. To make sure you’re getting the results you want and your leads are converting into sales, keep a detailed track record of every change you’ve made to your site and how it has affected your conversions.  A great way to do this is through tracking your Google Analytics and Facebook Pixel data.

    Marketing Yourself Right

    Images of a persons Startup company Now that you have your website ready to go the next thing to tackle is your marketing strategy. To start, look at your past marketing data to see how your business performed during previous years. This will make it easier to plan a marketing strategy as you’ll have a better idea of what worked and what didn’t. Once you have that data, you can start to plan for the future holiday season. And the following tips will help you put your best foot forward!
    1. Research your customers. A good marketing strategy starts with great research. For example, do you know 100% who your customers are? Have you created buyer personas? If you haven’t, check your Google Analytics demographics to ensure that the personas you have in mind match the factual customer data retrieved by Google. This will help you market to not only your current customers, but all potential buyers as well. Still unsure? Take a look at this helpful B2B Buyer Persona Guide for a more in-depth look on how to make your customer-data work for you.
    2. Create a winning PPC Campaign. Pay-per-click is one of the best ways to reach targeted customers. If you have optimized your campaign with the right keywords, your ad should appear at the top of Google’s search results. However, if you did not have the time to get your SEO and keyword targeting in place, PPC can help! For example:
      1. Shopping Ads is one of the best ways to get your products in front of your customers, because its CPC is much lower when compared to a Text Ad, and it can get you better conversion rates. You can also target local customers with Google’s Zip Code Targeting.
      2. And if you are already running PPC campaigns, the holiday season is a good time to start a remarketing campaign. Reach your customers who are actively searching for your products, or are loyal to your business with remarketing campaigns.
    3. Utilize social media for customer insights. Your social media channels can be a treasure trove of information. Places like Facebook, Twitter, and Instagram are full of consumer opinions on products and services. And not just on products they currently use, but items they are interested in buying. Put this information to use by –
      1. Promoting your Black Friday deals on social media sites like Twitter or Facebook.
      2. Creating product hype and awareness by offering special discounts to  your followers.
      3. Closely monitoring comments or mentions on your social channels and responding to any customer queries and feedback promptly. You can even make use of social listening tools to listen to what people are saying online about your brand or products.
      4. Creating your own hashtags for the holiday season. You can stick to the regular hashtags of #BlackFriday and #CyberMonday, of course, but you can also create hashtags specific to your business. If you do, make sure you plug them on all your marketing channels- website, social media, and emails.
      5. Using Facebook Dynamic Shopping ads, which are a great way target customers who visited your website and added a product to their cart but never followed through with the purchase.
    4. Start an email campaign targeting current customers. When it comes to getting results, email marketing is still very effective. Triggered emails like those to customers that abandoned full online shopping carts, still tend to bring in more customers than many social media campaigns.  To get the most out of your email campaign –
      1. Categorize your email lists.  Segmenting your emails into specific customer lists based on products they’ve looked at or purchased is likely to get you more email open rates.
      2. Personalize! Include the name of the subscriber and offer specific promotions based on their location.
      3. Create and manage your email workflows in advance. This will ensure that every email is catered to the customer receiving it, and be less work for you in the long run.
      4. Leverage your current customer base through exclusive deals. Not only will this help build anticipation for future Black Friday deals, but it will show your loyal customers that there is  some advantage in following you.
      5. Create a countdown timer for your emails to promote urgency.

    In the End

    No one knows your customers as well as you do and any website adjustment or marketing campaign should be planned with them in mind. However, we hope these tips will help get you and your site on your way to holiday-ready! And if you still have questions, let us know!

    Sources

    Desktop retail spending on Thanksgiving Day, Black Friday and Cyber Monday in the United States from 2008 to 2016 Share of mobile online sales on Black Friday from 2013 to 2016 How to Create Detailed Buyer Personas for Your Business Get Local with ZIP Code targeting Effects of List Segmentation on Email Marketing Stats Why You Should Spend More on Google Shopping vs Text Ads

    Greg McNeil

    October 18, 2017
    Ecommerce Platforms, Google AdWords, Google Analytics, PPC, Responsive, SEO, Social Media Marketing
    Digital Marketing, ecommerce design, ecommerce website, PPC, responsive design, responsive web design, SEO
  • 8 Features of Excellent Websites in 2017

    8 Features of Excellent Websites in 2017

    By now many of us have earned our stripes in web surfing. We’ve experienced a countless number of websites, and are savvy enough to know which sites are well crafted and which could use a serious face-lift – usually within the first five seconds of a visit. But what is it that makes a website “great?” Below are eight features many high-performing websites currently employ that put them at the top of their rank.

    1. High Quality, Authentic Images

    Humans are visual creatures. Think back to the last time you sat through a presentation where the speaker went on for seemingly forever without any graphics or visuals to break through the monotony. You may have absorbed some of the information, but chances are you walked away without having gained anything more than a headache.

    This same principle applies to websites. Throw large columns of text at a user when they’re not expecting it (i.e. not a blog post) and they will leave your site without even a basic understanding of what you were trying to communicate. Studies show that users only read about 28% of the words on a page. Add that in with the fact that humans process images 60,000 times faster than words, and the best way to quickly express a message becomes obvious.

    Not just any image will do, however. The best performing images for a website follow a few guiding rules:

    • High Quality: With faster internet speeds comes more capability of loading high resolution images. Low quality, pixilated imagery will make your site appear dated and untrustworthy.
    • Authentic: Gone are the days when users would be appeased by staged stock images of smiling business people shaking hands. We know they’re fake, your users know they’re fake, and they no longer represent real businesses made of real people. It’s recommended to use images of your own team, office, and products to boost authenticity.
    • Closely Related: That beautiful image of a sprawling scenic overlook may be eye catching, but if it doesn’t do much to describe what you’re selling, it won’t be an effective use of browser real estate. Images on your website should be companions to your content and remind users why they’re there.

    2. Consistent Brand Voice

    Computer Screen With A Hello Speech Bubble.

    Though not limited to website design, a well thought-out brand voice is an important part of engaging users. All of your content on your website should follow the tone of your brand and reflect the core values of your business. Users will come to recognize your brand by various factors:

    • Tone: How do you want to communicate with your users? Consider your audience and the way that they use your site. For example, a financial institution may want to use a tone of voice that comes across as being professional and cordial, whereas a toy store can speak more whimsically.
    • Buzzwords: What kind of language will resonate best with your users? The types of words you might use for a gym will differ greatly from those used for a spa. Think of the types of keywords a user might search for, or what will draw them in.
    • Conciseness: How quickly should the user be taking in your content? If you want to draw your viewers in with a well-crafted aesthetic, you may need to pad your copy with the appropriate amount of wordage to paint the right picture. However, if you want your users to quickly flow through your site and into a purchase or action, you’ll want to keep your copy short and sweet.

    Once you have your brand voice, be sure to keep it consistent on every page of your site. This will keep your business recognizable and put users at ease.

    3. Fast Loading Times

    Loading Progress Bar.

    Have you ever clicked on a link to a website and hit the back button in frustration when it took too long to load? Users today have grown accustomed to fast load times and don’t want to wait. About 50% of all web users expect a web page to load in 2 seconds or less, and 40% will completely abandon the attempt after 3 seconds.

    This means that if your website is slow to load, you will only be gaining at maximum 60% of the traffic that you could get. There are many factors when considering the speed of your website:

    • Image sizes: Remember those high quality images we talked about? Unfortunately, images can have large file sizes that will bog down the performance of your site. Consider keeping the number of images on your site down to raise site speed, or use a program to optimize their size.
    • Hosting: Your site speed may be completely out of your hands if you’ve chosen an inexpensive hosting plan. Though cheap, oftentimes you are sharing a server with many other money-conscious business owners, which will slow down your site’s performance. If it’s your hosting that’s the issue, consider upping your plan.
    • Optimization: There are several ways to improve your site’s overall speed from the backend; too many to name here. If your site is slow, consider asking a web developer to optimize all of your settings.

    4. Simple Navigation

    Web Browser Showing A Generic Website Layout.

    Have you ever gone to a store for something basic like toothpaste and been completely overwhelmed by the number of choices you have to pick from? Suddenly, a simple errand has turned into a confusing situation. Users feel the same about website navigation; give them too many choices and they will give up and leave.

    This phenomenon, called the paradox of choice, deems that the more options presented to us, the more likely we are to become overwhelmed and not pick anything at all. In web design, 7 navigation links is generally considered the maximum number to hold, with 5 being the more optimal number. When choosing navigation links for your site, consider the purpose of your website and which ones would be absolutely necessary for a user to have a positive experience. If your site is very large and requires a multitude of navigation items, consider using a mega menu.

    5. Mobile First

    Mobile Phone Next To A Computer Monitor.

    Mobile-friendly websites are no longer a nice feature to have in 2017; they’re absolutely necessary. More people are browsing the web on mobile devices than desktops, pulling in at a ratio of about 56:44. This means that if you’re not catering to your mobile audience, you’re missing out on over half of your potential!

    Creating a great mobile experience is more than just having a responsive website, however. Mobile first design means exactly what it sounds like. Rather than designing based on a desktop monitor and shrinking it down for mobile, modern websites are now being designed first for mobile to create the best possible experience. Some factors that make mobile an entirely different medium from desktop:

    • Screen ratio: Many phones and tablets are designed to be held horizontally by default, meaning the screen size sits at a completely different ratio than most Desktop monitors. Side-by-side columns on desktop screens become far too narrow on mobile devices. Simply stacking the columns on top of each other for mobile is not the best solution either. After all, which column is more important/should be on top? Mobile first design addresses this issue before it even arises.
    • Screen size: Mobile devices have far less screen real estate than desktop monitors. Thus, making a desktop first design and paring it down for mobile often becomes a task of cutting out content that isn’t necessary. Mobile first design forces designers to first consider what is important for the user to have, preventing unnecessary content in your desktop view.
    • Touch interaction: Unlike most desktop monitors, mobile devices can be tapped and pinched, adding another dimension to the user’s experience. Rather than adding these features as an afterthought, mobile first design ensures that the entirety of the site is easily accessible to mobile users.

    6. Engaging Micro Interactions

    Website On A Tablet Showing A Section That Changes Color To Show It Was Clicked.

    Micro interactions are those little experiences we encounter on the web that serve a single purpose, such as a checkmark showing us that we filled in a form field correctly, or a confirmation that an order went through. These interactions are so common now that most of us barely take notice, but their effectiveness is anything but miniscule.

    Micro interactions serve to delight, engage, and deliver positive reinforcement to users to let them know that they’re performing the correct actions. Imagine hitting “send” in an email app and not receiving any indication that the button had been clicked or the email had been sent. How can you be sure that your email went out? Small indicators, such as the button changing color when clicked, the browser sending you out of your draft and into your inbox, or a notification alerting you that your mail has been sent tells the user that they have done everything correctly and that their job is done. Other examples of micro interactions include:

    • Play buttons turning into pause buttons when clicked
    • Form fields highlighting with a colored border when clicked
    • Load animations indicating that content is being loaded
    • Links changing color when hovered over to indicate that they can be clicked

    7. Frictionless (In the Right Places)

    Generic Website Showing A Product Page With A Buy Now Call To Action.

    Friction in web design refers to anything that stands between a user and their desired action. For example, a multi-page form before ordering a product, or a pop-up intrusion when reading an article. Generally speaking, friction on a website is frustrating for users and can drastically reduce conversion rates. Web users are in a hurry and want to consume content quickly – why stop them from doing what they came to your site to accomplish? Friction can be reduced in multiple ways, including:

    • Reducing the number of form inputs. Do you really need to ask for a user’s phone number, middle name, etc?
    • Clear call to actions. Users don’t want to have to search all over your website to find what they’re looking for. Identify what users most want to accomplish on your site and make it easy for them to access.
    • Make your header sticky. Users are now used to scrolling, however it can be frustrating to have to scroll all the way back to the top of a page just to access the navigation. Keep your header always in view for easy, seamless navigation.

    Though friction prevents users from doing what they want, it is not necessarily always a bad thing; in fact, there are times when you want to add friction to create a better experience, as it makes users stop and think. Experienced web designers know when to apply the brakes on a user’s journey, such as making a user confirm before deleting something. Accidental clicks are a real occurrence, so asking a user if they’re sure they want to delete something before it disappears for good can prevent frustrating experiences.

    8. Expert Usage of Color

    Color Wheel Showing Red, Orange, Yellow, Green, Blue And Purple.

    Have you ever wondered why so many fast-food restaurants use red and yellow for their logos, or why so many businesses paint everything with blue? Design isn’t just about making things look nice; a good designer understands the psychology of color and how best to employ them on a website. Each color can evoke an emotion from users. (Keep in mind that these meanings can vary from culture to culture.)

    • Red: The color of passion and aggression, red is full of energy and can evoke a sense of urgency.
    • Orange: This color is a mixture of red’s passion and yellow’s optimism, creating an upbeat hue that expresses playfulness. It is also the color of impulse, and thus is often used in “buy now” buttons.
    • Yellow: Bright and fun, yellow expresses happiness, sunlight, and a cheery tone.
    • Green: The color of both money and the earth, green is used to express wealth and environmental consciousness.
    • Blue: This color evokes trustworthiness and professionalism, making it an excellent choice for many businesses. However, blue can also express sadness and moodiness, so be careful.
    • Purple: Wisdom and royalty come to mind with purple, making it a good choice for businesses that want to express reverence or knowledge.
    • Black: Though not technically a color, black evokes luxury, making it excellent for expressing wealth.

    In Conclusion

    Though none of the features listed above are absolutely necessary to craft a high-performing website (I’m looking at you, Craigslist), they are important to keep in mind when considering the performance of your own site. If your numbers are down or you’re looking into a redesign, keep these tips in mind and you’ll be well on your way to an excellent website in 2017.

    Sources

    • Do Visuals Really Trump Text?
    • How Loading Time Affects Your Bottom Line
    • The paradox of choice and how it affects web design

    Greg McNeil

    September 18, 2017
    Responsive
  • Google AdWords Sitelinks: What Advertisers Should Know About the New Update

    Google AdWords Sitelinks: What Advertisers Should Know About the New Update

    Recently, Google launched a new update to their AdWords Sitelinks, doubling up on the previous limit of four links to give users more relevant options when searching. This update also grants advertisers more real estate to direct users to other pages on their sites. Following the traditional carousal format, these eight links will appear side-by-side when viewed on mobile or tablet; allowing users to easily swipe through sitelinks to find what they’re looking for. Image of Google Sitelinks

    So why the change?

    This new update seems to be following Google’s trend of placing greater focus on enhancing users’ mobile experience. From 2015 to 2017 alone mobile’s share of digital ecommerce has risen almost 12%. And with young shoppers increasingly choosing to make purchases directly on their mobile devices that number is expected to nearly double. This means that pay-per-click advertisers now have new and growing opportunities to market their ads to mobile users. How will it affect your bidding for mobile and tablets? Not having any luck with PPC? Contact us today for a free PPC audit.

    Sources

    • U.S. mobile retail commerce sales as percentage of retail e-commerce sales from 2015 to 2020

    Greg McNeil

    September 1, 2017
    Google AdWords
  • The Necessity of Google AMP in the Mobile Age

    The Necessity of Google AMP in the Mobile Age

    In our last AMP article, we covered how Google’s Accelerated Mobile Pages work and how you can utilize them to help boost your mobile ecommerce.
    Since then, Google has continued to enhance its mobile user experience. Rolling out new AMP updates like AMP Bind, which allows internet retailers to create product pages with interactive elements for color and size selection. As well as giving Adwords users the ability to use AMP pages as landing pages for their ads.

    But that’s not all.

    The new AMP updates also utilize Google’s Brotli to reduce document sizes by a further 10% and compress images 50% more efficiently without a loss in quality.

    These additions, coupled with applications like AMP Lite – Google’s optimized version of AMP for users with a slower internet connection or a low-end smartphone – have allowed Google’s AMP pages to load nearly 30 times faster than their non-Amp counterparts.

    So why the focus on mobile pages?

    If you spend the majority of your time in an office – home or work – you may be used to conducting most of your online activity via a desktop. For the rest of the world, however, smartphones are king.

    Think about it.

    When was the last time you waited until you had access to a desktop to look up a restaurant or search the IMDB of an actor whose movie history you can’t remember?

    The joy of owning a mobile device is its near instantaneous access. You not only have the whole of the web at your fingers, but you can take it with you anywhere you go.

    Consider this:

    As of 2016, comScore Mobile Metrix® reports that Americans spend an average of 87 hours a month browsing the web on their smartphones, as opposed to the 34 hours they spend browsing on a desktop.

    Looking at places like the U.K., Italy, and Spain, the numbers are similar. Most people are accessing the web through their phones.

    But why?

    It’s simple – affordability.

    Many people don’t have the money to invest in both a phone and a computer, so they go with the more logical – usually cheaper – choice.

    And in developing countries with larger populations like Nigeria, China, Peru, and India, this distinction is even more noticeable.

    For example, in a study conducted by MIT, 620 out of 690 million internet users in China go online via a mobile device. That’s almost 90%!

    Following the Trend

    So what does this mean for the future of web pages?

    It’s hard to say. As smartphone technology continues to advance, the stripped down versions of AMP pages may change.

    However, as it stands now, that easy mobile access is key.

    Want to AMP up your page? Contact us today for a quote!

    Sources

    • Google brings expanded AMP support to search and display ads
    • Google’s AMP now powers 2B+ mobile pages and 900K domains, loads 2x faster
    • Bringing the speed of AMP to search & display ads
    • What’s coming for SEO in 2017? 5 hot SEO trends from the SMX East conference
    • AMP For Retailers: Is It Worth It?
    • World Wide Web, Not Wealthy Western Web (Part 1)
    • 31 Mobile Marketing Statistics to Help You Plan for 2017
    • Internet Mobile internet usage surpasses desktop usage for the first time in history

    Greg McNeil

    July 12, 2017
    Responsive
  • B2B Ecommerce Platforms: PaaS, SaaS, Or In-House Solution?

    B2B Ecommerce Platforms: PaaS, SaaS, Or In-House Solution?

    Graphic courtesy of Four51 OrderCloud. Used by permission. The world of B2B selling is ripe for a revolution. Ecommerce technology has flourished in the B2C sector for decades, but it has not yet seen widespread adoption in B2B. Of course, that’s for good reason: the limitations of old software made eCommerce cumbersome in the complex world of B2B. All that has changed. B2B eCommerce is now a viable alternative to the complex legacy systems used by many B2B companies. The benefits of adopting an eCommerce model in the B2B sector are many. To the company, eCommerce offers a better bottom line with less waste, higher margins, and all backend complexity maintained and streamlined; to the customer, it offers a simplified, intuitive buying experience that works on any device. For today’s B2B executives and managers, only one question remains: which B2B eCommerce platform is right for my company? [clickToTweet tweet=”Which #B2B #ecommerce platform is right for your company–#PaaS, SaaS, or in-house?” quote=”Which B2B eCommerce platform is right for your company–PaaS, SaaS, or in-house? ” theme=”style1″] First, we’ll talk about the problem. Then we’ll outline 4 potential solutions.

    The Problem: B2B Ecommerce Solutions Need Efficient Complexity

    Solution 1: Cloud-based PaaS (Platform-as-a-Service)

    Solution 2: Licensed SaaS (Software-as-a-Service)

    Solution 3: Bundled Hosting and Ecommerce (Cloud-Based SaaS)

    Solution 4: Proprietary, In-house Ecommerce Software

    Making A Decision

    The Problem: B2B Ecommerce Solutions Must Handle Complexity Efficiently

    handle-complexity B2B selling is complex. In many legacy systems, that complexity means wasted time, money, and effort. For example, a typical B2B sales path might include:
    • A customer service representative who takes orders over the phone and enters them manually into a tracking system.
    • An email newsletter platform that can only communicate with a customer database through manual data entry.
    • Inability to take electronic payments.
    • Customer-facing website that displays products but cannot offer on-site purchasing due to complex permissions governing pricing.
    • Customer-facing website that is not optimized for mobile devices.
    Each of these points of information exchange contains hidden inefficiencies. These inefficiencies add up to lower margins across the board for B2B companies.
    • Ordering through CSRs may not be the first choice of some demographics, such as Millennials. That means HR expense that may not be necessary.
    • Manual data entry is inefficient.
    • Processing non-electronic payments can be time-consuming.
    • A non-eCommerce website serves as little more than a print catalog of offerings, forcing the customer to jump through another hoop (phone call or fax) after determining what to purchase.
    • A non-mobile-friendly website could lead to missed sales as mobile users give up on type that is too small to read and buttons that are too small to tap.
    Worse, every time information is exchanged within a system like this, there’s potential for error—which introduces even more waste.
    • CSRs can make mistakes in manual order entry, leading to costly returns.
    • Marketers building email lists from customer lists can make mistakes in data entry and grouping.
    • Paper invoices and checks can get lost in the mail.
    • Customers can make errors in relaying their buy lists to a CSR. These errors may come under dispute later.
    • For non-mobile-friendly B2B eCommerce websites, difficult navigation leads to more attention needed from CSRs. That is a cost to the company.

    Solution 1: Cloud-based PaaS (Platform as a Service)

    In an interview on the 216digital blog, Bill Osteraas, VP of Channel Development at OrderCloud, talked about the features which PaaS offers for B2B ecommerce. “We face this topic with a different approach,” he said. “Flexibility over features.” [clickToTweet tweet=”.@OrderCloudIO shatters the B2B #ecommerce #PaaS market with ‘flexibility over features’” quote=”OrderCloudIO shatters the B2B eCommerce PaaS market with ‘flexibility over features’” theme=”style1″] OrderCloud is an API-first platform that allows developers to build the exact custom apps that a unique B2B eCommerce client needs. In other words, B2B managers don’t have to sort through a long list of “included” and “not included” features when trying to figure out if OrderCloud’s PaaS will work for them. If other B2B eCommerce solutions are a finished house with most fixtures installed, OrderCloud is a floorplan and foundation. Everything else is open for development, ready to be built out into a unique, efficient configuration. In the world of B2B eCommerce solutions, PaaS is ideal for companies that have complex relationships with manufacturers, suppliers, distributors, and multiple sets of customers. Platforms like OrderCloud are ready to be built out into multi-portal eCommerce stores, with features like varying permissions per user group, variable pricing per user group, CSR interface that talks directly to inventory, and much more.

    Example 1: Bachman’s B2B Ecommerce Model

    ordercloud-b2b-platform-setup Image courtesy of Four51 OrderCloud. Used by permission. Because OrderCloud is PaaS, the core foundation is ready to integrate with all the 3rd-party APIs that this company needs to run its business. The flexibility allows a custom solution, and the company pays only for what they need.

    Pros of cloud-based PaaS for B2B eCommerce:

    • API-first configuration ensures that your third-party software will work seamlessly with your store across ongoing upgrade cycles.
    • Your custom PaaS solution is built right the first time with functionality that fits your unique, complex operation and the place you occupy in your market.
    • You do not pay for a one-size-fits-all SaaS solution that then requires customization to work for your unique business.
    • You don’t have to build from scratch. A raw, highly-adaptable framework is provided, ready to be built out.
    • Your custom applications are cloud-hosted and can be accessed from any web browser.
    • Upgrades are automatic.
    • Pay-as-you-go pricing.
    • Flexible support plans that grow with your business.
    • PCI compliance built-in.
    • Total flexibility in payments.
    • Omnichannel order management.
    • Total order fulfillment tracking.
    • Powerful CSR automation.

    Solution 2: Licensed SaaS (Software as a Service)

    In a SaaS (software as a service) solution that is not hosted by the software provider, you purchase a license to use eCommerce software. You must arrange your own web hosting and install the software there. This is a common arrangement in the B2C eCommerce world. How well it adapts to B2B will depend on your business’s unique needs. Common SaaS eCommerce platforms not hosted by the software provider include Magento and WooCommerce. Note that while these platforms can be adapted for simple B2B operations, they were originally intended for B2C eCommerce. They may not provide all the custom rules which a B2B eCommerce solution requires. [clickToTweet tweet=”A #SaaS solution for #B2C may not provide all the functionality required by B2B #ecommerce” quote=”A SaaS solution for B2C may not provide all the functionality required by B2B eCommerce” theme=”style1″]

    Pros of Licensed SaaS:

    • You can choose the most competitive hosting plan that meets your company’s specific needs.
    • Because hosting is not tied to your eCommerce software, the cost of your hosting will likely depend on bandwidth and storage needs, rather than a sliding revenue-based scale.
    • Likewise, there are no transaction fees deducted from your revenue.

    Cons of Licensed SaaS:

    • You must adapt an out-of-box solution, with or without customization and/or add-ons, to the complex needs of your unique B2B eCommerce operation.
    • SaaS solutions are often not API-first.
    • You may have to establish PCI compliance yourself.
    • You are responsible for routine maintenance, updates, and upgrades to your eCommerce store.
    • You are responsible for emergency troubleshooting if the store goes down or a third-party integration stops working with your store.
    • Third-party integrations, critical to B2B operations, are often available only in paid add-ons which must be updated separately from the core software. These add-ons can break your store when compatibility issues arise.
    • Unknown whether you can create customer groups that allow multiple users from a customer company to log in and see each other’s orders.
    • Checkout process may require modification to meet the complex needs of B2B.

    Solution 3: Bundled Hosting and Ecommerce (Cloud-Based SaaS)

    SaaS hosted by the software provider offers tradeoffs that may be attractive to some business models. These solutions may charge revenue-based fees and/or transaction fees for use of the service. They are generally geared toward B2C eCommerce startups, and their application to large B2B enterprise operations is questionable. Common SaaS eCommerce solutions hosted by the software provider include Bigcommerce and Shopify.

    Pros of cloud-based SaaS hosted by the software provider:

    • All-in-one eCommerce and hosting package that does not require you to get your own hosting.
    • Software updates are pushed automatically without compatibility issues.
    • Cloud-based solutions are generally PCI Level 1 compliant.
    • Easy, cost-effective solution for small B2B startups that do not require complex functionality and do not plan to grow beyond the capacities of cloud-based SaaS solutions.
    • Omnichannel functionality is available, generally with paid extensions.

    Cons of cloud-based SaaS hosted by the software provider:

    • Different pricing for different customers or for different customer groups may require third-party add-ons.
    • Complex permissions structures may require third-party add-ons.
    • Revenue-based pricing.
    • Transaction fees.
    • No FTP access.
    • SaaS solutions are often not API-first.
    • Unknown whether you can create customer groups that allow multiple users from one company to log in and see each other’s orders.
    • Checkout process may require modification to meet the complex needs of B2B.

    Solution 4: Proprietary, In-House Ecommerce Software

    Frankly, this is an obsolete solution. Even for large companies that can afford the expense, the benefits gained by such a great capital outlay are available for a much lower price with a PaaS solution. Since PaaS providers like OrderCloud have already covered the ground of building the foundation, you gain nothing by reinventing the wheel—particularly when these providers make their reusable eCommerce foundations available at highly competitive prices.

    Pros of proprietary in-house B2B eCommerce solutions:

    • Total control over all aspects of the solution.

    Cons of proprietary in-house B2B eCommerce solutions:

    • They uselessly reinvent the wheel.
    • They do not provide any value beyond that of existing solutions.
    • They cost far more than any PaaS solution to develop, deploy and maintain.

    Making a Decision

    Paul Demery reports in B2B Ecommerce World on a recent study by Forrester Consulting with examined emerging trends in PaaS and SaaS deployment for B2B eCommerce. The study found that “the rate of increase in planned PaaS-based deployments over the next two years is twice that of the increase in planned SaaS-based deployments.” [clickToTweet tweet=”Next 2 yrs, % of planned increase in #PaaS installations=2x planned #SaaS installations in B2B #ecommerce” quote=”Over next 2 yrs, rate of planned increase in PaaS installations=2x planned SaaS installations for B2B eCommerce” theme=”style1″] In other words, the B2B world is moving to eCommerce. And it’s choosing PaaS over SaaS. For B2B decision-makers, the time is now to begin pursuing a new B2B eCommerce solution. As more and more companies roll out their own highly customized B2B eCommerce machines, companies without a competitive solution will be ill-equipped to meet the market’s new expectations. They’ll be stuck with old processes that don’t work and customers who can’t get a seamless, personalized front-end experience. PaaS solutions are beginning to lead the B2B eCommerce services market. As one of the Top eCommerce Development Companies, we believe that the trend will only increase. PaaS solutions offer the right balance between customization and an affordable foundation to build on. Where SaaS is too constraining for modern B2B eCommerce, the sky is the limit with PaaS. Where in-house, proprietary eCommerce solutions uselessly reinvent the wheel, PaaS offers a client-agnostic, reusable foundation for an infinite variety of eCommerce businesses. b2b ecommerce CTA Image

    Greg McNeil

    November 11, 2016
    Ecommerce Platforms, Magento
  • Google AMP Pages for Ecommerce – INFOGRAPHIC

    Google AMP Pages for Ecommerce – INFOGRAPHIC

    Fast-loading product pages could make or break your conversion rate.

    As an independent ecommerce retailer, you know how tough it is to compete with the big boys. Amazon can outsell us all, and they can afford fast-loading mobile functionality at scale. Luckily, independent e-retailers can optimize their experiences to compete—and it’s cheaper than you might think. With the increasing growth of mobile shopping, Google’s AMP project offers a unique opportunity for ecommerce stores to load product, category, and home pages instantly for on-the-go mobile customers. [clickToTweet tweet=”#AMP for #ecommerce means lightning-fast product, category, and home pages. @216_digital” quote=”#AMP for #ecommerce means lightning-fast product, category, and home pages. ” theme=”style1″] Accelerated Mobile Pages (AMP) is an open-source project that aims to kick the mobile web into high gear. AMP was originally intended for publishers, whose sites often load slowly on mobile due to multiple JavaScript queries for numerous ads. But AMP is great for ecommerce, too. Slow mobile load times can kill an ecommerce store. The first pages in the conversion funnel MUST load lightning-fast. You don’t want to blow the customer’s moment of expectation. AMP is the perfect solution. So what does AMP for ecommerce mean? Let’s break it down. amp-infographic2-04

    What is AMP?

    AMP is an open web standard that cranks up page load on mobile. It uses a limited subset of HTML. It does not allow 3rd party JavaScript, only the AMP JavaScript library, which must be pulled from the AMP CDN (content delivery network). AMP pages are cached and served from a free Google CDN. This combination produces lightning-fast load times on mobile. amp-screenshot2-pencil In mobile search results, AMP pages appear in a carousel at the top of search. They are notated with the lightning bolt symbol and the word AMP. AMP results may also appear below the carousel. “AMP pages are highly distilled versions of the corresponding HTML page,” says 216digital developer Justin Sims. “They’re not as media-rich or as heavy as other pages.” [clickToTweet tweet=”#AcceleratedMobilePages are highly distilled versions of the corresponding HTML page. @216_digital” quote=”#AcceleratedMobilePages are highly distilled versions of the corresponding HTML page. ” theme=”style1″]

    Why is this important?

    As AMP picks up momentum, we fully expect it to become the new standard for mobile development in certain environments. Google reports that it has indexed 150 million AMP pages, and that 4 million new AMP pages are added every week. That’s a fast-growing trend. Since AMP represents a new competitive edge for those sites that use it, it’s critical to adopt this standard early.

    How do I get AMP on my ecommerce store?

    “With any large-scale, widely adopted platform, there will be easy 3rd party solutions implemented,” says 216digital developer Justin Sims. “WordPress and Magento already have premade AMP solutions. At the end of the day, though, there will be a huge difference in quality and effectiveness between manually developed amp pages and those generated through plugins.” In other words, AMP plugins will work for simple situations, but they may not offer the full control which more complex ecommerce stores require. In that case, an experienced developer can help you get the most out of AMP, either with or without a plugin. cta-ampdev-long

    How can I tell if AMP is doing its job?

    AMP supports A/B testing. That means you can gather real data on two or more versions of an AMP page to see what drives conversions and what doesn’t. As Search Engine Land reports, you’ll want to set up Analytics to monitor four dimensions of page performance. Ideally, you would compare these stats for AMP pages against non-AMP versions of the same products on your site. If you can’t do that, you can compare your AMP pages against different products that generally perform the same as your AMPed products. Here are the four dimensions to monitor: – Traffic – Engagement – Conversions – Revenue

    Is Google giving AMP pages a ranking boost?

    Not directly. “To clarify, this is not a ranking change for sites,” says the Google Webmaster Central blog. But think about this. Google DOES consider load speed and engagement/CTR (click through rate) metrics when ranking a page. As more and more users surf the web on mobile, mobile engagement data will make up a bigger slice of the overall engagement data for a page. And as knowledge of AMP spreads, users will likely prefer the results that are marked with the AMP lightning bolt, ⚡. Will Google give AMP pages a ranking boost? No. But users will. [clickToTweet tweet=”Will @google give #AcceleratedMobilePages a ranking boost? No. But users will. @216_digital” quote=”Will @Google give #AcceleratedMobilePages a ranking boost? No. But users will. ” theme=”style1″]

    What does Google Cache mean for onsite traffic?

    AMP pages are served off a free Google CDN, not off your server. For many of us, that may sound like a red flag. But wait. This is actually a win. Think of it like this: you give up increased traffic to your domain at the very top of the conversion funnel. In return, you get super-fast load times, and you’re still displaying your product and branding. The conversion funnel still leads to you. Google doesn’t get the money; you do. Even better, your domain-level bounce rate *could* go down. People are more likely to abandon your site because the product they landed on wasn’t what they wanted. Now, if they abandon your AMP product page, the bounce happens from Google’s AMP cache domain, NOT from your domain. Once you transition customers to your domain, which you should do at the add-to-cart stage, they are actually much closer to buying if you’ve offered them a value proposition that meets their needs. Plus you’ve already wowed them with a lightning-fast product page. To capitalize on the value which the speed of AMP offers, you need to optimize your onsite checkout for fast load time and seamless UX on mobile.

    Two versions of the same page? Isn’t that duplicate content?

    In this case, no. Will Critchlow explains on Distilled.net: “You should always link to the canonical version (which is the desktop version). That should have a rel=”amphtml” link to the AMP version (and the original AMP version and all cached versions should have a rel=”canonical” link back to the original).” In other words, proper AMP markup tells Google, “There are two versions of this page, the AMP version and the desktop version. The desktop version is the canonical (original) version.” Duplicate content issue solved!

    What pitfalls should I know about?

    A misconfigured AMP page shows an AMP error in Google SERPs. It’s important to hire a developer who understands AMP. Make an annotation in Analytics so you know when you published your AMP pages. If your stats take a dive, there might be something wrong.

    Do I need to AMP my entire ecommerce store?

    Luckily, no. AMP will only help your business when it’s applied to pages that might show up in SERPs or in social media feeds. In ecommerce, that means your homepage, some product pages, and major category pages. If you’re practicing content marketing with a blog, you could also apply AMP to your content marketing articles, since you want these to be discovered in SERPs and on social media. You do NOT need to AMP your cart or checkout pages, since these lie farther down the conversion funnel. The main purpose of AMP is to secure the customer’s commitment higher in the funnel, at the stage when many people abandon mobile pages because of slow load times. Note, however, that your checkout process MUST still be fast and painless. Cart abandonment is a real problem at checkout. AMP can’t help you with that. If you don’t optimize your checkout experience on mobile, all that AMPing will be in vain. We recommend trying AMP on a few select product and category pages, as well as your homepage. If you begin to see a higher conversion rate on your AMP pages, you can start rolling it out to more pages. The best part? You can move as fast or slow as you want in building out more AMP pages for your site. We recommend faster, though, especially for products which will have high demand this holiday season.

    AMP is so stripped down. What ecommerce functionality is left?

    Again, AMP is really only appropriate for use on homepages, category pages, and product pages. You can’t build every page of your purchase flow with AMP. But the fact that it doesn’t support the usual bells and whistles doesn’t matter. The goal is not to build the entire conversion funnel in AMP, but rather, to use AMP to serve up product pages—fast. AMP is well-suited to these 3 types of pages because it DOES support product carousels, though they have to be hand-coded in AMP markup. AMP also supports social sharing, with Twitter, Facebook, Pinterest, LinkedIn, and Google+ coming preconfigured. You can also manually configure any social network that isn’t preconfigured. A thumbnail carousel with large image display is still under development. See the GitHub thumbnail carousel documentation for more. AMP also allows you to display different content depending on whether a user is logged in or not. This has obvious applications in ecommerce.

    The Bottom Line

    The mobile ecommerce experience doesn’t have to be slow. AMP offers the perfect solution for slow-loading product, category, and homepages. If you’re interested in exploring the possibilities of AMP for ecommerce, get in touch today. Let’s start talking about your next big thing.

    Sources:

    https://econsultancy.com/blog/10936-site-speed-case-studies-tips-and-tools-for-improving-your-conversion-rate/ https://www.ampproject.org/how-it-works/ https://www.internetretailer.com/2016/08/04/handbook-holidays-mobile http://blog.custora.com/2016/01/2015-e-commerce-holidata-recap/ https://moz.com/search-ranking-factors https://engineering.pinterest.com/blog/building-faster-mobile-web-experience-amp http://trends.builtwith.com/widgets/Accelerated-Mobile-Pages https://webmasters.googleblog.com/2016/08/amp-your-content-preview-of-amped.html https://www.ampproject.org/docs/get_started/about-amp.html https://www.ampproject.org/docs/get_started/technical_overview.html http://searchengineland.com/mobile-marketing-amplification-content-performance-measurement-253336 https://amphtml.wordpress.com/2016/08/24/optimize-your-amp-pages-with-amp-experiment/amp/

    Greg McNeil

    September 14, 2016
    Responsive
  • Designing To Maximize Conversion Rate: 14 Designers Talk Ecommerce Strategy

    Designing To Maximize Conversion Rate: 14 Designers Talk Ecommerce Strategy

    Ecommerce design is a unique beast in the web design world. Multiple factors–aesthetics, usability, brand message, and value proposition–must come together to create conversions.

    That’s hard.

    How can web designers serve their ecommerce clients better? How can designers work strategically, with conversion rate in mind? We asked 14 expert ecommerce designers to share their best tips through four questions. Here are the questions. Their insightful answers follow.

    1. Let’s face it, web-safe fonts don’t give us many options. How do you use Google Fonts to create great typography?

    2. Ecommerce store owners are always stressing about cart abandonment. How can web designers reduce cart abandonment for their clients?

    3. Category pages can be a bit of a no-man’s land as far as UX. What are your favorite techniques for sprucing them up?

    4. Let’s be honest—design clients don’t always know as much as we wish they did. If you could educate ecommerce clients on one thing, what would it be?

    1. Justin Metros –– Radiator Studios

    justin-metros-headshot-color_1024

    radiatorstudios.com | @radiatorstudios

    Let’s face it, web-safe fonts don’t give us many options. How do you use Google Fonts to create great typography?

    Typefaces communicate feeling and emotion through their glyphs. This emotion is what gives a visual design character and a sense of purpose. The ‘web-safe’ (default fonts installed on windows / OS X) are limited and leave much to be desired when compared to what is available elsewhere.

    [clickToTweet tweet=”Typefaces communicate feeling and emotion through their glyphs. #designthinking @radiatorstudios @216_digital” quote=”Typefaces communicate feeling and emotion through their glyphs. #designthinking”]

    If great typography is an art, then typefaces are your palette. The typeface is the design of the lettering. The font is the implementation of that typeface for use (for the web or in print). And learning how to pair typefaces and use fonts correctly is an important skill for every designer to have. Understanding the nature of typefaces and how they play together will make or break a design, regardless of the source of the font. There are plenty of great fundamental resources out there that can help train your eye on what to look for in typeface, its weight, its x-height, etc. I like this article from back in 2009 on Smashing because the fundamentals of typography have been consistent for a long time. Trends have changed, not concepts.

    Google Fonts are a great resource for designers, as many of their typefaces are wonderfully designed, and the fonts are optimized really nicely for the web. Google Fonts abstract away a lot of the complexity of implementing and managing font files for use on the web. As we know, different browsers / devices prefer different formats and Google Fonts makes this invisible to the designer. No more @font-face, just a one-line script and you’re good to go.

    As Google Fonts has grown, so have the number of beautiful combinations. There is no shortage of resources available for great google font pairings. A few of my favorites are http://fontpair.co/, http://hellohappy.org/beautiful-web-type/ and https://femmebot.github.io/google-type/

    Once the typefaces are chosen and the fonts are technically implemented, the fun is just getting started. It’s important to have legible design, especially in a responsive context. Use of modular scale for meaningful hierarchy is a good place to start to determine the relationships between headings, subheadings and paragraphs http://www.modularscale.com/. For more complex control, there are concepts like vertical rhythm which are a bit more involved to implement, but do a great job of maintaining consistency in your overall design. http://zellwk.com/blog/why-vertical-rhythms/ And also, for responsive design, using relative units (rems or ems) can help your hierarchy and rhythm flow and resize nicely across various screen sizes and devices.

    Ecommerce store owners are always stressing about cart abandonment. How can web designers reduce cart abandonment for their clients?

    Cart abandonment is always an issue when it comes to ecommerce. We’re out there fishing for customers on the web and an abandoned cart is the one that got away.

    [clickToTweet tweet=”Cart abandonment is always an issue when it comes to #ecommerce. #designthinking @radiatorstudios @216_digital” quote=”Cart abandonment is always an issue when it comes to #ecommerce. #designthinking”]

    Our first bit of advice is simple: relax. Many users add to cart with no intention to purchase. Sad but true, better to get over that early on and focus on customers that did have intent to purchase. Users who made it to checkout then hesitated. These are the ones we want to try and recover, and there are some good and not-so-good ways to approach this.

    The first step is to identify what you consider to be cart abandonment. We want this to be a meaningful metric. Adding to cart is not a good place to look, necessarily, as mentioned above. A better place to look is someone who added to cart, clicked checkout, and gave you some information—hopefully at least an email address, something we can respond to.

    Many ecommerce platforms have their own way of determining what defines an “abandoned cart,” and for custom implementations, it’s up for you to decide. Now we’re talking about what to do once we A) know a user made it to a point we consider a potential customer and B) our response to that.

    Sending out a friendly reminder can be very useful. Keep it light and simple. “Looks like you left something in your cart, we’re holding these items for you if you’d like to come back.” Try not to be pushy in your abandonment reminder emails. Use the tone and voice of your brand. It also helps to show what was in their cart to give them a reminder of what they almost bought. Take the time to apply your branding and design to these templates so that it is a direct reflection of your site.

    The timing of the cart abandonment email is also important. This is something I urge shop owners to experiment with. But we’ve found that 4-6 hours after abandonment is the sweet spot. And please don’t try and hammer them multiple times at 4hrs, 12hrs, 24hrs all in a row—that can have the reverse affect, and may actually deter people who don’t want to buy today but may have bought in the future. Knowing a site is going to blow up your inbox every time you browse is not a good look.

    Then there is abandonment prevention. Keeping users in the checkout flow through conversion. This is where the UX of the checkout flow really plays an important part.

    There are many great philosophical discussions around the web on what converts best, a one-page checkout, a multi-step checkout, etc. Regardless of your preference (or limitations your ecommerce platform), we have always believed it’s more about how information is presented to make the process seem as simple as possible. If you have a one-page checkout, don’t show every field at once, because it looks like a lot of work. Try using an accordion style so users can focus on one thing at a time—billing info, shipping info, payment info and review. For a multi-step checkout, keep it clean with a clear view of the steps involved so people can understand the process as a whole from the get-go.

    Having multiple payment options also helps. By having your preferred gateway plus another option (like PayPal, Apple Pay, etc.), you give users an opportunity to use a method that may require less work. They may have autofill for their PayPal, for example, which makes it easier for them to checkout.

    There will always be abandoned carts, but using beautiful cart abandonment reminder emails, proper timing of those emails, and having a clean checkout flow will help to reduce your drop-off rate.

    Category pages can be a bit of a no-man’s land as far as UX. What are your favorite techniques for sprucing them up?

    Category pages are as much a utility for the user to browse your catalog as they are an opportunity to tell your brand story.

    [clickToTweet tweet=”Category pages are a chance to tell your brand’s story. #designthinking for #ecommerce @radiatorstudios @216_digital” quote=”Category pages are a chance to tell your brand’s story. #designthinking for #ecommerce”]

    Having meaningful filtering that fits your brand is important. If you have thousands of products in dozens of collections, a faceted filter can help users find what they are looking for quickly. Amazon, albeit not the best design in the world, does faceted filtering very well, and that pattern fits because of the sheer size of the site.

    If your site has only a few collections with a couple dozen products each, try a simpler filtering UX like a dropdown for size or color, as well as a sort so users can re-arrange the category page by what’s new, best sellers, etc.

    Product grids don’t have to be boring, either. If applicable to your brand, try inserting some brand of lifestyle content into your category pages. Maybe after 4 rows of products there is a sales proposition or entry point to another similar collection. Done well, this can make a boring product grid turn into a brand experience.

    With the products themselves, above all else, try to have the best photography you can. And don’t try to cram 10 thumbnails into one row. Space them out and let the users see your thumbnails clearly. If a product is on sale, is new or is a best seller, try designing a little badge or icon that indicates this. Keep your typography clear and your pricing visible. If a product comes in multiple colors, try adding swatches to show that it comes in multiple colors. Whether that is appropriate depends of course on the nature of your catalog. Often times, it’s best to show each color way in the product grid so users don’t have to have an extra click to see it in another color.

    Also, keep your page length manageable. Infinite scrolling makes a lot of sense on sites like Instagram and Pinterest, but when you’re scrolling through products, clicking on them, and clicking back, infinite scroll can cause some headaches unless you put your user back to exactly where they were. Try 30-40 products per page with clear, easy to understand pagination. This helps to give users a sense of direction in your site.

    Last but not least, the header of your collection page is a great opportunity to design a banner that explains the collection, provides a lifestyle image, or adds some additional information about that collection.

    Let’s be honest—design clients don’t always know as much as we wish they did. If you could educate ecommerce clients on one thing, what would it be?

    Above all else, I would have to go with something higher level than educating on a particular topic and recommend establishing meaningful trust with your client. They came to you to help them solve a problem because they do not have the time or expertise to do so. They chose to work with you because they like your portfolio, your personality, your track record, etc. By building trust, you can work with your client more efficiently to help guide them through many of the moving parts of an ecommerce site. When the client trusts you, they will listen to you and your advice, and gives you the ability to educate them in all areas from UX, UI, design, content strategy, and marketing.

    2. Sarah Yeager –– Lead Web Designer, 216digital

    sarah-portrait-stylized-216

    Let’s face it, web-safe fonts don’t give us many options. How do you use Google fonts to create great typography?

    When designing for a website, everything comes down to brand message and legibility.

    [clickToTweet tweet=”In web design, everything comes down to brand message and legibility. #designthinking from @sarahmyeager @216_digital” quote=”In web design, everything comes down to brand message and legibility. #designthinking from @sarahmyeager”]

    Your first objective is for your audience to be able to read what you have to say. I get so frustrated when I come across a beautiful website design but I have to squint in order to read their content. A nice rounded sans-serif font like Open Sans is a great go-to for body copy.

    As far as brand message goes, what kind of story are you telling with your typographic choices? Find a font that reflects your brand and then find a great contrasting font. Some examples of contrasting fonts are condensed paired with expanded or italic paired with normal. The key is to find a font that carries contrast out elegantly while reflecting your overall message.

    Ecommerce store owners are always stressing about cart abandonment. How can web designers reduce cart abandonment for their clients?

    Take down a barrier to entry. Creating an account before they purchase items in their cart creates more time spent on not buying the item. Let them achieve their goal first and then invite them to create an account.

    [clickToTweet tweet=”Want to reduce #ecommerce cart abandonment? Take down a barrier to entry. #designthinking @sarahmyeager @216_digital” quote=”Want to reduce #ecommerce cart abandonment? Take down a barrier to entry. #designthinking @sarahmyeager”]

    Limit the amount of steps to achieve a purchase. The simpler the transaction, the faster it takes to purchase the item, the happier customer. This means, pair down the steps it takes to get from visitor to newly paid customer.

    Include trust builders. People are more likely to be hesitant to purchase from an ecommerce store that does not prove their value. Reassure that they are in good hands.

    Category pages can be a bit of a no-man’s land as far as UX. What are your favorite techniques for sprucing them up?

    As far as user experience goes, you want the user to find what they need as quickly as possible. Sometimes I play around with the number of categories that I feature on a page or highlight a larger section to show off featured products. Know your users’ analytics to see how they navigate or click around on the page and adjust accordingly.

    Let’s be honest—design clients don’t always know as much as we wish they did. If you could educate ecommerce clients on one thing, what would it be.

    Know that a designer’s role isn’t just to make things look pretty – it’s about telling your brand’s story, to achieve your business goals, and to create something elegantly functional.

    216-Design-CTA

    3. Carrie Cousins –– Designer, Writer, & Editor

    2-Carrie

    @carriecousins | about.me/carriecousins | carriecousins.com

    Let’s face it, web-safe fonts don’t give us many options. How do you use Google Fonts to create great typography?

    Google Fonts is a great tool because it opens up a world of typeface options to you for website design. I start with browsing typefaces, pick the pair that I like for a project, and insert the code. It’s easy and provides a great workflow option.

    Ecommerce store owners are always stressing about cart abandonment. How can web designers reduce cart abandonment for their clients?

    The first step is to reduce clicks. Make the site almost too easy to use. Why do I have to log in to view my cart? Poor UX is the reason I abandon the cart more often than not. It happens when something just does not work. If you aren’t sure how to structure your cart, look at some of the most successful ecommerce sites—Amazon, Nike, Gap—and note how flawless the process seems to be.

    Let’s be honest—design clients don’t always know as much as we wish they did. If you could educate ecommerce clients on one thing, what would it be?

    Go back to the basics: “Show, Don’t tell.” Use great pictures to sell online. If your imagery is not good, and I mean absolutely professional, I won’t shop on your site. Everything about your site needs to be clean, crisp and polished. There can’t be spacing or grammar mistakes. Handing over my credit card information is about more than what you are selling, it’s about trust in you as a business and in your interface.

    4. Dirkjan Vis –– Founder and Owner, Zietuwel.nl

    1-Dirkjan

    Zietuwel.nl | Ecommercenews.eu

    Let’s face it, web-safe fonts don’t give us many options. How do you use Google Fonts to create great typography?

    The way we see it, Google Fonts are very popular and commonly accepted. Ecommerce sites use them freely. Backup fonts are addressed, but that’s basically it. Fresh fonts are very popular these days!

    Ecommerce store owners are always stressing about cart abandonment. How can web designers reduce cart abandonment for their clients?

    There are a zillion reasons why carts are left abandoned. Many of these reasons are hard to fix. Think of shipping expenses, the use of shopping carts as a wish list, or comparing total expenses in two shopping carts on different stores. With that said, web designers see a lot of shopping carts! Thus they should be experts on the best experience. Many web designers limit themselves to just the styling, but web designing companies should have specialists in usability. Cart abandonment is one of the top priorities when concerning cart usability. The specialists should be in house if the agency wants to serve the bigger ecommerce companies.

    Category pages can be a bit of a no-man’s land as far as UX. What are your favorite techniques for sprucing them up?

    Category pages are often used as high performance SEO landing pages. They are often optimized for search traffic or for distributing search engine ‘juice’ to the right pages. With these priorities in mind, category pages are hard to master as a UX engineer. The conflicts of interest make these pages hard to optimize. Personally we do have some demands. For example, category pages often have many products. Will you use lazy-load, view more buttons, or split them in several pages?

    Another thing to think about is to give category pages extra user info. Often these pages only contain an overview of products, but category pages are ideal to publish some extra general information on about the kind of products. For example, if you show fishing products: show the intro of a blog about fishing, write about what kind of fishing your shop has expertise in and have nice images for eye candy and inspiration instead of just a plain grid of products.

    Let’s be honest—design clients don’t always know as much as we wish they did. If you could educate ecommerce clients on one thing, what would it be?

    Inspiration is king. Many ecommerce companies look at statistics. What works in SEO? What brings views and how to get the conversion percentage to a higher level? In the short term these two factors are always top of mind, but in the long term you should be working on inspiration. Without inspiration you cannot be a brand. Without a brand your company won’t become top of mind. Not being “top of mind” means you have to keep on spending money on marketing and on getting sales because customers will never come back by themselves.

    5. DJ Bradley –– UX Designer, Digital Telepathy

    3-DJ

    http://twitter.com/dtelepathy | http://dtelepathy.com

    Let’s face it, web-safe fonts don’t give us many options. How do you use Google Fonts to create great typography?

    There are over 650 Google Fonts available. These are an excellent source for web designers to create free, web-safe font combinations. I pair Google Fonts the same way I would pair any font combination. I tend to choose complementary fonts, like serifs and sans serifs, to create contrast. I also prefer sans serifs for paragraphs, due to their simplified letterforms that display clearer at various screen resolutions. There are great online resources like Typewolf for inspiration and font recommendations as well.

    Ecommerce store owners are always stressing about cart abandonment. How can web designers reduce cart abandonment for their clients?

    Looking at user analytics throughout the checkout process can give some insight into areas or pages where users seem to be dropping off. However, analytics won’t tell you the reason “why” users are dropping off in specific areas. This is where user-testing, interviews, and research can really help find those pain points and allow you as the web designer to design solutions to reduce that friction.

    Category pages can be a bit of a no-man’s land as far as UX. What are your favorite techniques for sprucing them up?

    To spruce category pages up, add a category specific header image with the category title as well as some form of “bread crumbs.” You can also add a “Featured” or “New” section at the top of each category page.

    Let’s be honest—design clients don’t always know as much as we wish they did. If you could educate ecommerce clients on one thing, what would it be?

    It has become crucial for ecommerce sites to have a great mobile experience. The amount of time spent on mobile devices as well as the number of people who own mobile devices continues to increase every year when compared to desktop. If you are not able to reach your user audience through mobile displays, you will miss out in comparison to competitors who are.

    6. Meg Quigg –– Designer, Groove

    4-Meg

    http://gotgroove.com/

    Let’s face it, web-safe fonts don’t give us many options. How do you use Google Fonts to create great typography?

    When approaching the design phase of a site, we incorporate our client’s existing brand standards and carefully select web-safe fonts that align with any current brand assets and fonts to ensure the web experience aligns with every brand touch point. Google Fonts are our preferred font library, but it’s easy for designers to fall into the rut of using their favorite 5 Google Fonts. To capture the essence of the brand and create a unique digital experience, we select fonts (style, sans-serif vs. serif, weight) based on several facets (e.g. the client’s brand mark/logo, target audience, industry trends, the brand’s personality and voice).

    Ecommerce store owners are always stressing about cart abandonment. How can web designers reduce cart abandonment for their clients?

    Many of our clients come to us with the issue of cart abandonment. When enhancing the user experience (UX) of a current or new site, our approach is to reduce the number of clicks to cart. We ask ourselves, “What does the buyer’s journey to conversion look like?” One way we do this is by implementing a one-page checkout with a reduced header and footer to eliminate any distractions that can cause cart abandonment. We ensure that all pertinent information has a place within the UX. We encourage store owners to show shipping costs and customer testimonials which add trust and assurance.

    Category pages can be a bit of a no-man’s land as far as UX. What are your favorite techniques for sprucing them up?

    We often add marketing banners that feature the storeowner’s various promotions/deals at the top of the page to entice the user to convert. We create and/or utilize high impact custom imagery that enhances the user experience and captures the brand’s essence. By including any other relative content, whether video or animation, we help differentiate from the standard category grid. These micro-conversions offer additional ways for users to experience and interact with the brand.

    Let’s be honest—design clients don’t always know as much as we wish they did. If you could educate ecommerce clients on one thing, what would it be? 


    Less is more. What we mean by that is, the buyer’s journey through the UX needs to be clear and concise. Our overall goal with an ecommerce design is to increase traffic, average order value, and conversion rate. Utilizing white space and page layout, we make sure content and imagery is displayed in an easily digestible format that drives users to conversion while maintaining the integrity of the brand.

    7. Ben Johnson –– Founder and Creative Director, Elegant Seagulls Inc.

    5-Ben

    www.elegantseagulls.com | Dribbble | Twitter

    Let’s face it, web-safe fonts don’t give us many options. How do you use Google Fonts to create great typography?

    Fonts are key to communicating a brand’s personality. Your design should work with almost any decent font pairing. The fonts really just elevate the overall design. Font size relationships and details can have just as much impact as the actual selected typography.

    Ecommerce store owners are always stressing about cart abandonment. How can web designers reduce cart abandonment for their clients?

    First look at data to see when and where the carts are being abandoned, then try to work backwards and adjust your design to better convert. Simple changes can often make a huge impact.

    Category pages can be a bit of a no-man’s land as far as UX. What are your favorite techniques for sprucing them up?

    Attention to detail on these pages is key. You want a simple seamless experience. The right balance of white space, subtle design elements, interaction and motion can elevate these pages.

    Let’s be honest—design clients don’t always know as much as we wish they did. If you could educate ecommerce clients on one thing, what would it be?

    Break the mold! There are a ton of best practices we can use as guideposts, but tell your own story. There needs to be a balance between users’ expectations and making something memorable.

    8. Martijn van der Does –– Managing Director, Wonderland

    6-Martijn

    wonderlandindustry.com

    Let’s face it, web-safe fonts don’t give us many options. How do you use Google Fonts to create great typography?

    When it comes to fonts, we’re a big fan of mixing a classic serif with a more relaxed sans serif—although the most important factor is ensuring the combination aligns with the brand we are designing for. We actually don’t really use Google Fonts. We find it quite limited and there’s not much space for creativity. However, if we were to use it, the process is all about making a selection that aesthetically complements the brand. There are also a lot of external articles about the best fonts Google has to offer.

    Ecommerce store owners are always stressing about cart abandonment. How can web designers reduce cart abandonment for their clients?

    It’s all about immersing yourself in each step your user takes and paying close attention to how they approach the cart/checkout process. Checking out should take a minimal amount of action from the user. The process should be as effortless as possible. From a web design point of view, we like ecommerce sites that play with hover interactions. For example, when hovering over your basket with the mouse you are given two clear options: view the bag or checkout. At this stage the user hasn’t even clicked their mouse and the option to checkout is already accessible.

    The checkout process itself should require as few steps as possible, we’d say no more than three. Also, be sure to guide your users through each one and indicate the subsequent steps at each stage. We also suggest indicating the progress of your customer throughout the process. Don’t force them to register with your site, either. If they’re interested enough, they’ll do it themselves.

    Check out our own checkout process at http://thewonderlandstore.com/ for inspiration!

    Category pages can be a bit of a no-man’s land as far as UX. What are your favorite techniques for sprucing them up?

    We love sites that use innovative interactions and animations to bring the content to life within each category. Spice things up and don’t be afraid to stand out—you want to create a site that people want to visit every day.

    Let’s be honest—design clients don’t always know as much as we wish they did. If you could educate ecommerce clients on one thing, what would it be?

    A lot of clients come to us and simply say, “We need a website.” Our standard response is to ask, “how do you know you need a website?” We like to start with our clients’ business goals and what they want to accomplish. It’s far more than just design.

    We want clients to realize how the role that strategy plays in achieving their goals. Design alone is rarely enough. Yes, you can have a fly website built with all the latest trends and techniques, but you need to innovate within your strategy if you really want to stand out. If users are faced with a pretty website but no clue how to approach it, they are likely to turn to competitors instead.

    9. Steve Krueger –– Co-Founder and Creative Director, The Jibe

    7-Steve

    http://thejibe.com/

    Let’s face it, web-safe fonts don’t give us many options. How do you use Google Fonts to create great typography?

    Google Fonts are a great resource for clients on a budget who still want the benefit of not having a site look like it was built in the 90s. While most Google Fonts have pairing recommendations, they’re not always the most complimentary. We’ve used http://fontpair.co/ in the past, which is a beautiful collection of user-contributed Google font pairings for any application.

    Ecommerce store owners are always stressing about cart abandonment. How can web designers reduce cart abandonment for their clients?

    You need to think like a user. Make the experience as engaging and simple to use as possible. Check out our helpful tips on how to reduce cart abandonment.

    Category pages can be a bit of a no-man’s land as far as UX. What are your favorite techniques for sprucing them up?

    You want to let your content shine but still be easily digestible and accessible. Don’t overpower the page with sidebars or alternative call-to-actions. Outlining content in a grid or by using a masonry style layout allows you to retain style while still providing links to category specific content.

    Let’s be honest—design clients don’t always know as much as we wish they did. If you could educate ecommerce clients on one thing, what would it be?

    Keep it simple and stay in the mindset of the client. It’s easy to want all the latest and greatest visual features, but if they are too overpowering and distracting, it will quickly deter your client to look elsewhere.

    10. Sarah Cottle –– Experience Designer, HomeAway

    8-Sarah

    http://sarahmakes.it/ | http://thesixbees.com/ | https://www.homeaway.com/

    Let’s face it, web-safe fonts don’t give us many options. How do you use Google Fonts to create great typography?

    Google Fonts have been a game changer for designers! With hundreds of font options, we can finally have great typography without sacrificing SEO. Before Google Fonts, designers would have to flatten non web-safe fonts into images, which of course are not “readable” by search engines. Google Fonts allow us to keep text as HTML helping keywords be found by search engines. With all the different font options available on Google Fonts, designers have been able to push the boundaries of typography. My current favorite font combination is Lora and Open Sans Condensed!

    Ecommerce store owners are always stressing about cart abandonment. How can web designers reduce cart abandonment for their clients?

    Getting your customers to hit that Place Order button is an ecommerce web designer’s main goal! Here are a few tips to help get the customer to purchase by reducing cart abandonment:

    1. Eliminate Distractions—Make sure your checkout process is simple, easy, and fast. Don’t have the user fill out unnecessary form fields—if the information isn’t vital for completing the transaction, don’t include it! Remove anything that is not relevant to the user completing their purchase.

    2. Allow Guest Checkout—Users already have online accounts for so many different products (banks, email, schools, etc.)—don’t frustrate them by forcing them to create an account with you just so they can purchase your products. Eliminate all roadblocks getting in the way of allowing your user to checkout.

    3. Design for Mobile—At the very least, your site should be responsive. More and more users are shopping directly from their mobile or tablet device. A responsive site allows your content to be shown easily on different devices. If your site isn’t responsive, you are missing out on a large audience of potential customers. Go a little further and audit your content and the behavior of your site to really cater for the mobile user. For example, BBD Dakota adjusted their ‘Buy Now’ button to stick to the bottom of the mobile device to users can easily add to cart no matter where they are on the product page.

    Category pages can be a bit of a no-man’s land as far as UX. What are your favorite techniques for sprucing them up?

    1. Display Extra Information on Hover—Don’t force your users to click on a product page to get additional information on your products. Why not let them have extra details appear on a hover while they remain on your category page? For example, on Nixon you can view different styles of the same watch while remaining on the category page. Even having simple hover that shows an alternate image of a product will go a long way in the user’s experience, like Cute+Broke Just remember to think through how you want this to behave on mobile devices as there is no hover—maybe using the tap behavior?

    2. Provide a Good Filtering Experience—Help your users explore your products by providing clear and commonsense filtering options while they shop. For example, make sure you have category-specific filters so users can filter within the chosen category (i.e. Having a “style” filter when a user is shopping a bathing suit category.) Another good practice for filtering is providing recommended/common filtering choices on top of the product list on the category page. I really like how 3 Sixteen shows the category filters at the top of the page.

    Let’s be honest—design clients don’t always know as much as we wish they did. If you could educate ecommerce clients on one thing, what would it be?

    I think it would be the importance of product photography. Don’t just take photos of your products with your camera phone and expect users to appreciate your products. Hire a professional! If a local photographer isn’t available, there are many online sites that allow you to ship your products to them and they will take great photos. Make sure you get different angles so your user can truly understand your product. Shooting on a white background will also make your designers lives a lot easier when they want to create promotional graphics with your photos.

    11. The Hezy Team

    10-Hezy

    http://hezy.org/

    Let’s face it, web-safe fonts don’t give us many options. How do you use Google Fonts to create great typography?

    We do not use only Google Fonts. Therefore, such problems do not exist. However, before using the font, you need to check out how it works in the environment and how it looks like on the website.

    Ecommerce store owners are always stressing about cart abandonment. How can web designers reduce cart abandonment for their clients? 

    We work with BASOVDESIGN BUREAU. They have an extensive experience in ecommerce. An individual approach to design makes it possible to reduce all the anxiety to a minimum. Abandoned carts are a worry not only the owners of sites, but to buyers as well. Using proven technologies helps ecommerce owners, clear and easy for understanding design solutions simplify the life of customers.

    Category pages can be a bit of a no-man’s land as far as UX. What are your favorite techniques for sprucing them up? 

    Ecommerce does not give a variety of options. And it’s not the best place for experiments. There are proven solutions that work. If there is a choice between an unusual artistic decor of the page and familiar and user-friendly page, preference goes to the latter, although there are exceptions. It already depends on the specifics of the site and type of activity.

    Let’s be honest—design clients don’t always know as much as we wish they did. If you could educate ecommerce clients on one thing, what would it be?

    Do not spoil it. Usually, the client is given a good ready-made solution. The goal is to use it. There is nothing to “overthink.” The client needs to understand that everything has a purpose. If the item is there, so it should be there and nowhere else, so it has some semantic or decorative role.

    12. Viacheslav Ponomarov and Yvette Mosiichuk –– UI/UX, SteelKiwi

    11-SteelKiwi

    http://steelkiwi.com/ | https://dribbble.com/steelkiwi | https://www.behance.net/steelkiwi

    Let’s face it, web-safe fonts don’t give us many options. How do you use Google Fonts to create great typography? 

    Google Fonts are great and they give us a lot of possible combinations to try. You can just check this resource to see how beautiful web type can be: http://hellohappy.org/beautiful-web-type/

    Ecommerce store owners are always stressing about cart abandonment. How can web designers reduce cart abandonment for their clients? 

    Ecommerce store users are unstable. They often need to check a lot of different resources to find the product which they want to buy. Often, they add some products to their cart on the website, forget about this and go away. If you don’t remind them about yourself, they could never return to your website. So, if you have an opportunity, always send them reminder emails (and ask for email during the checkout process, of course).

    Category pages can be a bit of a no-man’s land as far as UX. What are your favorite techniques for sprucing them up? 

    Make a clear call-to-action on category pages for the user to understand what actions are available to do. Always keep left-hand column navigation. Show feature banner and introduce the tastiest products, sale offers, and new arrivals.

    Also, mobile view is one of the biggest challenges for a category page. Now a lot of users use their smartphones for online shopping, so you need to think about them.

    Let’s be honest—design clients don’t always know as much as we wish they did. If you could educate ecommerce clients on one thing, what would it be? 

    If we could educate ecommerce clients to think about their customers, and not about their own preferences, it would be great.

    13. Ekrem Ates –– Product Designer, Hurriyet

    12-Ekrem

    dribbble.com/ekremates | be.net/ekremates | www.hurriyet.com.tr/

    Let’s face it, web-safe fonts don’t give us many options. How do you use Google Fonts to create great typography? 

    In years past, we didn’t have many font choices to use from Google Fonts. But nowadays, I believe there are plenty of good fonts. They come with various different styles. I try to use the most suitable fonts for each new project and I usually use Google Fonts in terms of saving the client from additional spending and making the product faster.

    I generally try to make a stylish combination by using two or at most three different fonts or font styles for visual diversity. I always keep in mind that readability is the key. So I test my font choices on many font sizes.

    Ecommerce store owners are always stressing about cart abandonment. How can web designers reduce cart abandonment for their clients? 

    Cart abandonment is a common problem these days and I recommend a few easy solutions to my clients about this issue. Do not distract users with meaningless popups or messy design. Give users clear and correct information. Nobody wants to be confused or cheated. Offer free advantages, such as free shipping or small gifts. In case of abandonment, remind them that they added products to their cart but did not buy them yet. Always optimize your site.

    Let’s be honest—design clients don’t always know as much as we wish they did. If you could educate ecommerce clients on one thing, what would it be? 

    I’ve worked in this field for a few years now. As a newbie, I was so upset when a client criticized my work badly or told me some illogical things about the process. Years have taught me one thing: that everyone can be persuaded. You just have to trust your knowledge and make them listen to you. But sometimes their know-it-all personalities are a big obstacle for us.

    14. James-Lee Rudd (Designer) & Marilena Rudd (Web Developer) –– Hoohaa Design

    13-HooHaa

    www.hoohaadesign.co.uk | @HoohaaDesign

    Let’s face it, web-safe fonts don’t give us many options. How do you use Google Fonts to create great typography?

    We use a combination of Google Fonts, Typekit, and also purchased fonts if the project requires it, where they are hosted on the server and used via Font-face. We try not to limit ourselves with typography as we are a design studio first and foremost. We like to have as much freedom and creativity as possible.

    Google Fonts collection has improved over the years with a greater diversity. We try to limit a site’s use to no more than 2 complimentary typefaces.

    Ecommerce store owners are always stressing about cart abandonment. How can web designers reduce cart abandonment for their clients?

    We always strive to streamline and simplify the checkout process for users with as few steps as possible, simple instructions and clarity of delivery costs. We always make the next step in the process have the greatest hierarchy and dominate in tone or color, with as little distraction as possible.

    Category pages can be a bit of a no-man’s land as far as UX. What are your favorite techniques for sprucing them up?

    When products are listed on a page, we have found that section dividers work well. Within the parameters of the dividers, we have the design freedom to create something that is in-tune with the site’s design and tailored to be clear and informative. Imagery can be used to great effect, particularly to show the context of a product in use. Image-based category dividers define product ranges and help bring them alive.

    Let’s be honest—design clients don’t always know as much as we wish they did. If you could educate ecommerce clients on one thing, what would it be?

    Content is key. Content and product ranges need to be defined before the design process. Otherwise, the design is compromised and as designers, we are flying blind, hoping that the site we design will work with the unknown content and imagery supplied at the final stages. Content needs to come before the design process can begin. Product descriptions need to have consistent sections, dimensions, descriptions and specifications. Photography as content is hugely important. It needs to be a true reflection of the product and consistent in style and tone. Professional photography is a must.

    Greg McNeil

    June 14, 2016
    Ecommerce Platforms
Previous Page
1 … 25 26 27 28 29 … 32
Next Page
216digital Scanning Tool

Audit Your Website for Free

Find Out if Your Website is WCAG & ADA Compliant













    216digital Logo

    Our team is full of expert professionals in Web Accessibility Remediation, eCommerce Design & Development, and Marketing – ready to help you reach your goals and thrive in a competitive marketplace. 

    216 Digital, Inc. BBB Business Review

    Get in Touch

    2208 E Enterprise Pkwy
    Twinsburg, OH 44087
    216.505.4400
    info@216digital.com

    Support

    Support Desk
    Acceptable Use Policy
    Accessibility Policy
    Privacy Policy

    Web Accessibility

    Settlement & Risk Mitigation
    WCAG 2.1/2.2 AA Compliance
    Monitoring Service by a11y.Radar

    Development & Marketing

    eCommerce Development
    PPC Marketing
    Professional SEO

    About

    About Us
    Contact

    Copyright 2024 216digital. All Rights Reserved.