No matter what industry your company is in, or who your target market is, the goal of any customer interaction is to foster a relationship that converts to revenue. In today’s digital landscape, customers’ expectations have elevated to instant yet personalized feedback to their questions at the click of a button. While this seems like an impossibly daunting task, it has become an expected digital experience with the help of technology. Artificial intelligence-powered live chat, chatbots, and messaging apps have all helped companies achieve this blend of efficiency and customization. Below, we dive deep into the power of conversational marketing and how to implement the right strategy for your business. 

What is Conversational Marketing? 

In its essence, conversational marketing is a series of one-to-one interactions in real-time across multiple channels. Conversational marketing enables you and your team to foster relationships with both potential customers and existing customers, improving overall online customer experience and brand perception. A successful conversational marketing strategy ensures your customers feel satisfied and supported in all their questions, and trust your brand throughout every stage of the sales funnel.  Additionally, as we know, data is a powerful tool, and utilizing conversational marketing technology can increase that amount of data allowing you to tweak your strategy and increase conversions. Every conversation could be considered a mini focus study and learning experience for how to continually improve your business.

Chatbots

As your business scales up, so will the number of questions from prospective and existing customers. That being said, there will come a time when it is simply not feasible to increase the number of sales representatives you have to answer every question that comes in via your website. That’s where chatbots come in. Chatbots have become the go-to conversational marketing tool for a lot of businesses. Platforms like Drift, which integrate seamlessly with your existing website make chatbots a very easy and effective way to up your conversational marketing efforts. Chatbots are very effective when it comes to easing customer pain points quickly and provides a visual cue of reassurance upon landing on a web page that support resources are readily available. Pre-programmed answers to frequently answered questions allow you to talk to your customers, regardless of the time of day. This is especially beneficial for businesses with an international reach, as customers outside your local time zone will always feel supported. If the query is too unique to respond with a canned response, chatbots can connect the customer with a live representative who can better answer their questions. Plenty of conversational marketing platforms enable businesses to identify which leads are most likely to buy and then move them to the front of the line.

Customer Feedback

Pulling data from your chosen conversational marketing tool on customer engagement will only get you so far. At the end of the day, you’ll need to gather feedback from your customers, asking them their thoughts on how to improve the customer and prospect experience on your site. This will not just enable the customer to feel that they have a say but also will help in the optimization of the tools after some time. Adding a quick feedback survey to the end of a chatbot or live chat conversation will go a long way in improving customer satisfaction. 

How to Get Started

Implementing a successful conversational marketing strategy starts by choosing the web pages where you want your conversational bot to engage with your visitors. Sometimes it makes sense to have a constant chatbot available on every page, at all times. Other times, and especially when utilizing live chat versus a chatbot, it pays off to choose the pages that get the most traffic, have the most conversion opportunities, or have visitors with a high intention of buying. This will help maximize the number of interactions you enter into, and the likelihood of success of those interactions. Now that you’ve decided where you want to speak to your customers on your website, it’s time to define what kind of information customers will ask for, and how in the simplest terms you can provide them with that information. As a general rule of thumb, try to keep the conversations simple. Your customers will expect the interaction with your company to be smooth and want to get answers and guidance quickly.

Regardless of the size of your company, having a conversational marketing strategy is key to increasing customer satisfaction and therefore revenue. Are you looking to begin your conversational marketing strategy but not quite sure where to start? Contact Bluetext and see how we can help.

Being a technology company can be tough, there is often pressure to appear futuristic, scientific, or impressively complex. The market often expects the latest and greatest features and widgets, especially in website UX and design. However, not every company is the space-age, robotics, AI-generated stereotype that comes to mind with “tech”. But across all technology companies, there is a shared level of expertise in software and computing that may not be found in the everyday website viewer. Technology companies can easily fall into the trap of flexing their brain power a little too strongly, and overachieving the “tech aesthetic”. And while there are a million ways to design an impressive website, there are a couple of practices that stand out as common pitfalls for technology companies. Bluetext recommends the following as what NOT to do in web design: 

