Looking to jazz up your website? One of the hottest website design trends in recent years has been on page animation. But like any design decision, there are pros and cons. Bluetext top website user experience designers weigh in on the debate on how far you should go in injecting motion to your website. 

To animate or not to animate? 

Animation enthusiasts recommend adding motion to create a dynamic and flowing user experience. Not to mention, animation has been a major web design trend over the last few years, meaning your visitors are accustomed to seeing it on competitor sites and therefore expect a comparable experience on your pages. The opponents, or static supporters, on the other hand, will argue that animation is distracting and can seem unprofessional in certain industries. For example, B2B has traditionally been a strictly static and straightforward approach to website design, leaving the flashy frills to more consumer-based websites. However, having an interactive animated website could be a valuable point of differentiation. So what do the experts recommend? 

Truth be told, animation can be a wonderful addition to a website’s aesthetic and functionality, but only when executed in the right way to fit your broader business goals. Careless integration of animations into your web design scheme can be a real eyesore and have negative impacts on site speed, SEO, and user experience. Weighing these pros and cons carefully, Bluetext website user experience designers recommend subtle animation and keeping in mind the following considerations. 

Not all animations were made equal! Motion design spans a wide breadth of categories. Bluetext recommends the following types for a professional, yet modern feel to your site. 

1. Loading Animations

Loading animations can be used as an effective way to engage users from the get-go. Since it only takes a user 3 seconds to abandon a page if the content doesn’t load, the use of loading animations offers content right from the start. Animated typography, countdowns, or a simple animated logo allow users to have fun watching while waiting for the site to load.

2. Micro-Interactions

Taking a cue from the mega “micro” trend sweeping the digital marketing industry (microtargeting and micro-moments sound familiar?)This effect is one of the hottest trends of website design. These are used to make small interactions (such as clicking a button) quick and clear for the user. Hover effects are one of the most well-known examples of micro-interactions. Certain page elements, such as navigation buttons, CTAs, or linked images, are the ideal canvas for mico animations. 

3. Page Transitions

Subtle animation can be purposefully to ease the navigation from one component to another and between pages. Arrows, background scrolling, load bars, or any component that offers directionality to the user are great opportunities to use this effect.

4. Parallax Scrolling

Using full-width imagery, this effect takes the user on a cohesive journey as they move down the page. By definition, the background moves at a different speed to the foreground elements, creating a visually stunning effect on either full-page backgrounds and strips. While this is sure to give a wow-factor to your main website, it’s important to remember this effect is not available on mobile devices. 

5. Decorative Delights

While these effects do not offer any functional benefits, they can be used to add more interest to the page. While it might be difficult to imagine serious B2B websites using these layouts, this might be exactly what your site needs to spice up drier content sections. Especially when placed near elements intended to draw attention, such as new messages, lightboxes, key CTA buttons, this turns aesthetic pop into actionable results.

 

With so many options for website motion, it can be tempting to want to do it all. However, top website designers have one golden rule: moderation is key. This rule doesn’t just apply to junk food, overdosing your site on fun animations can overwhelm the viewer and distract from the most important aspect: the content! Use animation sparingly and strategically. Before you fall in love with a beautiful design, consider the practicality. There are instances when animation could actually detract from your site, for example, if it hinders a user’s ability to read important messages or complete a conversion.  For instance, you shouldn’t add animation to text paragraphs because it will make reading them much harder. You also would not want to add animations to fields where visitors enter their own content (such as a contact form or comments), because it would distract them from completing the task. When considering embedding motion effect, pressure test your decision against these questions: 

• Does the site’s movement guide the viewer when to scroll and where to click? 
• Does the animation support brand storytelling by gradually revealing information?
• Does the animation help a viewer visualize your product or service’s impact?
• Does this effect break up static scroll?

If you can answer yes to these questions, feel free to act on your motion goals! As long as you consider functionality first, animation can be a powerful visual tool to capture your audience and drive them deeper down the sales funnel.

Are you looking to drive users to your website using animation, but don’t know where to begin? Get in touch with Bluetext.

 

Have you ever found yourself on a website, staring blankly at the screen wondering where the rest of the pages are? Navigation is one of the most important functions of any web page whether it be a blog, product listing page, about section, or a document library. If your user doesn’t know where this content is housed, the utility of the information is lost! As a crucial element of user experience, failing to build smart navigation into your digital interface can lead to a variety of issues including secondary UX issues, accessibility problems, and increased bounce rates from frustrated users. 

Let’s take a step back; what is a navigation menu, and do I still need one if I have “search”?

Navigation menus are maps of the categories or features of your content; on websites, these are known as sitemaps. These menus can appear in a variety of ways; from the traditional header locked navigation bar, to hamburger menus that pop out to link to various interior pages of a website. 

While many websites have a Search function of some kind, whether it be a search bar or filter, research shows that 70% of users rely on navigating to content directly. While search features are helpful to some users, navigation menus can lead your visitors to the content they need quickly and reliably.

No matter where you are with your website, here are some quick, easy tips to help you optimize your platform for a better user experience.

1. The 3 Click Rule

Your navigation structure should be intuitive and allow users to land on any page and find what they are looking for in 3 clicks or less.

