Now more than ever it’s important to understand and master the skills of remote client relations and project management tasks. Even though the pandemic will not last forever, we have the opportunity to take a look at lessons learned, opportunities created, and skills we’ve grown to use daily. Not only will this help make one a better and more flexible employee, but allow the opportunity for a digital agency to tackle a whole new client base. Let’s dive into some of the most important skills of remote client work.

Over-Communication

Striving to over-communicate with clients is always a good thing. Scheduling weekly status calls, both for the internal project management team and with the client, is great to keep a consistent base of communication and ensure that everyone is aware of where the project stands to date. These weekly calls can be used to review completed and upcoming deadlines, updates on various levels of project status, and resolve any questions in real-time. Having frequent touchpoints with the client helps reach deadlines successfully. If frequent phone calls and video conferences are not possible, never underestimate the power of an email! Digital project managers understand how busy schedules can get, and sometimes that meeting really could have been an email.

Patience

Patience and understanding is an extremely necessary skill for managing remote client work.  Remember, no work-from-home situation is the same. Especially in the wake of COVID-19, many employees who were not prepared or planning to work from home are finding their kitchen table is doubling as their new conference room. Try to be understanding and empathetic with background noise, kids, or pets interfering during conference calls. Don’t get frustrated when someone experiences issues with virtual meetings or is having trouble with technical issues – instead, offer some assistance. Everyone’s circumstances and experience with remote work are different, so be as empathetic as you can.

Cross-Team Collaboration

As a digital marketing agency, Bluetext offers a wide variety of services – which translates into a wide variety of roles and skillsets. Many client projects include multiple tracks of deliverables, such as messaging, branding, website design, and development. It is more important than ever in a remote workplace to keep the lines of communication across these tracks clear and consistent. While agencies might not have the luxury of gathering all creatives, copywriters, project managers, and developers in one room to brainstorm or ask one-off questions, it’s important to keep everyone on the account on the same page. Bluetext recommends setting up recurring scrum meetings to run through the statuses of all parallel tracks, or regular touch bases within the different departments. Online collaboration software, such as Slack or Teams, is a great place to facilitate conversation between groups for questions, blockers, or ideation. 

Organization

Although organization is a keystone of regular client and project management, switching to remote work requires an even stronger set of organizational skills. Make sure you have a separate work space (that does not include your bed or the couch) where you can have a space to focus and create a productive working environment. This should be free of distractions and allow you to maximize your full potential. In addition, comprehensive project schedules, project trackers, to-do lists and conference reports help keep yourself, your team and your client organized with clear-cut deadlines, updates and project progress.

Time Management

When doing remote work, it can be difficult to differentiate between work-life and personal life. Sometimes, even just reminding yourself to take appropriate lunch breaks can make all the difference. Block chunks of time off on your calendar for lunch breaks and to tackle specific projects. This helps keep yourself accountable and make sure you’re accomplishing everything on your to-do list. In addition, prioritization of high-priority and low-priority tasks will help you be extremely successful. Identify the items on your to-do list that need to be tackled right away and which can wait. This better helps you manage your time as well as delivering items on deadline, which all leads to a more successful project.

Adaptability

Adaptability is one of the most critical skills for remote client and project management work. You must be willing to test out new tools, new applications and whatever can help you perform your job successfully. In a new environment, new tools are inevitable. Your client might even have their own favorite tools they want you to try out. Always willing to be adaptable and try out new things!

At Bluetext, we’re extremely dedicated to our work and our clients, remote or not. We have a variety of clients based outside of Washington, D.C., such as Wallix, based in France; AppGate, based in Texas; Citrix, based in New York City. We have the talent, skills, and resources to take your business to the next level, no matter where you are.

What is ADA Compliance? 

The Internet should be accessible for all, and Section 508 of the Rehabilitation Act of 1973, ensures that. Section 508 is designed to extend federal responsibilities to all individuals with disabilities, especially as the world moves towards more digitally based interactions. In 1998, the law was updated to include specific terminology over ‘electronic and information technology.’ Because the actual terms and conditions outlined in § 508 are ambiguous, the W3C created specific guidelines (Web Content Accessibility Guidelines or WCAG) to be able to run specific criterion tests on the suggested interpretation of the guidelines. Since January 2017, the current version, WCAG 2.0, has been accepted as the primary set of implementation guidelines. 

This Is A Lot of Legal Jargon, Why Should You Care?

Every company should want as much reach for your digital content as possible, even if your target audience is not visually impaired or disabled. Not to mention, you could get sued if your website is not ADA compliant. If you’re federally funded, you must be compliant. For non-federally funded websites, it’s a gray area, but certainly a legal risk. Best practice is to be compliant and empower equal access and equal opportunity for all digital content. The Internet in particular can dramatically improve the lives of people with disabilities. It’s important to remember that accessibility is not just for the blind – it also accommodates auditory, motor, cognitive, and seizure disabilities. With about 15% of the global population living with some form of disability, it’s crucial as a reputable brand to want to make your website and digital content accessible for everyone. But it’s not always easy…

Accessibility Design