Too much content on one page

This is often the result of poor content planning. When a user is overwhelmed with animations, visuals, and walls of text, they lose interest quickly. Focus each page on answering a specific question or describing a specific product, and link out to additional information that you feel is relevant. If there is any “take it or leave it” language on the page, it might be best to leave it.

Too little content on one page

As the saying goes, too much of a good thing can be a bad thing. We appreciate minimal site design when it helps a user find exactly what they’re looking for, but barely-there content doesn’t help anyone. Each page should be thoughtfully designed and written and should provide a user with clear next steps in their journey on your website.

Jargon or unapproachable language

Messaging across the site ought to be crystal clear. Just like having too much content, using complicated language and jargon can deter a user from continuing on your site. We recommend tailoring your content to your audience by considering how they would speak during a conference—widely-understood industry terms are acceptable, but should be embedded within digestible, humanized language. When customers can easily understand your product language, they gain confidence in your brand. 

Recently, Bluetext partnered with BigBear.ai to develop a new messaging strategy that frames them as a leader in their field while explaining their highly-technical product with accessible language. As a result of this partnership, BigBear.ai is able to strike a balance between technical and approachable language, and build trust with its audience. To learn more about this project, click here.

Falling into the trap of trends

We see this most often when personal taste takes precedence over user experience. Some trends have staying power and can help you stand out from out-of-the-box websites. Some trends, though, are fleeting. 

When adopting new web design styles, carefully consider the relevance of each trend to your brand and your users. More often than not, the best thing you can do for your users is to be consistent. They want to know what to expect from your website, so as you explore trends, it’s good to meet (or exceed!) those expectations.

No clear CTA

Each page on your site should provide clear, relevant next steps. This could take the form of related resources at the bottom of the page or quick links to associated product pages. Whichever next steps you choose to display, they should proactively provide the user with additional information related to the page they’re on. This practice is also helpful with interlinking content across your website, which can boost your search rankings.

For a great example of CTA placement throughout a site, check out Axient’s website. Bluetext worked with Axient to devise a comprehensive website strategy that would optimize the user journey and maximize conversions. To read more about this project, click here.

Poor mobile experience

More than half of users will leave a page that takes more than a few seconds to load on mobile, according to Google. Given that mobile use is steadily increasing year-over-year, this means that the longer your site takes to load, the more users you could be losing to competitors. 

One solution for the mobile-desktop conundrum, as recommended by Nielsen, is to have a mobile site separate from your desktop site. This will allow you to pare the mobile experience down by removing content and features that are only relevant to desktop users. To see how your site’s mobile experience stacks up, try out Google’s Mobile-Friendly Test. 

At the end of the day, the best thing you can do for your website is to design and write with your end-user in mind. A site that works for them is a site that works for you.

To learn how Bluetext can help you avoid these mistakes, get in touch with our web design experts today.

Whenever you add or change a feature on your website, you should consider the impact on the UX, or user experience. When you assess how users will interact with your website, it is important to consider users with differing abilities. Accessibility is a critical component of website design, not only for inclusivity but also because Google search crawlers reward websites that implement accessibility best practices. 

Most websites don’t even realize that their content is not accessible to all users and use designs and visuals that create poor accessibility unintentionally. For example, you might like the relaxing feel of muted colors, but there needs to be enough contrast for users with visual impairments to read your content. If you use video content, be sure to include closed captioning to provide users who are deaf and hard of hearing the same access to information. 

When thinking about accessibility, it’s also important to remember the universal benefit to every single user of your website. Too often, we think of accessibility as a way to benefit a small subset of users who need accommodations, but making your content more accessible actually helps everyone. If you’ve ever tried to watch a video on the metro, you know the benefit of closed captioning. On that day your mouse broke, you probably learned pretty quickly which websites you could access using a keyboard.

While there are many different ways you can improve accessibility, here are some great ways to start bettering your site.

Check Color Contrast