If your site has lots of content and sub-pages that relate back to a greater unifying category, take advantage of breadcrumbs. Breadcrumbs are a component of navigation menus that help users orient themselves within a sitemap. They can be embedded into the navigation bar as a dropdown, or appear in the design of the child pages on your site to guide users through the various layers of content.

2. Show Off Your Menu

Don’t try to reinvent the wheel-don’t hide your navigation menu! When a user visits your site, it’s likely one of the hundred other web properties that they have browsed in the last few days. As our digital lives have progressed, users have become accustomed to certain kinds of queues and user interface (UI) elements. Keep your navigation menu in an intuitive location, be that the left rail, top of the browser window, or a pop-out hamburger menu with an obvious icon. 

3. State the Obvious 

Be as clear and descriptive as possible. Avoid using vague descriptions in your navigation headings. If a user can’t tell exactly what to expect from a page in the navigation, there’s a chance they won’t make it past the landing page. Use descriptive language to identify what your pages contain, less is more with heading titles. Streamline the main menu display experience where possible and take advantage of dropdown menus for categories with multiple child pages.  If you hyperlink to pages within your site from banners or in-line content, make your hyperlinks obvious! 

4. Stay on Topic

Don’t let SEO impact your navigation taxonomy. While ranking well in search engines is important, packing your Headers and menu items with keywords that don’t relate to the page contents won’t do you any favors with users. Avoid this common pitfall by using the copy and metadata on your pages for SEO strategies, leave your headings and menu items clean and accurate for better UX.

5. Lead with a Mobile-First Mentality

Over 53% of all web traffic occurs on mobile devices. When designing your navigation menu, start by thinking about how users might visit the site; on both their computers and mobile devices. Take advantage of responsive designs that can adapt to a variety of browsers and devices rather than discovering post-launch that your navigation is broken.

6. Stop Guessing! Test Your Audience

If you’ve updated your navigation menu but still see disappointing numbers for bounce rate and click through on your site, test your experience. User behavior can be monitored with tests such as a Crazy Egg Heatmap, which illustrates where your users are browsing on the page. 

 

TLDR: improving your navigation design can improve your relationship with users

Confusing or obscure navigation will lead to fewer visitors to your interior pages and can result in awful analytics reports. Clear and effective navigation can enhance visitors understanding of where your content is located, instill confidence in browsing your site, and create credibility about your product. 

Do you need to up your navigation game but you’re not sure where to start? Get in touch with us. 

 

 

 

 

There’s no denying it. Our society is more digital now than ever. You, me, your neighbor, your neighbor’s neighbor… we are all online. Most importantly, your prospective clients are online and are ready to consume high-quality digital content.

Now is the time to invest in your website and make it more user-friendly for your audience. There is a lot of low-hanging fruit to improve your site, ranging from basic content updates like changing imagery and posting blog posts. Or investing in more impactful measures such as consulting top digital marketing agencies to understand the most cost-effective way to improve your website.

So what exactly will make your website user-friendly for today’s content consumers? Many UX designers will tell you that you should either keep your users either scrolling or clicking from one page to another within your site. So which is the better user experience? To scroll or not to scroll?

Keep reading (and scrolling) to understand why scrolling on a website is OKAY and why it is actually expected from the vast majority of online users.

Social Media

Today’s world is used to scrolling. Why? The never-ending social media feed.

Social media sites are designed with one thing in mind: to get users to consume as much content as possible. The best way to do this is to get them to continue to scroll so that they can consume infinite amounts of new content. Most social media platforms are best used on mobile devices, which are easy to use for scrolling through as the flick of a finger takes very little effort.

The Computer Mouse & Track Pad

Okay, so this may be a given… but you know that little roller ball on your mouse? Okay, wait. That may be a little archaic… Do you know that trackpad on your laptop? Well, that lovely thing is used to invite the user to scroll down a page. We know that webpages are going to be lengthy, so much so that the actual hardware we use to “surf the web” has adapted to allow us to do so.

---

Okay, pause. Those two reasons are only related to how the physical interface prompts a user to scroll. You may be asking, “What are the different types of scrolling that you can include on my website?”

1. The Subtle Scroll

Design the page so that it appears as though you are scrolling through one long piece of content. Maybe the background color stays the same, maybe it slowly changes color, as shown on Palantir’s About Page. Perhaps you’re experiencing parallax scrolling – which in and of itself invites the user to fixate on one piece of the webpage at a time. With this effect, the user barely notices the page length, as the seamless design shift keeps them engaged and focused on the story.

Check out how Bluetext implemented this type of scrolling on the homepage of the Clarabridge website. We designed a seamless animation that invited the user to continue scrolling through the homepage to better explain the technical and analytical power behind the Clarabridge platform.

2. Fixed Long-Scrolling

Instead of having the whole page scroll, fixed long-scrolling allows for specific aspects of the content to remain static while the rest of the content scrolls around it. You can also set up the scrolling to shift to a new section when the user reaches a certain point. 

This is ideal if your website has important content or CTAs that should always be accessible to the user. For example, a sticky call to action button is often used to keep key conversion points always present and top of mind.

3. Infinite Scroll