Accessibility should be considered early on in the design phase. It’s also important to remember that there’s no “end” to accessibility – it’s an evolving process. There’s also no ‘correct’ solution to accessibility. The WCAG 2.0 instead focuses on four principles of accessibility to base on for criterion testing:

1. Perceivable
2. Operable 
3. Understandable 
4. Robust 

What do these principles mean and how can I design in style with them in mind? 

Perceivable

This means web content is made available to the senses – sight, hearing, and/or touch. 

Text Alternatives: You must provide text alternatives for any non-text content so that it can be changed into other forms people need, such as large print, braille, speech, symbols, or simpler language.

• All non-decorative images should have alternative text (aka ‘alt text’)
• Complex images should be described on a separate and linked page
• Form buttons and fields should be labeled

Pro tip: Use arrows so google can “read” hidden content. 

↓

Time-Based Media:

• Audio content should have text transcripts
• Video content should have synchronized captions 
• Any visual content in video should be described 

Adaptable: Create content that can be presented in different ways (for example, simpler layout) without losing information or structure. 

• Semantic markup is used for headings and text (e.g, <h1>, <ul>, <ol>, <strong>)
• Menus should be logical and intuitive from reading order alone
• Instructions do not rely on shape, size, location, or with auditory cues

Not only are these practices compliant, but they also provide tremendous SEO benefits! So why wouldn’t you implement an adaptable structure?

Distinguishable: Make it easier for users to see and hear content including separating foreground from background.