Run your website through a contrast checking tool (there are many free options online, such as a11y’s color contrast tool). This will help you spot any colors that might be difficult to read or view, so you can update text and CTAs to ensure that all your users interact more easily with your site.

Break Up Long Chunks of Text

While some areas of your site might require a long article when possible try to break up long periods of text with images or different types of components. This will make your content more accessible for neurodiverse users, and it will make important content more digestible for anyone who comes to your website.

Add Alternative Text for Images

Many content management systems will already ask you for alternate text for images, so this is an easy way to immediately make your website more accessible. This text does not need to be a detailed description of every single piece of the image but should be a few descriptive words that capture the main points of the image.

Make Menu Items Unique

Repeated menu items are confusing for everyone. If you have the same item under two different parts of the menu, it is difficult for users to tell which one has the information they need. It becomes more difficult to tell the difference when using a screen reader. Think through your menu, and choose the single most accurate spot for each menu item.

Improve Heading Hierarchy

Headings help you visually separate your content, and using the correct headings will help neurodiverse users and people using screen readers. Most websites use headings from <h1>, being the most visually impactful and important, to <h6>, being the least. As you write your content, think about where it makes sense to group content under a heading and what type of heading should be used. A major section of your page should not be delineated by <h6>, and a short paragraph should not use an <h1>. 

Hopefully, these recommendations will help you as you begin creating a more accessible website. Reach out to Bluetext to dive further into accessibility and make sure every user has a great experience on your website.

A crucial part of any successful website design is not only catching the attention of a target market but keeping that attention. Oftentimes, UX experts will achieve attention retention through eye-catching animations, clean layouts, and intentional content strategy. But in some industries where flashy design and lifestyle imagery isn’t relevant, this can be an intimidating challenge. As a B2B technology marketing agency, Bluetext has done a deep dive into some key elements to help give your B2B website the winning edge. 

The Difference Between B2B and B2C Websites

When it comes to designing a website for a B2B versus a B2C audience, the design landscape and tone change in response to respective target audiences. Consumers are often online to fulfill an emotional need, such as instant satisfaction from a purchase. The B2B audience, however, tends to take more time examining all the information about the product before making a decision. Why is this important? Understanding the audience’s motivations is the first step to giving your B2B tech website a leg up in UX design. 

Now that we have covered audience motivation, let’s discuss how this translates into web design. In a broad sense, UX experts recommend the key aspects of technology website should be: simple navigation, concise language, and responsive web design. In the market of technology, it is also important to emphasize successful security checks throughout the design of the site. Those are the core ingredients one would expect every website to contain, but below we explore three best practices to help B2B websites stand out against the pack.

Rely on Content 

UX experts first and foremost rely on content. As we mentioned earlier, B2B audiences often have much higher stakes in their purchasing decision. Yes, it may be a sole individual making the decision but they are often selecting a product or solution that will impact many people and departments across their company. Therefore, the B2B target audience likes to know everything about the product before making their long-term purchase decision. A tech website design must accommodate large amounts of text to describe each product. Keeping this in mind, UX designers can implement specific modules for a site that best present large amounts of content in digestible chunks. 

B2B tech websites’ extensive amount of content must also convey a professional tone. Most B2B site visitors are informed to some extent about the product or solution they are seeking. If a company cannot clearly explain its product in a professional and concise way, it will drive away sales. There is nothing more professionally relatable than a crunch for time, so a site should respect the user’s busy schedule and likely short-lived attention span for acquiring key details. Another common mistake for tech companies is not clearly explaining company messaging and why they stand out against their competitors at the forefront of their website. Upon first landing, a user should be able to tell what your company does, and why they should pay attention to it. The Bluetext messaging team uses a highly thought out process to make sure the tone of a brand addresses all competitors in the marketplace and stakeholders within a company.

Clear Call-to-Action 