This is most similar to the type of scrolling shown in social media. Is your website a news site? Do you have blog content that you want your users to explore? Consider implementing infinite scroll on your listing pages, allowing posts to continue to load so that the page gives the appearance of infinite content. Of course, this can often be overwhelming for a user who is attempting to find something specific, so we invite you to consider including intuitive filtering so that users can self-select the types of content they are looking for.

(Photo Credit: knowband.com)

4. Parallax Scrolling

Parallax scrolling is different from the previous three types of scrolling as it invites the user to see new pieces of content and animations with every scroll. Check out how Bewegen invites the user to scroll through their home page and explore their main product. For a personal favorite, give a scroll through Albino Tonnina’s personal website.

---

Now that you have four great design options to incorporate into your website, it’s time for you to choose the right design for the content on your website. Top web design agencies like Bluetext are great resources for you to turn to in order to gain expert insights on what is best for you.

Looking to begin your next website project? Contact Bluetext today for a consultation.

The recent COVID-19 outbreak has had ripple effects across almost every industry. Around the world, the global pandemic has altered the way we live, socialize and even conduct business. In this unprecedented scenario clouded with uncertainty we all, especially digital marketers, are wondering: What needs to change? And how drastically?

When it comes to search engine optimization strategies, digital marketing and content agencies are continually researching the latest trends and evolving best practices. In the current environment, the role of a top digital marketing agency is to keep a pulse on the present, while also looking forward to strategies that will drive long-term success. Here at Bluetext, our digital marketing analysts are harnessing a variety of tactics to support overall business goals and serve users the best we can during these uncertain times. Check out the top ways we’ve been monitoring and optimizing around current events. 

Strength in Numbers

When in doubt, trust the data! Using top marketing analytical tools, such as SEMRush and Moz, one can track the aggregate behavior of online users. Gathering the most up to date data can be tricky, so don’t do it alone. The more expertise and tools, the better. Trust a marketing analytics agency to help break down the numbers into a comprehensible story of website traffic. Use professional tools, such as Google Analytics and Google Search Console, to monitor the recent fluctuations in your page traffic. Do a keyword analysis of your current keyword list to see if search volume has shifted. Google Trends page is a great tool to identify emerging patterns. Are there new phrases your customers are searching for? If the language has evolved, so should your SEO strategy. If you have chatbots for customer service transcripts, these can provide valuable insight into current needs.

In short, the data doesn’t lie. Businesses need to understand search traffic shifts to get as clear as possible a picture into whether to pivot your SEO strategy or not.

Content is King — Still

Ultimately any changes to your SEO strategy should be driven by your unique business needs. For example, a brick and mortar store will need to cater to how they can serve customers at home. If your business was already available online, you may be experiencing altered user behavior as people spend more time at home and online.  Every business should ask: “Is the content relevant to current needs?” Your messages may need to shift in sensitivity to the current environment. A complete overhaul is not necessary, nor appropriate. However, if there are opportunities to generate new content that supports your users in a unique time, do so.  And if your business is considered essential or has been significantly impacted, you should create a dedicated page to capture all relevant coronavirus traffic. Keep the page simple, focused and sensitive. Don’t try to provide the latest breaking news, but exactly what and how your company is doing. If your business has been minimally affected, perhaps there is an opportunity to contribute to emerging conversations. Exploding Topics is a valuable tool for up-to-date trends across search engines and social media mentions. At the end of the day, users are seeking timely and accurate information now and long after the dust has settled on this pandemic. 

Optimize Often

Search engine optimization is never a “one and done” task. Any digital marketing strategy requires upkeep as is the nature of the evolving industry. Now, more than ever, flexibility is paramount to staying afloat. Be proactive, be vigilant. SEO strategy will need re-evaluation in the upcoming weeks and months. No one can predict how long the pandemic will last so you must be ready to pivot to any new or resurging customer needs. 

In an unpredictable environment, one thing is certain: this is our new (remote) reality. Don’t expect old strategies to work as they once did, and don’t expect this shift to “blow over soon”. Your business should be prepared to remain relevant now more than ever. There will likely be long term implications in behaviors and business operations. Get behind the shifts now and flex your agility. It will pay off in your long term business health. 

If you’re looking to partner with an agency to pivot your SEO strategy, let us know.

 

 

It’s rare for a business to offer its services for free. The phrase “there ain’t no such thing as a free lunch” reigns true in most industries and all business decisions. Originating with early-century saloon owners marketing free, salty lunches as a way to entice beer drinking, even the etymology of the #TNSTAAFL phrase foreshadows the destiny of commerce itself – it’s impossible to get something for nothing.

So, what does a free ham sandwich in 1891 have to do with 2020 content marketers and gated thought leadership? Imagine your business is the bar and that hungry and thirsty passerby out front is the CMO searching for a way to convince their boss on more paid media dollars, or a CTO who needs a VPN alternative. You have something they could want – a delicious, frothy piece of premium content to quench their industry-specific questions. Post that “Free Lunch” sign, give them some snacks, and then charge them for the beer to wash it all down. You’ll have a bar full of returning customers every time.

You Want to Be a Thought Leader?