• Color is not used as the sole method of conveying content or distinguishing visual elements
• Contrast (http://webaim.org/resources/contrastchecker/)
  • The text has a contrast ratio of 4.5:1 (AA)
  • The large text has a contrast ratio of 3:1 (AA)
    • Large text is defined as text larger than 18 points (~24px) or bold text larger 14 points (~19px)
• The page is readable and functional when text size is doubled (AA)
• Should be able to pause or change the volume of any audio longer than 3 seconds

Pro Tip: Test your color contrast and font size with this tool to ensure it’s compliant. Accessible design can still look modern and creative! https://www.getstark.co/

↓

Operable

This means the user interface components and navigation must be operable. 

Keyboard Accessible: Make all functionality available from a keyboard

• All functionality is available using the keyboard unless the functionality cannot be accomplished in any known way using the keyboard
• Keyboard focus is never trapped

Enough Time: Provide users enough time to read and use content

• If a page or application has a time limit, the user is given options to turn off, adjust, or extend that time limit
• Automatically moving, blinking, updating, or scrolling content that lasts longer than 5 seconds can be paused, stopped, or hidden by the user. 

Pro Tip: On auto-scroll content, include a play/pause button so it can be paused and the content can be consumed. If the content on auto-play doesn’t have a link or text, or really any content associated with it, then it does not need a pause/play button.

↓

Seizures: Do not design content in a way that is known to cause seizures

• No content flashes more than 3 times per second and do not contain too much red 

Navigable: Provide ways to help users navigate, find content, and determine where they are

• A link is provided to skip navigation and other page elements that are repeated across web pages
• Pages have descriptive and informative page titles
• Navigation is logical and intuitive
• The purpose of each link can be determined by the link text and context alone. Links with the same text that go to different locations are readily distinguishable.
• Multiple ways to find other web pages of the sites (e.g., table of contents and search) (AA)
• Avoid duplicative page headings and label text (AA)
• Focus states are visible to the user (AA)

Understandable

It’s as simple as it sounds – content and interface need to be easy to understand. This should be a website goal for both disabled and abled users!

Readable: Make text content readable and understandable

• The language of the page is identified using the HTML lang attribute (e.g., <html lang=“en”>)
• The language of page content that is in a different language is identified using the lang attribute (e.g., <blockquote lang=”es”>) (AA)

Predictable: Make Web pages appear and operate in predictable ways

• When a page element receives focus or a user interacts with a form or control, it does not result in a substantial change to the page, creates a pop-up, or any other change that could confuse the user, unless the user is informed of the change ahead of time
• Navigation links do not change order (AA)
• Elements across multiple webpages are consistently identified (AA)

Input Assistance: Help users avoid and correct mistakes 

• Required elements for a form are clearly labeled as such
• Form validation issues are provided in a quick and accessible manner
• Required interactive elements have sufficient labels and instructions
• Suggestions should be provided for fixing input errors (AA)
• Changes to legal or financial data can be confirmed or reversed (AA)

Robust

Content can be used reliably by a wide variety of user agents, including assistive technologies

Compatible: Maximize compatibility with current and future user agents

• Avoid HTML parsing errors (http://validator.w3.org)
• Markup is used in a way that facilitates accessibility (e.g., ARIA labels for custom interface components)

Remember, accessibility is more than just following these guidelines – it’s about equal access to digital content. You could be the next big example in your industry for accessibility, and maybe even be eligible for an award. And once your beautiful, new website is built, there are tools to help you ensure your site is accessible. Download WAVE to identify accessibility and Web Content Accessibility Guideline (WCAG) errors. 

Not sure how to get started? Contact us at Bluetext – we’re here to help! 

A business’ marketing content is crucial in informing and educating prospects and customers about the company. It helps communicate the company’s story, credibility, leadership in the industry, as well as specific solutions and challenges they can solve. It not only represents your business but also your value proposition. It determines what sets you apart from your competition. Content marketing helps to educate and guide customers on authentic and trustworthy experiences, ultimately leading to conversions for your business. 

There is no shortage of marketing resources available. From infographics to whitepapers, to case studies and blogs, marketing content exists in all shapes and sizes. The variance helps open your resources to a wide range of audiences while also keeping content fresh and modern. But what is the best way to showcase all your resources together in one organized, concise place?

Rise of the Resource Centers

The popularity of businesses creating online Resource Centers/Hubs on their websites is through the roof. Resource Centers consist of pages and pages of content marketing assets. End users typically can preview the type of content, a short description, and maybe even a thumbnail image. Resource Centers can often become extremely overwhelming for a user, driving away conversions. The user journey is important to keep top-of-mind when designing your Resource Center. 

One of the best ways to improve the user experience while browsing content marketing is to aid them in finding exactly what would cater to their needs. Taxonomy tags are the most efficient way to categorize content by type, category, or keyword. Users should be able to easily search or filter between taxonomies, to view results relevant to them as a click of a button. Resource Center listing pages can even pre-filter content and allow the user to view specific collateral types, topics, or more upon landing.

Industry Examples

For example, Genpact exemplifies a simple user journey on their Resource Center. The first thing a user sees landing on their “Insights” page is the ability to search for content related to a specific industry, function, or even to improve a strategic goal. By establishing obvious and easy to use personalization options, users feel catered to and confident they will find exactly what they are looking for. And even without a specific intent in mind, users can pre-filter options to simply browse by industry, function, or goal-relevant to them. Users can even combine all three filtering options to view even more tailored results.

Another great example of pre-filtered content in a Resource Center is IPsoft. IPsoft filters all content by types, such as Press Releases, Opinions or blogs, or educational resources such as whitepapers and videos. For users browsing the newsroom, all content is sorted chronologically and categorized by large, recognizable tags. In addition, popular posts constantly follow the user in the right-hand column while social media share buttons are easily accessible in the left-hand column.

McKinsey takes a unique approach in its Resource Center by showcasing its range of content marketing and news types in nugget-sized promotional banners. With this approach, a user is introduced to a wealth of resources and content types, without being overwhelmed. With only one to four resources shown per type, the page is easily scannable. This not only caters to the simplified user journey for the user who knows what they want they’re looking for, but also for the user who wants to explore and browse content. McKinsey sorts by popular posts, magazine insights, global institute insights, and podcasts and videos into one streamlined interface, much like a magazine stand. This further cements the credibility of the company as well by highlighting various company publications.

Along with pre-filtering content for your audience, creating a unique and well-designed Resource Center is key for standing out amongst your competitors and bringing in potential conversions. It’s crucial you recognize the goal for your Resource Center – is it to highlight outstanding thought leadership? Or is it to showcase your wide range of insights? Once you have your goal in mind, focus on user experience, and strategic branding to achieve your goals and watch the conversions come in.

Affinity is a prime example of using unique branding to frame their content marketing as interesting and valuable. Affinity is focused on showcasing a breadth of content and has created a unique design to accomplish this goal. When you land on the News, you immediately view the most recent article, ready for your users to read. While prioritizing the most up to date content, the left-hand column allows users to scroll through other posts or resource types with the ability to filter by categories. It gets a user hooked on the breaking headline, but not without showing off the greatest hits.

Another great example of a unique Resource Center is Guidehouse. Guidehouse has a large number of insights, thus utilizes sticky navigation. Sticky navigation follows a user as they scroll up and down on a page so that a menu of alternate pages or sections are always in view. Their sticky navigation showcases pre-filtered content in a variety of industries. This highlights their range of abilities, while also ensuring users never feel lost in an unfamiliar industry.

We all want to be thought leaders, but your company has to look the part. Don’t underestimate the power of your marketing content. Utilize your content and drive conversions for business and reputational success!

Considering amping up your Resource Center? Trust Bluetext with all your digital marketing and design needs!

 

What is responsive web design?

At its core, responsive web design uses a single layout for a web page then dynamically adapts to best fit the user’s screen, whether it’s a desktop, laptop, tablet, or a mobile device. This creates a seamless and recognizable experience for every user and session if viewed on a laptop one day, and on a mobile device the next.

Responsive web design not only improves user experience but also increases development and design efficiency. This method of web design is preferred over an adaptive approach since it reduces the number of layouts designers and developers need to account for. Rather than designing the same page for small and large desktops, tablets, and mobile devices, responsive design dynamically updates page layout to fit the users’ screen.

User Experience and Expectations

Welcome to 2020, where everyone is walking around with a miniature computer glued to the palm of their hands. Users have become more and more comfortable browsing online for everything from e-commerce to B2B research.  Even if your business imagines themselves being primarily viewed at the office or on traditional desktop screens, you must accommodate for changes in user behavior. It’s highly likely that your users may find your website while browsing LinkedIn on their phone or tablet, or maybe Googling on-the-go. And if you have successfully captured their interest on a mobile device, you better prepare for a more thorough investigation on desktop. Your website now has two unique sessions that you should ensure are seamless and as familiar as possible. Imagine being blown away by a beautifully designed website, only to show your colleague the next day on your iPhone and find the mobile site clunky and unusable.

As Krisztina Szerovay explains responsive web design, nowadays, it’s more of an expected standard than a luxury for sites to utilize a responsive design. With a significant portion of site traffic coming from mobile, it’s more important than ever to ensure your site caters to all users regardless of screen size. 

Work smarter, not harder. 

Responsive web design provides many benefits such as increased flexibility, better SEO, reduced costs, and better mobile experiences. Instead of making a new design for each new device or screen size, rapid response allows you to stick with one design. Google recommends using responsive designs as they allow you to focus on a single page while also improving the mobile experience for users.

This approach is also cost-effective thanks to its faster implementation and easier management. Lastly, responsive designs’ simplified layouts provide your mobile users with more enjoyable experiences. And as we already know, with more and more web traffic coming from mobile, a good mobile experience is essential. Responsive web designs have even led to higher engagement, with users visiting more pages on average per visit.

A word of caution, trust the experts

While responsive web design has numerous benefits, it’s worth noting it’s not for every company. This method requires more up-front planning to ensure the design and experience are clear for users. But that’s where Bluetext comes in, our experienced designers and developers collaborate to develop a site that not only meets your goals but also works across all devices.

Indirectly, the responsive method provides additional benefits. Since your site must be designed for all the content to be repositioned based on the users’ screen, we work with you to find the simplest and clearest way to convey your message. Often, responsive designs benefit from a very straightforward design. For example, Apple doesn’t change any of the content that’s shown on their desktop site compared to its mobile site, the only difference is their menu and content placement. With the knowledge of industry best practices, we can guide you every step of the way from content placement to functionality.

Read more about how we recently designed and developed a fully responsive site for Challenger. Our team created a site with current best practices for content functionality while giving more flexibility to the back-end users to accommodate various user journeys.

So you’re a top technology company who wants to be seen as modern and ever-evolving — much like the rest of the industry! To stay ahead you’ll need a modern, eye-catching design.  Perhaps you want to redesign your logo… Where do you start?  A memorable logo can ensure your brand stays top of mind and up to par with big-league competitors. Updating any aspect of your corporate visual identity can be intimidating, especially when making changes to one of the most identifiable features. There are many considerations: How can you establish or maintain your brand identity and form a strong connection with your audience? Do you want to fit in or stand out? How can you modernize your existing design?

One way to begin the process of redesigning your logo is by identifying some “zigs” and “zags” in your industry. Digital branding agencies define “zigs” as companies that follow industry standards and recent trends when designing and marketing their brands and “zags” as designs that opt to stand out in the crowd by moving against the latest trends. 

Tech Industry Zigs

Gradient

Using gradients in web design emerged as a hot trend as early as 2016 and has since grown in popularity with no signs of slowing down. There are several companies that have successfully incorporated this trend into their CVI, for example, Stripe, an economic infrastructure technology company. Stripe’s gradient style has become incorporated throughout the brand and website, creating an ethereal and futuristic feel to its services,  Instagram can be seen as one of the OG trendsetters, debuting gradient design into their mobile app icon in 2016.

 

 

 

 

 

 

Minimalistic

Another recent trend has been the simplification of logos and website design. Many brands have adopted this trend to streamline their CVI. This branding trend aims to provide a clean and clear brand vision, which is ideal for smaller screens as users continue to shift to mobile browsing. As we shift away from decorative and intricate details that look great on a billboard but cluttered on a mobile device, simple logos stay relevant and readable for modern consumers.

Many major global tech brands have already opted to use multiple iterations of their logo design – DropBox, Atlassian, and Android all now include a single image or letter logo option within their design range. 

Illustrative

One way to establish a connection with your audience is by designing a unique illustration to accompany your wordmark. A key advantage to this trend is that when done successfully, brands can use the illustration as an identifier without the wordmark. Take Mailchimp’s Freddie as an example. In 2018, Mailchimp simplified their mascot’s design and gave him an established spot next to the logo. 

Tech Industry Zags

Fine Line Detail

While many tech companies are moving in the direction of simplification, some are going against the grain. One example is cloud migration software company Cloudreach, whose finger-print-like logo detail denotes security and reliability at first glance. Using fine detail has its advantages. Detailed designs can speak volumes about your brand value and tone. Especially in the technology industry rich with complex products you may want your logo to symbolize unique detail and features of your products. In contrast, simplified designs may be preferred to make complex technology more approachable to everyday consumers.

Anti-Marketing

Most technology-oriented marketing campaigns inspire the target audience to use the advertised product or service as much as possible. This statement holds true for most companies looking for customers to download and use their mobile apps. This is also where you can differentiate your campaign to stand out amongst the rest. For example, the newest campaign from the popular dating app, Hinge, inspires it’s the target audience to delete their app. Yes, you read that right. That may sound counterintuitive, however, it guarantees a different approach from their dating site counterparts, who focus on their service being the best at finding love for its users. Hinge’s campaign, instead, inspires its users to find love and delete the app. 

Of the campaign, Hinge CMO, Nathan Roth, said “It’s quite common for apps to optimize for time in-app, whether it’s to maximize subscription or advertising revenue. We are purely focused on our users’ success and that’s helping them find someone worth deleting the app for. That’s our single focus,”

Interested in learning more about the zigs and zags of the technology industry? Contact us.

 

 

 

In recent years illustration has evolved far beyond traditional child’s play. The classic art form that many people associate with children’s books actually has serious B2B benefits. 

More and more, illustration has become a focus of company web pages, getting more unique and colorful with each year. Illustrations can be a powerful tool in brand storytelling and avoiding the potential pitfall of cheesy stock alternatives. They can provide your customers with an approachable introduction to a brand, while also reinforcing design styles or colors key to your visual identity. For many B2B companies, illustrations have become an essential component of customer-facing imagery. 

Here at Bluetext, we see a variety of purposeful illustration styles. Two of the main objectives for B2B companies seeking illustration is to visually describe abstract products, or depict meaningful customer experiences. For many industries, such as tech or cybersecurity, showing literal subjects or end-user experience is not possible through photography, therefore, illustration is an ideal solution. 

Below are some of our favorite illustration themes used to take clients’ business goals to new heights. 

Flat

There’s no reason to shy away from simplicity! Flat illustrations have been a huge trend in 2020, with many major companies including GoDaddy, Mailchimp, and Slack implementing them into their brand designs. This illustration style is most often used to depict people or experiences. Stock photography tends to favor extremely generic scenarios, or let’s face it, painfully boring subjects. When your business wants to highlight a specific experience or incorporate as much branded detail as possible, custom art may be the way to go. Illustrative styles offer far more flexibility and adaptation, without falling flat.

Bluetext produced flat illustration styles for Centauri’s employee engagement campaigns to depict unique company events and contests that stock photos could not. 

3-Dimensional

Bluetext’s work for Cvent brought custom illustrations to life in a 3D animated video. Intended to immerse the viewer with a preview of the event experience, graphic designers and animators transformed human illustration into a realistic simulation. With this stunning visual design, Cvent was able to digitally communicate their in-person experience to remote viewers and translate their business value in the most powerful manner.

 

Sketch

Bluetext’s work for GMAC, Graduate Management Admissions Council, promotes graduate school admissions in an approachable and digestible manner. Stretch illustrations were used in the revamped CallingAllOptimists.com campaign to inspire people motivated to improve their future opportunities into action. Juxtaposing a serious life decision and often anxiety heavy admissions process with a uniquely, optimistic brand identity captures both the courage and the celebration of the end-user. Illustrative styles complemented real photography to provide a snapshot of the user, decision factors, and end result.

Monochromatic Gradient

In another successful campaign for GMAC, Bluetext designed custom humanistic illustrations to represent user personas. In awareness of a wide breadth of audience targets, the campaign opted to show a variety of potential applicants in a range of career stages. To resonate with a potential applicant, it was key that they could imagine themselves pursuing a graduate degree. To avoid isolating any potential audience members, Bluetext’s custom illustrations avoided biases of race or ethnicity by showing monochromatic styling of men and women in post-grad, young professionals, and even in established careers.

Product Illustration

Another top use case for illustrations is product depictions. Especially in service-based or digital industries, it can be a challenge to accurately depict what you’re selling to customers. Bluetext client RevBits, a cybersecurity software and service provider, overcame this obstacle with branded product illustrations. With a complex product lifecycle, visuals helped conceptualize their cybersecurity offerings in a clean and user-friendly format. Especially on webpages, product illustrations were an ideal way to communicate offerings to users scanning a webpage and without the time or desire to read long paragraphs of text. The illustrations utilized key brand elements such as color palettes and iconography to maintain a consistent brand experience throughout the website.

 

Digital illustrations are catching a new wave of excitement from companies across all industries. With an ever-expanding range of use cases and applications, we predict this will quickly become one of the most effective ways for B2C or B2B companies to start a more emotional conversation with users. With the rise of personalization and hyper-targeting, establishing warmer and more “human” relationships with clients and customers is a  proven way to strengthen loyalty and improve overall ROI. 

 

Interested in exploring the potential of a rebrand (or illustrations!) for your business? Contact Bluetext today.

Welcome to 2020, a year of new normals, routines, and best of all, new logos! The logo design trends in 2020 thus far have been an intriguing remix of new and old. Logos have taken a trip back in time to a variety of eras, while also remixing modern styles. We’ve seen the gamut of design trends; from neon 80’s juxtaposed against inky, to futuristic 3D gradients and custom animation. 

The key theme of 2020 logo design has been a digital-first focus. Many brands have modernized their logos for optimal web and mobile displays. For example, the popular gradient trend has evolved and merged with 3D design —a perfect fit for our smartphone society.

3D Gradients

Gradients are a unique way to blend any group of colors into a dynamic spectrum that exudes life and energy. Gone are the stark striped color transitions, as some brands have opted for a more subtle and gradual shift. This year, designers will give rise to the newest evolution of gradients creating depth and 3D effects in logos. Other top branding agencies are experimenting with new trends such as tapered gradients—ones that come to a central point and actually emphasize the contrast between their colors.

80’s Retro

Don’t thrift away your 80’s style just yet, because some fads never go out of fashion. Enough time has finally passed for all things 80’s to be cool again: video games, pop music, and the rebel attitude associated with them. In 2020, logo design agencies expect to see a resurgence of throwback logos accented with chrome, neon, and a lot of digital pixels. These styles give a nod to the old-school tech that preceded the glowing iPhone and laptop screens our eyes are glued to today. Nostalgic marketing has made a huge comeback in recent years, necessitating a cool, retro logo to accompany any throwback campaign. Throwback logos are popular because they capitalize on consumers’ nostalgia of old-school 80s tech, which is widely known to be retro, cool, and most importantly, collectible. Some logos reference nostalgic 80’s items by literally depicting the old school cassette tapes, arcade games, etc. Others embrace this trend with 80’s typography and design trends, like GV’s logo for LI Mowz.

Ultra Thin Lines

In 2020, high definition is leaving its mark on logo design. Designers push the envelope with extremely delicate lines, creating effects that can only work in the digital media. With extremely detailed linear patterns, logos began to feel ethereal and surreal — much like the original perception of radio and transmission media. With the new ability (and COVID necessity) for some brands to exist exclusively online, previous print limitations are eliminated.  In an age of high-resolution screens and defined displays, complex line design makes classic logos seem elementary and easily reproducible.

Multi-Layered

2020 has been all about complexity! Logos are going deeper than ever before using artfully layered color systems. Especially with new digital affordances, designers are reverting flat and semi-flat designs to build depth through color layering. While shapes and colors remain simple, their relationship has intensified. By adding additional layers, designers create complex logos with highlights, shadows, and overlapping colors to communicate the brand brands. Especially on digital screens, the ability to create three-dimensional effects creates a unique, almost tactile experience. 

Animated Logos

Top design agencies have been producing logo animation for some time now, but in 2020 we’ve seen more detailed and innovative plays on animation. Previous logos have been limited to simple movement, but over the years technology has allowed for more intricate and purposeful movement. Especially with a growing digital audience, animated logos can be more eye-catching and practical to the brand story. A popular 2020 logo design trend has been the blending of 2D and 3D animation or logos with multiple moving parts. These complex logo animations aim to take the viewer on a journey and tell a story. With lots of details to look at, the viewer looks at these logos longer than they’d look at a more simple logo animation and can potentially find something new they like about it every time they see it again.

The move toward animated logos comes from a similar place as the tapered gradient logos trend: when you’re designing for screens, there’s a whole lot more you can do as opposed to when you’re designing for print.

The logo design trends for 2020 will continue to build on everything designers have been exploring in the last few years, while also taking the design in directions that are totally new, totally fresh, totally right for an all-new decade. Let’s take a look at the top logo design trends that are already defining 2020.

 

When building and launching digital campaigns, many of the key determinants of success are evaluated through digital engagement measurement and tracking. However, as websites and ad-tech have evolved in recent years, so have protections and privacy policies. It’s easy to write off the need for a comprehensive privacy policy, however, this is a recipe for disaster in the age of big data regulation and enforcement. To avoid the FTC and International regulators ire, digital agencies such as Bluetext recommend taking data privacy measures that cater to the most comprehensive regulations in effect. 

For businesses with users outside of the United States, being aware of the General Data Protection Regulation (GDPR) and similar legislation is an essential consideration. The GDPR has created strict provisions for EU web users’ privacy and data rights, which extends to US browsers. As global privacy legislation evolves, North American businesses that handle global users’ data must comply with current regulations and build with an eye on future compliance. Top digital marketing agencies advise and design campaigns and websites with these policies in mind to provide frictionless engagements. 

What is the GDPR?

The GDPR is an extraterritorial set of provisions that updated Europe’s data protection standards. The privacy policy strengthens the protections set in 1995, adding requirements for greater transparency and disclosure to users, in addition to modernizing the “cookie law” of 2002.

The GDPR goes beyond earlier regulation, focusing on personal data protection regardless of the type of data and how companies must document user consent in a transparent fashion. These protections apply to all persons browsing within or originating from the European Union. 

The term “personal data” is not synonymous with “personally identifiable information”, or PII. PII has traditionally been a legal concern for American businesses, and it refers to a more defined set of information than the GDPR model. PII does not have to be context-specific to be regulated, in contrast, the GDPR emphasizes the consumer risks of data aggregation.

My business isn’t located in Europe, why should I care?

The GDPR’s reach is far greater than the medley of privacy protections in effect across the United States. Violators of the regulations risk penalties of €20 million ($22.6 million as of writing) or 4 percent of global annual revenues for the preceding fiscal year, whichever is greater. Comprehensive legislation at the state level in the U.S. has been varied, many forward-thinking businesses are beginning to take steps to adapt their practices to comply with the California Consumer Privacy Act (CCPA). Ultimately every website will have to comply with some set of standards, so it is wise to be proactive and implement privacy protection now. Top digital marketing agencies such as Bluetext are taking steps to protect against potential violations of the CCPA and GDPR by changing cookie collection practices, recommending new data collection practices, and designing clear consent forms. 

Changing privacy policies impact sites from the bottom up, starting with development and design

In a digital-first world, data is a critical component of many businesses online and offline strategies. With the implementation of the GDPR, marketers and web developers must be more diligent about what data we collect, the means by which we collect it, and how we handle sensitive information. When building or updating websites, web developers, and digital project managers should take this as an opportunity to rethink how sites can be more transparent and adopt the Privacy by Design framework. 

The Privacy by Design framework highlights design-thinking approaches to development prior to launch to eliminate the need for post-hoc privacy fixes once a project is live. Solutions such as making privacy the default setting for site visitors, making privacy standards visible and open, and giving users specific privacy information notices are easy considerations to add to the development plan.

If your site is already live, consider a development sprint focused on auditing areas of potential weakness. In assessing your data hygiene, your team can look for unsafe or unnecessary modules that can be disabled, particularly those found in APIs and third-party libraries. Adtech integrations may help source leads and retarget with better precision, but validating that their pixels and tracking are in alignment with GDPR best practices is essential. 

The aesthetic design of websites is also impacted by changing privacy practices. GDPR consent requires clear and explicit opt-in notices to users. Designers, user experience experts, and marketers should work collaboratively to update existing landing page components to incorporate new disclosure features. One simple mantra to internalize in the design phase? Offer accessible, clean choices around cookies and pixels.

When building clear user permissions for data capture, the GDPR requires that websites define data retention and deletion plans for all the personal data collected. Adding GDPR conscious logic to scripts at the code level of your site can save time for site custodians and business analysts alike in the future. 

Updating best practices for common marketing tactics and tools 

Updating the fine print on your Privacy Policy is just the first step of complying with new regulations; common marketing campaign tactics such as cookies should also be rethought through the lens of compliance.  Cookies are the small data files that can be placed on users’ browsers and provide a trove of useful insight to website operators. Under the GDPR, businesses are legally liable for any activities on their sites, specifically protecting user data from third-party cookie tracking.

Many businesses use cookie tracking to better measure the impact of their marketing strategies, and they combine tracking with other user data to build user personas. While this has been an accepted practice in the past, the new regulation now requires clear permission from European users to collect this information, whether the site is for an American or French company. As noted in the impact of GDPR on design, cookie usage has to be explained on either the homepage or a  second-level page on the navigation. This immediate opt-in should allow users to understand how their data is collected, the purpose of the data, and how long they are consenting to these cookies.

As a website operator, sites must withhold all cookies and trackers on your website until you have received clear and explicit user consent on each type of cookie and tracker. This consent has to be given freely, described in explicit plain language, and users must have the ability to withdraw consent. The rights of users under the GDPR are extensive — to comply, website custodians must update their privacy policies and opt-in tools. 

This sounds like a lot of work, why should I care?

Ultimately, thoughtful privacy policies, development, and design provide a safeguard for both businesses and users. The GDPR gives consumers new rights to access and manage their data on digital platforms, and businesses that do not adapt to meet these regulatory requirements can face steep fines. While these changes can seem overwhelming, a top digital marketing agency such as Bluetext can guide your business through the murkiness of data privacy design and compliance.

In the past few years, the option for “dark mode” has become increasingly popular as our time spent on-screen steadily climbs. Dark mode is a display setting on a computer, tablet, or mobile device that allows the user to view their content with a predominantly dark theme, compared to the typical white background we find on most websites and apps. So what is the purpose of this change? UX research shows that dark backgrounds enhance page contrast, making visuals pop and easier for the user to focus on.

Early adopters of dark mode will remember when it was only a one-off feature, offered exclusively within certain mobile apps. Slowly, as time passed and more software updates were revealed, operating systems like iOS 13 and Android 10 offered a dark mode option that applied device-wide; making the switch for all of your default apps (i.e. your notepad, weather, and more). Now that dark mode is more widely available on our top visited apps like Instagram, Twitter and soon Facebook, many website designers and developers are wondering if a dark mode option is right for their site.

Is Dark Mode for Me?

There are a number of factors to consider before adding a dark mode setting option on your site. The trendiness vs. the more concrete usability points is the main question to ask yourself. What is the goal of your site? If the focus is on the style and design, it makes a better case for a dark mode implementation. There is evidence that users viewing content in dark mode are able to more easily focus on the visuals on screen, over the content. Dark mode is ideal for distinct CVIs or attractive product imagery. If brand awareness or e-commerce is your site’s main focus, dark mode may improve page performance.  If a KPI is more content driven, focusing on conversions and leads, dark mode might not be a critical feature.

Web developers should also be aware of the time needed to implement a dark mode option—both initially and to factor it in with future updates. If the project is already on a timeline with a quick turn around, it could be better to revisit the integration as a post-launch add-on item.

Consider Your Users:

Two key end-user  benefits stand out when considering dark mode for your site:

1. The highly convincing argument that it may be easier on the eyes. This is pretty self-explanatory. Users are becoming more aware of daily screen time and actively seeking out ways to maintain a healthy balance with technology. For instance, Apple recently released Screen Time, allowing users to track the amount of time spent on their devices. Though it is not the responsibility of web designers and developers to look out for users’ natural light-dark cycles and circadian rhythms, it serves as an added bonus to offer your site visitors a dark mode option. Think of it this way: the easier on the eyes, the longer your visitors will stay on the site. 
2. It can improve device battery life. That’s right—some developers claim that dark mode consumes only a fraction of the percentage that using a site or application takes from your battery, saving your users time between charges.

With the rise of digital personalization and online interactions, it’s important that your users feel your brand has their best interest in mind. Especially when attracting new users, these subtle enhancements to their experience can make all the difference. Ultimately, dark mode is largely an aesthetic decision, so you’ll want to think through how to integrate this with current branding. 

Recommendations for How to Use

If you decide to include a version of a dark mode integration in your site or app, here are some additional recommendations to use as a guideline. Start by establishing an alternate dark mode color palette for your brand. Since your users will be more drawn to the visual aspects of the site while viewing a darker background, make sure that none of the brand colors you’re using are too saturated or too bright in contrast to the dark background.

The development team should explore the options for adding additional theming options to your site using custom CSS classes on existing code. Decide whether you will allow your site’s visitors to choose their display options, revealing a dark mode theme, or if it will be automatically based on their browser settings, and even other in-app indicated preferences if designing for a mobile app. The best option being that whatever you decide for the user’s interaction with it, it should closely resemble other display settings and theme updates available on your site. If these are not present, recognizable icons, like a light bulb or sunshine (for light mode) and the moon (for dark mode) are acceptable for a quick turn-on turn-off functionality.

As the popularity of user-end site personalization options increases, rely on these helpful tools to help the decision-makers on your team in their choice to join the dark mode movement.

 

 

Best Practices for Conversion Driven UX Design

If your company has a website published in the public domain, chances are, you know a thing or two about conversion goals. Conversion goals help to measure marketing performance, set goals and most importantly, provide conversions for a company. On websites, conversion goals can range from lead generation to sales to even page views. The point is, you must find your conversion goal and optimize your website toward it. There are various design choices that are simple, yet efficient in achieving different types of conversion goals. The goal is to keep it simple – the lesser the cost per conversion, the higher the return-on-investment (ROI). 

Hack Your Way to Higher Conversion Rates

Less is More

According to CEO of Chartbeat, Tony Haile, “You have just 15 seconds (or less) to convince new visitors to stay through the power of your site’s design alone.” Compared to years ago when web-design trends were over-the-top and animation and flash were all the rage, clean and simple flat designs are what reign supreme today. Market trends indicate today’s consumers appreciate a nice, clean layout. Impress your visitors with your content and offerings. Bombarding them with unnecessary flash and animation not only annoys them, but it also slows down the load time of your website. Whatever you do, don’t mirror your site after this masterpiece. You can always check the speed of your website using Google’s PageSpeed Insights tool. PageSpeed Insights analyzes the content of a web page, then generates suggestions to make that page faster.

Fire Excessive Fonts

When a user lands on a site with various different styles of old and new fonts, it becomes a disjointed and confusing user experience. If you’ve got more than two or three fonts on your homepage, trim them down to create a more modern look. Having two primary fonts keeps your website consistent and organized. While you’re at it, consider increasing your font size for readability. Smashing Magazine reported that “anything less than 16 pixels could impair your site’s readability.” Your website should not only be consistent but also readable.

Give Content a Break

Put yourself in the user’s perspective. Nothing is more intimidating and scary than landing on a page with big blocks of unbroken text. You would bounce too! Large text fields are an immediate red flag that digesting the material will be time-consuming and complex.  Mix it up and improve your site’s readability by adding headings, subheadings, bulleted lists and numbered lists to break down content into easily-digested segments.

Improve Your Visuals

While you’re thinking about breaking up content, consider adding imagery. Customers or prospects may need to literally “see it to believe it” and images can be a powerful tool to help contextualize value. Custom graphics and visuals are a great option that is sure to impress users. Cheesy stock photos can seem generic and off-putting, so consider upgrading to simple tools like Canva and PicMonkey which make it easy to customize your images. In addition, if you’re looking to generate confidence in your service or product, try human photography. According to various studies, images of human faces can have a positive image in driving contact form conversions. Remember, people trust people! Human faces help establish an emotional connection, which in turn makes your website a more personalized experience.

Trust in the Numbers

While imagery and human photography might make a subconscious impact on trust, seal the deal with statistics and testimonials. People inherently trust in data and social proof. Statistics can help rationalize and solidify the decision-making process, especially when compared against competitors. Highlighting elements of social proof is an extremely easy and effective way to drive conversions. Consider positioning this information higher on the page, or perhaps in eye-catching designs, so users can be sure not to miss it.

Always Open the Window

Outbound links are a critical component of the ideal SEO formula, but be sure never to lead users away from your site. Make sure that all external links open in a new window. This ensures not only the best user experience for the user, but your site will stay open and users won’t drop off in search of content elsewhere. 

Make it Stick

Add a Contact or Sales call-to action-directly in the main menu. Keeping the main conversion at top of mind (and menu) ensures your users are always enabled to contact you. You would never want a customer or potential lead to finally be ready to convert, only to be lost in the site and unable to contact you. To really make your central call to actions stand out, consider implementing a sticky navigation. This means that the main menu will lock in place above your content, no matter where the user is on the page. 

 

Need to make changes to your website to improve your navigation? Bluetext can help.