In the same vein of time awareness, B2B web designs must have a clear call to action. If you happen to capture a user’s attention enough to generate genuine interest, there needs to be a frictionless and obvious way for them to find and take the next step. Research has shown that a B2B audience is more likely to call to purchase a product than purchase online. Therefore, a website should address this pain point with live chat solutions, well-integrated contact forms, customer care information, telephone numbers, and more. 

 

High-quality video and images

Along with the expectation of a professional tone comes a professional look. The first step is implementing high-quality videos and images onto the new site. Strong visual content can help break up the large blocks of content and avoid the risk of eye fatigue when scanning and reading lengthy text blocks. Videos are a useful and engaging way to provide a clear explanation of what the product can achieve. Coupling visual and audio elements increase the memorability of your brand and capture attention for much longer. Videos can also give a closer look at the company’s values as a whole. The Bluetext video team uses a strong brand voice, innovative animations, and professional editing to create persuasive and informative content for their clients.

Mobile Friendly 

If you’re selling tech, you have to show you are tech-savvy and keeping up with the times. This should be a no-brainer, but too many technology websites across the web don’t take advantage of responsive design practices to ensure equitable desktop and mobile experiences. Bluetext implements this with well-thought-out wireframes addressing all content needs. One of the ways to best implement a strong user experience is keeping in mind the significance of a mobile-friendly design. With mobile traffic driving up to 40% of revenue, this design compatibility should never be ignored. 

B2B differs from B2C in terms of their audience needs, wants, and decision-making processes. While some core differences set these types of websites apart, an informed UX and content strategy that matches audience needs is crucial to both. Consult a website design and UX agency like Bluetext so you can be sure that your website addresses the needs of your target audience, and formats content and visual components to convey a professional and interesting tone. Contact Bluetext to learn more about our services and how we can address all of your content and website design needs. 

Since late last year, the technology industry has been alight with news and developments surrounding the Metaverse. Companies large and small are betting big on what is seen by many as the successor to the internet. Microsoft’s record-breaking acquisition of Activision Blizzard has been seen by many as a Metaverse play. The likes of Facebook have even restructured their entire organization and established a new parent company, Meta, named after the Metaverse.

But what exactly is the Metaverse? In simplest terms, “The ‘metaverse’ is a set of virtual spaces where you can create and explore with other people who aren’t in the same physical space as you.” If you’re still confused, that’s okay. The Metaverse is constantly evolving as more and more companies invest in the concept. Chances are you’ve already experienced flavors of the metaverse but may not have even realized it. To break it down, major players in the technology industry are looking at the Metaverse from a capabilities perspective for the likes of: 

• Real-time 3D graphics
• Feature sets that overlap with real-world activities
• Personalized avatars unique to each user
• Person-to-person social interactions that are less competitive in nature and more goal-oriented compared to stereotypical games
• Designs best well-suited to virtual and augmented reality headsets
• Links with outside economic systems so people can profit from virtual goods

Regardless of how you feel about the Metaverse and its capabilities, there’s no denying that AR/VR is growing more popular. In 2021, it was estimated that approximately 85 million users experienced AR or VR at least once a month. Virtual reality headsets, which were originally intended for gamers back in the 1990s, have picked up momentum in the past decade as companies are releasing sleek, futuristic consumer headsets and applications.  That userbase will only continue to grow as VR/AR devices become more accessible from a cost and usability perspective. Given the fluidity of the concept of the Metaverse, the marketing opportunities are truly endless at the moment. Below, we take a look at just a smattering of ideas for marketing in this next generation of the internet. 

1. Gamifying your Brand

As we’ve discussed before, gamification is the act of taking a process that already exists and applying game mechanics to make it more engaging. Given the current state of the Metaverse and its existing uses, gamifying a brand is the first natural step we’ll see companies take as they expand their reach into this additional marketing channel. We’re already seeing some companies dive headfirst into brand gamification in the Metaverse. To promote the new Nike React Flyknit running shoe, Nike created its own virtual world, called Reactland, allowing users to create avatars of themselves and then navigate through the game’s forests and rooftops while jogging (in real life) on a treadmill for three minutes.