Let’s break it down. Businesses that are trying to establish themselves as thought leaders in their space usually have two types of content: Blogs and premium content. Typically, you want to spend your time on the premium content first and then chop it up into free digestible portions, which become your blogs. Since the blogs are free and busting at the seams with the same SEO juice that you prioritized in your premium content, both should come up as a result when someone is looking online for an industry-question you have the answer to.

Think about the last time you were researching B2B tactics. You wouldn’t hand over your email address to just anyone at the beginning of your research. You browsed around to see who knows what they’re talking about. Once you found a credible thought leader, then you actually started paying attention to what they were talking about.

Economy vs. Premium Content

According to content marketing agencies, balance is key. The trick is to walk the line between having free ungated blogs that are enticing and helpful to draw traffic but not too helpful and giving away a company’s expertise without gaining any leads. Save the premium advice and info for the premium content. Ask yourself, “Would someone reasonably pay for this service?”

Make it exclusive, insightful, and urgent. Typically, premium content are eBooks, courses, webinars, checklists, and sometimes videos. Those resources take a lot of effort to create, so you want to put them to work for you and your marketing team. This premium content comes with a price or a gate. The key to the gate and unlocking the juicy stuff is usually as harmless as an email.

As a top content marketing agency, Bluetext breaks down some do’s and don’ts behind gating the premium content.

Do Design Gated Content Conversions Using Ungated Content UX/UI

Make sure your tip top-funnel blogs feed into your top funnel gated content. A UX design company will engineer an ungated content user interface to drive invested leads to gated content. Dangle the carrot and then drive them down a rabbit hole of insights.  If your resource page template’s layout has a related topic listing, you can get someone reading one blog to jump to the next, especially when you have click-worthy resource titles.

Create a clear, focused path to follow. Put an enticing CTA at every step of your ungated posts to draw them to the gated content. Theoretically, the user lands on a first blog post via Google search, they peruse 2-3 of your other blogs, and then they are a bit invested by the time they get to gated content. Long story short, using the Free Lunch scenario, clean up your bar so it looks inviting enough to have them buy a drink.

Don’t Forget to Design the Landing Page UX/UI for Conversion

At least make the gated content page template easy to use and worthy of personal info. Best practices for gated content landing page design include showcasing the product, talking about the benefits and insights they can learn, highlighting a quote from the piece, and ideally some social proofing or testimonials. A website design agency will be your best bet to formatting these nuggets of information in a clean, digestible fashion. Like any other business transaction, sell it with foreshadowing what they are about to invest in.

Do Add SEO Excerpt from Gated Content on the Landing Page

The Google Algorithm crawls ungated content, but while you will be losing out on SEO potential by putting keywords behind the gate, you can still put some of those keywords directly on the landing page. Think of it like a teaser, or a sample sip of the beer you want them to buy.

Don’t Miss Out on Capturing User Journey Clues Via CTA Pixel

If the user has followed the intended path laid out above, they have digested other information on the website before converting on the gated content. A digital marketing and analytics expert will implement Google Analytics or UTM parameters to track where users come from and behavioral trends. This is a critical insight that can help your sales and marketing team follow up and understand the lead without asking them. In fact, don’t ask them anything else besides their email (coming up next!).

Trusting a digital marketing and analytics agency to configure the UI/UX back end of your CMS to gather clues (via UTM or Google Analytics) will ensure these tools talk to your CRM when it passes over the lead. Your CRM can then organize to segment those leads into audience pools with the user journey info and UTM parameters. Did they arrive via Facebook or LinkedIn? Did they read about technology or marketing thought leadership? Did they visit SMB or Enterprise blogs before? Depending on what you want to do with the leads gathered from the gated content, a digital marketing agency can follow up with retargeting campaigns. By taking out the guesswork, digital marketing campaigns are then geared toward the topics and categories you know a specific user is interested in.

Don’t Over-Gate with Nosey Forms

Sometimes businesses want more defining characteristics of the user to help their follow up marketing to have some foundational info. Asking for an email is the easiest marketable piece of info you can gather – but should you want more, make sure the form is at least easy to use. For instance, free type is ok, but dropdown select from offers convenience. Ideally, if you need to ask for more info, triage that asks by making some questions optional so you don’t scare anyone away. Remember – you want them more than they want you at this point. You might be the third tab they have open in their research, so think twice if knowing their position is worth losing them to a competitor’s simpler gated content.

Do Gate Content. Don’t Gate Content.

We wish it were black and white, but the answer to the infamous To Gate or Not to Gate question comes down to the following:

• How exclusive is your offer?
• How easy is your form to fill out?
• How SEO friendly is your LP?
• How actionable is your CTA?

If you have your thought leadership on fleek from a UX/UI, SEO, and CMS perspective than you’re ready to start offering free lunches to any potential lead that comes into your digital business.

As the world becomes increasingly digital, having a professional, user-friendly website is now more important than ever. With countless options for building or overhauling a website, picking the right content management system or DC digital web design agency can seem overwhelming. Don’t panic, Bluetext is here to provide expert advice to all decisions that go into building your digital ecosystem. As a top DC digital web design agency, with teams of Drupal and WordPress development experts, Bluetext has worked with countless client’s to build high-quality, easy-to-navigate websites. Our teams of user experience and user interface specialists take many things into consideration when building a website; however, navigation is always a top priority. 94% of web users report easy navigation is the most important feature when evaluating a website. As an experienced DC digital web design agency, we’ve been able to test why and how logical website navigation is critical. Here are four ways to make sure your website is as intuitive as possible.   