2. Parallel Metaverse Marketing within Real-Life Marketing

Just as we create physical manifestations of digital marketing campaigns, marketers need to be ready to expand their focus to the Metaverse as a third component of any future campaign. Campaigns targeting millennials and Gen-Z’ers will comprise the majority of initial Metaverse marketing campaigns, as these audiences are the predisposed primary users of the platform. Experiential marketing will also be a major component of any Metaverse marketing campaign, offering branded installations and events that users can interact with, as opposed to just placing simple ads. 

3. Harness the Power of Facebook’s Meta

While Facebook is still in the early stages of rolling out its Metaverse to consumers, there’s a good chance that any experience will include digital advertising and in-experience transactions. Anything from building virtual stores, hosting immersive events, or creating Facebook Ads will no doubt be considered. Additionally, we’ll definitely see comparable offerings from other companies staking their claims in the Metaverse hype such as Walmart and Microsoft.

It’s fair to say that the Metaverse in its current state is filled with uncertainties. While many companies are pouring tons of capital into the space, no one knows what it will look like in five to ten years, let alone next year. That being said, it will be important for marketers to stay in the loop and decide when might be the best time to stake their own claim in the Metaverse. Interested to see how Bluetext is taking advantage of up-and-coming technologies on behalf of our clients? Contact us. 

2 years ago SonicWall approached Bluetext with a campaign challenge: “Help us infuse originality within an over-saturated cybersecurity market. Portray Boundless Cybersecurity ability to break free of cyber threats.” 

Bluetext’s response? Hours upon hours huddled over brainstorming sessions until the winning idea came to light. Portraying the end-users in a surrealist, anti-gravity state in which they quite literally “break free” from the constraints and anxieties of impending threats. But how could this be done? With a troupe of ballet dancers, a giant trampoline, and an imaginative team of creative & strategic minds the first Boundless photoshoot was made possible.

By knowing the unknown, providing real-time visibility, and enabling breakthrough economics, SonicWall protects against boundless exposure points for increasingly remote, mobile, and cloud-enabled workforces. In order to communicate SonicWall’s business values across a variety of businesses, Bluetext prescribed a verticalized approach to target the unique needs of each industry. Every detail, from costume to backdrop, was personalized to resonate with distinct audience personas.  To truly stand out and earn attention in a crowded cybersecurity arena, the campaign centered on fantastical floating imagery, which served to visualize an anti-gravity feeling of breaking free of cyber threats. To achieve this vision, action photography of models jumping and free-falling atop a giant trampoline was captured. With custom photoshoots, expert post-production editing, and head-turning taglines Bluetext truly elevated the campaign to new heights. As a collection, the campaign imagery showcased SonicWall’s wide range of customer success, and as individual targeted campaign assets, the images emphasized SonicWall’s application to industry-specific use cases. New website pages, banner ads, and social graphics were developed to reinforce  ”When Cyber Threats Are Limitless, Your Defenses Must Be Boundless.”

The campaign was a roaring success. So much so that it inspired a Boundless 2.0 campaign that elevated key art imagery to 3D video production to tell the evolving Boundless story. This time, the campaign focused on the end user’s journey into a surrealist, anti-gravity state of mind. The campaign video spans a variety of industry applications, from higher education libraries to retail shops, but focuses on the perspectives of an SMB and remote employee. The narrative describes the current state of cybersecurity, being a sense of closed-off isolation to avoid the fear of cyber threats, but begs the question of ‘what if?’ The main characters are shown proceeding through their daily responsibilities (whether that be commuting into the office, or multi-tasking child care responsibilities at home) until interacting with SonicWall products on their given devices. As these users connect to SonicWall they experience the unconventional possibilities of cybersecurity; ‘What if cybersecurity felt…free?’ The characters are transitioned to a surrealist Boundless world, in which 3D video effects bring a state of gravity-free liberation from constraints of the past. The characters “break free” to realize a more secure, yet freer, future with SonicWall. 

To further compliment the Boundless 2.0 campaign video, Bluetext brought the story to life on the SonicWall website homepage and campaign landing page. Both of which feature 3D video in the hero zone to showcase Boundless Cybersecurity for both the remote and in-office workforce. Bluetext animators built a custom 3D environment for each character, which is showcased through 360 pan-around camera effects. Attention to detail was everything, from the outfits worn by the character to the interior decor with hints of the SonicWall brand elements. The characters themselves even parallax for hyper-realistic body motion. The rest of the pages were designed by the Bluetext website & UX designers to highlight the campaign’s core messaging, featuring new products and industry-related use cases. 

In an impressive feat of animation, website design, videography, and most of all creative brainpower, Bluetext accomplished its challenge. The Bluetext and SonicWall team combined forces to bring new energy and direction to the SonicWall Boundless Cybersecurity campaign. In two years the campaign has evolved to new heights, but just like SonicWall security, the potential is boundless. Stay tuned to see how the campaign further evolves in 2022, and contact us to see how we can develop a state-of-the-art campaign for you. 

62 seconds. That’s the average amount of time a user will spend on a website before hopping to another page. 62 seconds for your website to show off all your company has to offer. 62 seconds for you to create a spark of interest that will keep your customer’s cursor away from the dreaded back button. The attention span of modern internet users is a fickle thing, dashing between emails, articles, quick searches, and more. So when you have only a little over a minute to hook a viewer, you better make every second count. A beautiful landing page can grab a viewer’s attention, but a strategically crafted landing page will keep them there. Below are some tips that top digital marketing & website design agencies use to hold the attention of your audience when they land on your site.

Helping Your Users Take Action with Interaction

A favorite UX design practice to encourage digital engagement is the use of interactive elements. This elevates the user experience from passive observer to a participant (referring to any degree of interactivity) on your landing page. When inviting users to interact with content, UX designers tread a fine line between doing too little and asking too much from their audience. Subtle elements such as eye-catching hover states and scroll-initiated animations are one way to get the user involved and create interesting effects based on their cursor movement or scroll. The logic behind these interactive elements is basic psychology — rewarding the user for viewing your content or scrolling encourages them to continue this action. Once visual interest is sparked, the user is more likely to continue scrolling on-page to view content and eventually reach a lead generation form. 

Lending Your Users a Hand with Custom Cursors

Another top trend in interactive content is custom cursors. Brands are beginning to implement custom cursor shapes and styles, and even animations triggered by placement on-page. One of Bluetext’s favorite examples of interactive landing pages is Asimily, a page with several subtle interactive elements, including new content triggered on scroll, animated hover states, and typography motion. 

Animations That Keep Your Audience Still

Animation is also a powerful tool to capture and retain attention, with elements like looped animations ensuring that a user catches an effect and can continue to watch it. Animated promotional videos can also be leveraged into powerful lead generation tools. Videos are quite effective for generating leads because they present a simplified version of your offering, and are far more engaging, and require less effort than reading an article. Animations are a great way to convey key information more efficiently and effectively on what your brand has to offer. 

Take the Lead with Your Landing Page Strategy 

Ultimately, these little changes can make a big difference in converting prospective customers into solid leads. There are many other ways to increase leads to supplement interactive elements. Targeting by channel, limiting navigation, including a clear call to action, and communicating key insights clearly all contribute to a more impactful strategy. Aggregating strong messaging, website design, and user experience best practices can enhance conversion rates on landing pages. Need help achieving better leads? Bluetext is here to bring stronger leads to your company through exceptional content and design. 

New year, same buzzwords. We’re all familiar with the phrase “machine learning”, but finding a practical application for it that supports your business model is another story. The key to effective digital marketing campaigns is taking full advantage of emerging technologies, and if you’re looking to increase your marketing team’s productivity and efficacy, look no further than machine learning. From paid media campaigns to search marketing strategies, recent machine learning enhancements have skyrocketed its digital potential. As brand marketing becomes more closely integrated with performance marketing, introducing ML to your digital marketing strategy is an effective way to assist your team on both fronts.