1. Keep Things Orderly

In creating a new website, the order of information on a page can make or break the user experience. People tend to best recall the first and last items in a series and forget the information in the middle – this is known as the primacy and recency effect. For this reason, the most important information should be included in the hero zone of a website. The hero zone, in other words, can be best equated to an elevator pitch – a short description of your idea, product, or company that briefly explains your concept in such a way that any viewer can quickly understand it.

 

2. Remain Consistent

By 2027, there will be more than 41 billion IoT devices around the world. The increased volume of IoT devices means more individuals around the world will be accessing the web through a wider range of devices. As a DC digital web design agency, we’ve seen the increased importance of creating responsive websites that automatically scale to device type but remain consistent in general structure. Menu systems often become crowded and confusing as screen widths decrease to tablet and mobile devices.  Digital design agencies can help overcome this obstacle by recognizing the critical breakpoints in your site’s design and implementing menu structures optimized for tablet and mobile screens of all generations. By keeping this consistency in structure and navigation across devices, users will become more familiar with and loyal to your website and brand.

3. Limit Menu Items

To ensure a website is easy-to-use and navigate, the structure is essential. For example, listing each page separately in a navigation header creates an overwhelming and near impossible user journey. Your sitemap should act as a foundation, with the most important items laying the building blocks for secondary pages. By systematically creating a logical sitemap utilizing primary and secondary navigation, you can create a fluid user experience that allows users to find exactly what they need with ease. As a DC digital web design agency, we have access to and frequently use site map testing tools, such as Treejack, to evaluate the findability of topics on a website. Not to mention, creating a logical, hierarchical sitemap makes it much easier to produce an XML sitemap, which is pivotal for SEO.  

4. Test. Test. Test.

A/B testing website navigation is the only way to truly take the guesswork out of website optimization. As a DC digital web design agency, our Drupal and WordPress development experts have seen first hand the benefits of A/B testing. With proper testing, website navigation changes can be data-driven. Conversations surrounding those changes then shift from “I think” to “I know.” Although A/B testing can be employed to answer one-off questions, it should be continually used to improve metrics, such as conversion rate, over time. 

In building or redoing a website, intuitive navigation design should always be a top priority to ensure users don’t require instruction or trial and error to move around the site. By using the navigation best practices mentioned above, you’ll have taken a great first step towards better engagement and higher conversion rates on your website by enhancing overall user experience. To learn more about our processes and to see our work, check out our case studies.

 

If you’re looking to hire a DC digital web design agency with Drupal and WordPress development experts, see what Bluetext can do for you.

Trends in website design are ever-evolving. It’s a fast-paced industry, but any business with a digital marketing presence should take efforts to stay informed and keep up with best practices. Just as you would ensure employees are helpful and informative to customers in a physical store, your users expect the same experience online. Here are three user experience trends that you should consider for your business’ website in 2020:

Design as a part of your business strategy.

A few years ago, chief executives might have excluded themselves from having a say in website design or functionality to focus on the bottom line. That being said, more and more companies have come to recognize the critical importance of a strong online presence. With the world participating in the digital-first movement, your website says a lot about the health of your business.

The future of the company often lies in the hands of top executives, as they typically establish the company culture and the goals with investors or the board of directors. Including top stakeholders in the design process is critical to get initial sign off and ensure their vision is incorporated. It is important to involve diverse perspectives into any web design, especially the ones writing the checks. These stakeholders offer a unique perspective in the current state and future aspirations of the company. Website strategists and UX designers should always include the top decision-makers in the room to make sure the website they are designing today aligns with the business strategy of the future.

When Bluetext recently partnered with Blue Yonder (formerly JDA), the #1 supply chain management software company in the world, we made sure to include top decision-makers from the initial discovery session, all the way through to launch of their brand new website. You can view our work with Blue Yonder here. 

Thumb-friendly design.

With over 50% of website traffic coming from mobile devices, responsive website design has become a top priority. Menu navigation and intuitive user journey has been and always will be a top design consideration, but recently there has been a shift in attention towards mobile menu design. 

How do top UX design agencies optimize for user comfort as we design for mobile? We think about adding content and important elements to the “thumb-zone”.

The “thumb-zone” includes the area at the bottom of a mobile device and on the side opposite the thumb. Test it yourself by holding your mobile device. Where does your thumb naturally fall? User studies say that about 75% of user interactions are thumb-driven, so including navigational items and important content in this zone creates a simplified and more natural user experience. In 2020, you will likely notice a lot of websites start to move away from hamburger navigation on the left side of the screen. These are often replaced by navigation bars at the bottom of the screen, aka the thumb’s natural setting.

Bluetext designed a mobile-first website for Built With Chocolate Milk, an organization that promotes the benefits of chocolate milk as a natural recovery drink. Bluetext enhanced the user experience and overall engagement through a website redesign that emphasizes the science-backed benefits of chocolate milk and showcases Built With Chocolate Milk’s impressive partnerships with world-class athletes such as Klay Thompson of the Golden State Warriors.

Accessibility.

With the internet being a critical part of daily life and the rise of user-centric design, it is no surprise to see accessibility on the list. When thinking through how a user gets from point A to point B, UX designers should be inclusive of those people who may have a disability and use assistive technology.

One way of keeping accessibility top of mind is to develop separate personas for users that may have low vision, deafness, or other disabilities. Persona creation is a common exercise for top digital marketing agencies when beginning a website project. But thinking beyond the expected customer personas can open insight into a more inclusive and realistic set of potential web users. Having empathy for these personas while designing will help ensure little tweaks are made that allow them to equally experience your content. For example, ensuring text is large enough for users with low vision and inclusion of space for video transcripts are all UI elements that make the website more accessible to all. With the rise of imagery- and animation-heavy sites, adding alt text to all website imagery will allow screen readers to provide context to visually impaired users. Plus, this step will kill two birds with one stone by improving your site’s SEO ranking with keyword-rich descriptions.  

Added bonus: Google prioritizes websites that are more accessible to more users, so if you want to boost your SEO rankings, keep accessibility top of mind.

When the SSB Bart Group, the leading provider of accessibility solutions and software, needed a new brand to increase its market share and continue on its growth trajectory, it chose Bluetext to deliver a new name, brand, and website that would focus on its people and expertise. After a thorough discovery process, competitive review and market analysis, Bluetext proposed Level Access to simplify the brand and its promise to the industry. The new look and feel and how it is presented on the website reflects Level Access’ mission “to create a world where digital systems can be made readily accessible to users with disabilities—enabling digital technology to become a profound empowering force in their lives.”

Looking for more information about the state of web design and where we’re headed? Check out some more of our case studies. 

A Google search of “cyber security companies” will return well over 700 million results. As a business becomes increasingly digital and transitions more operations into cloud-based tools, the data of both the business and its customers become increasingly vulnerable to cyber attacks. Cyber security companies are cropping up in response to growing demand across industries, but even the cyber security companies have to worry about protection, especially when it comes to their websites. As its digital storefront, any website is a critical place to ensure proper security measures are in place. 

Here are the top five steps that cyber security companies themselves are taking to keep their websites protected.

1. Ensure CMS Security

The most cost-efficient way to build and manage a website is to leverage a popular content management system, but on their own these systems are often prone to attacks. To mitigate vulnerability, cyber security companies install a series of security plugins or modules, such as Securi for WordPress and Security Kit or Paranoia for Drupal. 

Important Note: Simple installing the plugin or module is not sufficient. To protect your website and its data, webmasters must update and configure new releases in a timely manner. Website design and development agencies, such as Bluetext, can ensure your site security is always up to date.

When Bluetext partnered with ManTech to completely redesign their website, CMS security was a major concern. ManTech is a multi-billion-dollar public company that provides subcontracted technological services to the US Government. We outfitted their new Drupal website with the latest and greatest security plugins to ensure adequate CMS security.

 

2. Leverage Two-Factor Authentication

The content management system supporting a website needs to be easy-to-use, but not easy-to-access. Top cyber security companies (and the cyber security marketing firms who design and build their sites) ensure that only entrusted individuals can manage content on their sites by implementing two-factor authentication. When a content editor attempts to login in to update a page, they must validate their identity through a secondary step, such as a text message, phone call, or email. We often recommend Duo from Cisco, which integrates easily with most content management systems.

When CyberArk, a Goldman Sachs-backed, global cybersecurity technology company turned to Bluetext to redesign its brand comprehensively, we also launched a new responsive digital platform, complete with two-factor authentication. The new website addressed the needs of CyberArk’s global enterprise customer base. 

 

3. Setup (BIG) Form Security

Web forms are valuable tools to digital marketers — and hackers! The potential for attacks initiated via a web form is BIG, hence they need big security. Cyber security companies, like many other industries, use web forms as a key lead-generation tool, but they know these forms are not something to be taken lightly. Any element on your site that allows for (and actively seeks) user input is susceptible to SQL injections or spam bots. (The tl;dr for those links: you do not want your website to suffer either fate.) The key IT stakeholder for any website should make form security a top priority, and work with the website development agency to select and implement the right technical measures.

When Finite State, an IoT-based cybersecurity company, came to Bluetext to expand its industry presence through a full website development and rebrand, we made sure that form security was paramount to the fully customized WordPress content management system platform.

4. Don’t Skimp on Hosting

While GoDaddy allows a company to save money, cyber security companies know that those savings come at an even higher cost in terms of security vulnerabilities. Though secure hosting providers come with a higher monthly bill, the long-term peace of mind in security far outweighs the short-term costs. These providers offer SSL certificates, CDNs, firewalls and more to ensure that websites can withstand malicious malware and attacks. Some of the top secure hosting providers recommended by top website development agencies include WP Engine and HostPapa. 

Hosting security was top of mind for our client, PlanetRisk. When PlanetRisk, an enterprise risk analytics company, hired Bluetext to lead a comprehensive rebrand and new digital user experience and re-platform their content management system, we made sure that their updated website was fully secure, hosting-wise.

5. Take a Proactive Stance