According to Google’s Chief Search Evangelist, “The future of brand marketing is digital, and it’s automated. As a brand marketer, if you can start thinking like performance marketers when it comes to KPIs, measurement, and budgets, you’ll be poised to win.” 

Looking for ways to get started with machine learning in your marketing processes? Here are a few ideas:

1. Introduce personalization at scale.
   Personalized advertising is a tried-and-true success tactic, and machine learning makes personalization at scale easier than ever. Whether you’re personalizing for 100 users or 100,000, AI makes the process quick and effective. Better-targeted ads, personalized messaging, and individualized user journeys are just a few ways that ML can boost your brand.

2. Leave the bidding to the machines.
   Free up your team’s time by handing off PPC management to a tool like Google Smart Bidding. With automated bidding, your team can focus more on strategic planning and goal-setting instead of cent-by-cent differences.

3. Implement a chatbot on your website.
   Chatbots are simple integrations that can have a major impact on the conversion rate of your site. The best chatbots use AI to make the customer’s journey as simple as possible, guiding them to the right information or product with minimal back-and-forth. Trusona uses a pre-populated chatbot, so users don’t have to lift a finger to type a response; they can simply choose from the options presented.

4. Iterate, optimize, and iterate again.
   Iteration is one of the greatest strengths of processes that use machine learning; rapid analysis of digital performance means that your team can respond in real-time to shifting trends and interests. Ultimately, the introduction of machine learning to your brand’s marketing tactics will result in better products and better performance.

Implementation of machine learning could be the next major step in your brand’s growth. To learn more and see how Bluetext can partner with you in that growth, contact us.

Scroll-based animation offers all the benefits of on-page animation and more. Not only do pages with scroll-based animation engage users more effectively, but they can also tell more complex stories, improve page load time, and expand the capabilities of your brand identity.

Some stories are best told visually, and scroll-based animation is an effective way to make complex stories simple and elegant. Designers can use animation to guide users as they scroll, catching their eye at exactly the right time and place. Apple incorporates subtle animations into its product pages to drive user focus toward key information they want to highlight. 

Scroll-based animation can offload elements beneath the virtual “fold” from the initial loading process, decreasing overall load time. Elements above the fold are prioritized in the initial load, saving time on down-page items that are animated to appear as the user scrolls down.

Implementing scroll-based animation provides the opportunity to add animated elements to your brand. Whether they’re completely new, or existing pieces that have been updated with motion, animated elements can help bring your brand to life. Elements like a scroll-based footer or call-to-action can be used across a website to consistently call attention to key information about your brand.

Key Tips for Scroll-Based Animation

Getting started with scroll-based animation can be tricky, so here are a few pointers to keep in mind as you go. 

1. Timing is everything. The flow of the animations as a user scrolls down the page is key to maintaining their interest. As a user moves down the page, elements should naturally animate or appear, so there are no gaps in the experience. A simple, well-timed scroll-based animation is always better than a complex but awkward one. 
2. Added effects should emphasize key information, not detract from it. Keep in mind that the whole point of on-page animation is to make it easier for users to navigate your site and find what they’re looking for. Be sure that any effects or animations make their experience easier, not more difficult.
3. Less is more. When in doubt, simplify. Avoid cluttering your site by animating every element on a page or by introducing particularly drawn-out animations for no reason. As a rule of thumb, smaller elements should have shorter animation cycles, and each animation should have a purpose in guiding the user experience.

Looking for inspiration?

Clarabridge’s animated homepage brings the brand to life and elevates the user experience. On-page effects guide the user through the homepage, emphasizing the strength and ease of Clarabridge’s solutions. Click here to read our case study on this project.

HuffPost’s interactive article, Chef Jose Andreas Embraces the Chaos, is an example of “scrollytelling,” which uses scroll-based animation to enhance a written story. Hand-drawn visuals appear as the reader scrolls through the story, adding a playful, personal feeling to the page.