Too often, website security measures are only implemented as a reactionary step following an attack. Cyber security companies know better. If a malicious attacker penetrates the website, they could irreversibly tarnish the brand. Cyber security companies make sure that the steps above are covered before an attack by configuring them before the website launches. Proactive protection can be a challenge if you don’t know what to expect, so be sure to consult an experienced website development agency to ensure your bases are covered with the most up to date security measures. 

If you model your website security initiatives after the experts, you’ll be best set up to withstand attacks. Learn from the experience of a cyber security marketing agency—don’t skip these important steps!

 

 

 

Over the last couple of years, Bluetext has noticed a few key trends in what the C-Suite is asking for when kicking off a website project. Even if they don’t know much about what they’re asking for, or how to accomplish it, they have a keen sense of its importance. “Our competitors are doing it. Companies that we look up to are doing it. We need to do it too.”

Let us break down the 7 most common “needs”.

 

1. “We need to be seen as thought leaders.”

More and more, valuable website real estate is being dedicated to highlighting thought leadership content. Thought leadership is common on home pages and primary navigation items, especially as increased velocity benefits SEO. Blogs and other educational content are frequently cross-promoted throughout sites. Often, this content is displayed dynamically with custom logic based on publishing dates and category tags to keep pages current and relevant, and require less upkeep for page editing. Our clients recognize that users have come to expect this content, eager to consume and share.

When Bluetext launched the Arlington Capital Partners-backed Centauri, we designed and developed a fully integrated content marketing program to establish the brand in the market and increase word-of-mouth around the launch, prioritizing recruitment and a strong web presence.

 

2. “We need to tell our story.”

We have moved on from verbose descriptions of who we are and what we do in a home page. Users do not want to read; they want to experience. Today, companies are using “digital storytell” to express their value proposition. Visually stimulating, thought-provoking, and often interactive, digital storytelling creates an experience for the user unique to your company that holds attention to get a message across. Top digital marketing agencies like to think of digital storytell like those chicken nuggets with a secret serving of vegetables inside. The consumer enjoys what they’re eating, but you’re giving them what they need at the same time.

Take for example our work with Invictus. Invictus is a full-spectrum cyber technology and national security company dedicated to the protection of the nation’s security, global defense, and IT infrastructure. Invictus turned to Bluetext to embark on their next mission: grow from veteran-owned small business to big-time government contractor. With a fresh logo, reimagined corporate visual identity, and a modern website, Invictus is prepared to continue growth as a cyber-forward contractor for the federal government and commercial clients.

 

3. “We need to trim the fat.”

Less is more when it comes to content and choices. Users quickly get lost in antiquated sites with brochure-ware pages and deep menus. Content marketing agencies constantly hear from clients over how bloated their websites have become over time, and seek expert advice to tame its unruly junk drawers. A top digital marketing firm will tell you simplified information architecture can go a long way. Clear personas and usability testing can inform this crucial spout from which content strategy flows. Content should always be filtered for necessity, validated by the persona it serves, hole it fills, and value it adds. As attention spans wane, so must content.

Bluetext partnered with ManTech, a multi-billion-dollar public company that provides subcontracted technological services to the US government, to develop a fully responsive site with an enhanced user-experience. The intuitive, well-organized design drives users to their needs quickly and functions as a lead-generation tool. The new site also provides a new experience to recruits with a seamless integration of job application workflow, allowing prospects to quickly search and filter jobs relevant to their specific interests and experience.

4. “We need to personalize the experience.”

Personalization is no longer reserved for B2C websites. The B2B sales cycle is long, often requiring many interactions and engagements over time. Repeat users are an opportunity to speak on a more personal level. The more data we capture about a user, where they come from, how and with what they interact, the more we can adjust a web experience. From imagery, messaging, journeys, iterative forms, and specific calls to action, personalization lets the user know you understand them. Personalization is not a ‘set it and forget it’ initiative. It requires technology, data, and iterative support over time, making it a daunting undertaking but one with a huge potential for return.

When we partnered with the Graduate Management Admission Council, we re-designed their microsite, CallingAllOptimists.com. Through collaborative field studies and research, Bluetext engineered a unique digital experience in the form of a personalized 4-question quiz. The quiz seamlessly guided the user to customized messaging and content based on their answers, while simultaneously gathering actionable user-insight which integrated directly to GMAC’s marketing automation platform. Not only did this redesign improve the campaign’s functionality and awareness – it created a holistic brand ecosystem that drove both the user and the client to their desired goal.

 

5. “We need to stand out.”

Ultimately, every brand wants to look cool. Every B2B company wants people to land on their site and think, “wow.” The very first thing a user takes in is the design. As a top digital design agency, we are constantly asked to be innovative and deliver a unique design unmatched by competitors. Bluetext often creates custom animations, illustrations, fonts, menus, forms, and imagery for clients. It’s critical that, while we can wander far from inside the box, we remain true to the brand. The balance of brand consistency and digital creativity can create the award-winning masterpiece many of our clients are after.

When Bluetext partnered with Varonis, we launched the eye-catching “Exposure” advertising campaign, targeting C-Level executives who are unaware of the potential risk they are placing on their enterprises by not leveraging solutions to understand who has access to the unstructured and human-generated data that their enterprise relies on.

 