For Calling All Optimists, Bluetext incorporated subtle scroll-based animations throughout the site to draw attention to key information or calls-to-action. Along with the brand’s playful shapes and colors, these animations reinforce the positive, dynamic qualities of the site. Click here to read our Calling All Optimists case study. 

Ready to see how scroll-based animation can enhance your site? Contact Bluetext to learn about our motion design and interactive UX services.

 

 

The next time you’re in a public setting, look up, and chances are you’ll notice almost everyone around you has their eyes glued to a mobile device in hand. Modern-day mobile devices are essentially mini computers, enabling on-the-go browsing, communication, and connection at unprecedented ease. Society has become accustomed to instantaneous connection, but not all websites are up to par with user expectations. While desktop sites were once the focus, a disappointing mobile performance of websites is holding many companies back from their full online potential to garner customers. Aside from a frustrating user experience, poor mobile performance can hurt a website from a technical SEO perspective. This is why many companies are turning to digital agencies like Bluetext to revamp or create entirely new, responsive web designs & optimized performance to stand out among their competitors. 

On average, mobile devices account for more website user traffic than desktops. However, despite the high traffic volume, conversion rates on mobile environments are significantly lower. So what’s turning our mobile users away? Adrienne Clem, Director of Search Ads Growth and Optimization at Google, describes that it could be an issue with any one of the following pillars of mobile website design:

Speed

Page Speed is a key indicator of website quality, as it is a critical first impression of your website. The longer a user must wait for your website content to load, the higher the risk of the user leaving the page and increasing the bounce rate. Bounce rate, performance, and speed metrics all play a critical role in Google search crawlers’ evaluation of a website.  (such as, In addition to limiting bounce rates, reducing your Time to First Byte can also increase your site’s SEO ranking. You can keep tabs on your site’s speed performance using tools like Google, PageSpeed Insights, or GTMetrix.com, but consulting a website development agency can offer further insight into actionable steps to improve your site’s performance.

User Experience

All websites should be designed to be as simple as possible for users to navigate. However, this isn’t as easy as it sounds. Content hierarchy, navigation, and calls to action are all critical components that need to be equally accessible and intuitive across desktop & mobile formats. Responsive layouts are essential in a mobile-optimized design, but more important is the speed at which content loads for a user. Mobile site speed tends to lag behind its desktop counterpart, but a poor mobile performance can significantly ding your site’s SERP ranking and create a poor user experience. Even the most creative & persuasive landing pages are wasted if features take too long to load on the screen. Pages that utilize AMP (Accelerated Mobile Performance) technology both rate higher on Google search rankings and increase chances of conversion for paid media promotions. AMP HTML is an open framework based on existing web technologies, that allows for more lightweight and speedier mobile web pages. In an initiative to enhance the shift to mobile browsing, AMP-powered webpages load instantaneously, even when they contain rich media like video, animations, or graphics, including things like Twitter and YouTube embeds.

Iterative Design

Website design is an iterative and ongoing process. Platforms & technology are constantly evolving to include new features, remedy existing pain points and approach the ever-moving target that is positive user experience. Companies should approach this process in the interest of continued learning and constant improvement. Collecting feedback should be built into the plan for any mobile site development, as the site’s performance should be re-evaluated at least every 3-6 months. Keeping track of your site’s vitals is an important step for ensuring that your site stays relevant and isn’t losing out on potential conversions.

In an increasingly mobile-first world, emphasizing the performance of sites on mobile devices can increase customer loyalty and satisfaction. Whether a prospective customer’s impression of your campaign landing page or an existing customer’s experience browsing your full website, speed is the name of the game. Keeping up-to-date with best practices in website development and enlisting the help of seasoned designers and UX specialists can transform users from mindless mobile scrolling to enthusiastic interactions on your site. 

If you’re ready to start designing your site with a mobile audience in mind, Contact Bluetext for guidance and expertise.