6. “We need to cover our…selves.”

The legal landscape of the web is constantly changing. From data protection to inclusiveness, the C-Suite is recognizing the need for compliance to sleep easy at night. Beyond legal safety, these new requirements should be pursued because these rights aim to protect end-users. Digital marketers have a responsibility to make the internet a space for all users to experience equal comfort and access. From 508 to GDPR, your digital marketing agency should proactively implement these requirements as guided by your legal team.

Take for example our work with Level Access. When the SSB Bart Group, the leading provider of accessibility solutions and software, needed a new brand to increase its market share and continue on its growth trajectory, it chose Bluetext to deliver a new name, brand and website that would focus on its people and expertise. The new look and feel and how it is presented on the website reflects Level Access’ mission “to create a world where digital systems can be made readily accessible to users with disabilities—enabling digital technology to become a profound empowering force in their lives.”

 

7. “We need to harness the full potential of our website.”

Websites have become full-fledged marketing and sales tools. One piece of a 360-degree user experience, websites are now a living, breathing, asset, working in tandem with other channels. Data should consistently inform website governance decisions and data from the website should be analyzed to inform other channels inversely. From tracking to chatting, integrations that connect websites to other marketing channels can exponentially augment what we know about our users. Our clients constantly ask how we can integrate with full-funnel efforts, from hosting events online to chatting with prospects in other languages, the potential is near limitless.

When Bluetext worked with ResMan, a property management platform, to invigorate their brand and redesign their website. ResMan charged Bluetext with repackaging their solutions into a strategic grouping that reflected the market’s needs. As a customer-centric brand, ResMan needed their external messaging and marketing efforts to reflect their goals as a company. Bluetext turned this request into a fully redesigned website, focusing on an enhanced UX that guides ResMan’s users through the site with an intuitive website flow.

 

All of these “needs” are important to consider, but it’s tough to nail them yourself unless you have unlimited time and budget. An experienced website design and UX agency, such as Bluetext, should guide you through these conversations when beginning a website project to determine what makes sense for your business’ goals and resources. At Bluetext, our goal is that one day a CMO will point to your website in a project kickoff as the bar for their “needs.”

The decades-long reign of the PC is over, with mobile devices now making up more than 52% of all internet traffic. While plenty of people preach the importance of responsive website design, far fewer have articulated updated guidelines for the reality of today’s internet. Keenly aware of trends as ever, Google has continually refined its search algorithm to keep pace with increasingly mobile and untethered internet. Advertisers, marketers, and website owners alike need to be aware of what these paradigm shifts are, and how that could impact their sites’ SEO.

Cellphones’ bountiful data has empowered Google to enhance its search engine. Search results are more custom than ever before, incorporating key differentiating factors like time of day, weather, and geography. The search results for a morning bagel in Washington D.C. will look entirely different three hours later in San Francisco.

Optimizing for Local Search

More so than ever before, websites need to be local. Gone are the days of simply tacking on addresses and list of phone lines. To be competitive in 2020, websites need to address the mindset and inquiries of the region they serve, be it a street, coast, or country. A quintessential, doughy foldable New York slice is in stark contrast to a dense, deep-dish pie from Chicago. The top result for a pizza in Manhattan will not be wasting content on merely their cheese, sauce, and pepperoni, but rather what distinguishes their slice from their other New York brethren. Language, context, and local distinctions are now a mandatory part of website content strategy.

Dealing with Short Attention Spans

Major changes to search algorithms are only a handful of the changes introduced by the rise of mobile. Attention spans online are shorter than ever with the ubiquity of the internet and easily accessible information, even more so for mobile where screen size comes at a steep premium. Hero zones should be appropriately leveraged. Heroes should state the most important critical information concisely and contain a quick and simple CTA or takeaway. Organic visitors who cannot immediately find an answer to their search query after a glance and a few swipes will assuredly bounce away to a competitor.

Search and Virtual Assistants

Smartphones’ impact on websites has not just been limited to mobility and smaller screens. Virtual assistants like Amazon’s Alexa, Google Assistant, and Apple’s Siri fundamentally change how people browse the internet. For many on-the-go, the automated search functionality provided by these virtual assistants have all but replaced a typical Google search.

How Google and the other virtual assistants parse through webpages and present them for voice search is a complex topic, but the vital SEO fundamentals remain in place. Research demonstrates that people are unsurprisingly far more conversational in their wording versus a typed-in search. Optimized content thus needs to serve this need directly, often best served using blogs that cover such frequent, informal topics as “What is the best X” or “Y versus Z”.

Google has been increasingly leveraging its structured data for voice search results, largely due to its predictable format and parseable nature. For best results, website owners need to cross-reference website content and identify what data could be passed off to Google using structured data. Articles, menus, locations, events, and reviews are just a handful of the many structured data formats that Google accepts. Conveniently, Google now provides a simple tutorial for anybody familiar with HTML to get started on incorporating structured data and improving their site for voice search.

The shift to mobile devices has opened up new avenues for content creation and design. Location and voice were unheard of topics even a decade ago, but they are here to stay for organic search. It’s up to website owners and marketers whether they take advantage of these new strategies, or get left in the dust.