A rocket launching out of a laptop. A metaphor for speeding up website loading times.

One of the most common frustrations we experience today is watching a website slowly load in. Images pop in late, the page’s structure suddenly reorganizes itself and we’re back at the top, or we may never see the page at all. With the speed of modern data networks, usually a web page loads instantly. However, if a website hasn’t been properly optimized for speed and short loading times, it can suddenly become a snail. That’s not something you want for your business’ website. We discuss some of the best web design practices for ensuring faster load times for your website.

Why Website Speed Matters

Website load speed simply matters because it has a direct impact on your conversion rates. If your website is slower, you are less likely to get sales, orders, new clients, etc. This is the case for both B2C (business to customer) and B2B (business to business) businesses. Studies have shown that for B2B websites, a website that loads in 1 second has 3x the conversion of one that loads in 5 seconds and 5x one that loads in 10 seconds. The difference is similar for e-commerce B2C businesses, where a 1-second website has 2.5x the conversion rate of those loading in 5 seconds.

What is a Good Website Loading Speed?

In the simplest terms, the faster a website loads, the better. However, a website will always take some time to load, even if a fraction of a second. It might be easier to determine when the average becomes frustrated and gives up. Studies’ have found that its best to remain within 2.5 seconds, and the longest ideal time for a webpage to load is 4 seconds. After that, the conversion rate drops to half of what it was at 1 second.  

Determining Your Website’s Loading Time

To optimize your website’s loading time, you need to determine its speed. For a proper test, you need to consider different network speeds, device types, and that each page will have a different speed. Thankfully, Google has developed a free tool for the job: PageSpeed. Just by entering your business’ URL, PageSpeed will run a full a diagnostic on your website’s loading times. The test can also be run for a mobile device or computer, helping you determine if a certain version of your website has a speed issue.

Putting Your Website in High Gear

Once you determine your website could be faster, you will need to start optimizing. Here are some of the essential practices for speeding up your website’s load times:

Reducing Image Sizes

One of the main factors that affect a website’s load time is file sizes. A user’s device needs to download these files from a website to display them in their browser. Text is overall fast for a device to load. However, images, if not optimized, can be large and slow down your website considerably. Best practice is to keep the largest dimension of a website at 1200px or below. If you’ve used raw or stock photos, these tend to be 3 or 4 times bigger and just as hefty. File format is also important. JPEGs and PNGs can be relatively small in file size, but a WEBP is overall a more optimized format for website loading times.

Embedding Videos Rather than Hosting

Pictures can be large files; videos can be huge. That’s why a best practice for website speed is to upload a video to another service like YouTube or Vimeo. These allow you to embed a video on your site, making it part of the page’s display while keeping it hosted on these other services. Devices will retrieve the video from these faster sites while also keeping your site’s load size and time down.

Preventing Long Pages

An essential practice for website speed optimization is limiting the size of web pages. For example, if someone browses a store’s inventory, the page should not try to load all 250 products at once. That will slow the page down. Instead, make sure your website uses pagination or progressive loading for larger sections of your site. These smaller sections will take less load time and have less impact on a browser.

Look at Apps, Widgets, Plugins, etc.

Apps, widgets, and plugins often provide essential functionality to a business’ website. However, by adding that additional functionality, they can also increase a website’s load time. Monitor how these apps affect your site’s performance and weigh the importance of their functionality against their speed impact. Also, keep these add-ons updated with regular website maintenance. This will keep the tools optimized while also preventing any security vulnerabilities that could develop in older versions.

Some of Our Favourite Optimization Tools for Website Speed

Along with Google’s PageSpeed, our web team has two favourite tools for optimizing a website’s load time:

  • WP Rocket: This WordPress tool manages the website’s cache, cleans up the database, removes unused CSS, and defers JavaScript to prioritize a page’s content.
  • Shortpixel: This convenient tool will convert and deliver images on a website into WEBP format.

Don’t Wait on Improving Your Website’s Load Times

Now you know some of the essential best practices for improving and optimizing a website’s load times. We recommend optimizing your site right away. That swift website speed will provide your users with an optimal experience on all their devices. In turn, that improves your business’ conversion rate. If you want help optimizing or maintaining your website’s speed, contact our web design team.

White board marker writing "AUDIENCE" for someone thinking about email audience segments

Email has managed to stay one of the strongest digital marketing strategies for small and large businesses. However, just like any digital marketing, it succeeds best when it fosters engagement from its audience. An essential strategy for building email engagement and improving KPIs (key performance indicators) is audience segmentation and creating tailored emails. We’ll explain what exactly email audience segments are and the best strategies for finding and reaching them.

What are Email Audience Segments?

Your email audience is another term for those who receive your emails. This can include your newsletter subscribers as well as those customers who receive notifications about their orders, favorite products, or cart updates. While all your audience shares the commonality of having interest in your business, they’re a diverse collection of individuals. Email audience segmentation splits that audience into segments or groups. It then targets those groups with emails that are more specifically tailored to who they are. 

Creating emails that reflect your audience’s different interests or concerns results in emails with much higher engagement rates. In fact, alongside personalization, audience segmentation is the most effective strategy for improving email performance. It doubles open and click rates, halves unsubscribe rates. Plus, email audiences with high segmentation can have up to 3x their ROI (return on investment).

Segmentation Strategies

Demographics

One of the first ways you can begin segmenting your email audience is demographics. These include age, gender, location, and other basic details about that person. This can be extremely useful information because you may provide products or services that email to different demographics. For example, a clothing store may sell products for men and women. That business will likely want to send emails about women’s products to a feminine segment of their audience, and men’s products to a masculine segment. Similarly, if a business is hosting an event in a certain area, it is better to send an email only to those audience members who live nearby and could reasonably attend the event.

Psychographic 

Psychographic information is like demographics since it focuses on individual people. However, rather than personal information that reflects what part of the population they are, psychographics focuses on their individual minds. These include their interests, lifestyle, and values. For example, some of your audience may prefer more luxurious or extravagant items while others are more frugal. That could represent their financial situation, but it can also just be indicative of their own tastes. As a result, the prior group may respond better to emails that highlight a product’s elegance and opulence. The latter group may engage better with emails that tell them about deals or value incentives. Alongside their demographics, psychographics plays a key role in how customers choose to purchase products or services, and thus what emails they open and click on. Therefore, they are a useful method to segment your audience for determining how and what you communicate to each. 

Firmographic

While demographics and psychographics focus on individuals, firmographics focus on the details of an entire company. These include information like a company’s size, type, structure, industry, location, and more. Firmographic details are especially useful for B2B (business to business) and SAAS (software as a service) businesses since their clients are companies rather than individuals. Just like demographics or psychographics, you can use firmographics to create emails tailored to groups of companies that would be more interested in specific subject matter.

Getting All Those -Graphics

Demographics, psychographics, and firmographics are all excellent for creating audience segments. However, you need this information to use them. Some of these can be gathered when individuals or clients create an account to purchase products or services from your business. Your email marketing service, such as Klaviyo, can also retrieve some of this information from cookies and third-parties like Google to help flesh out demographics and firmographics. However, other information such as psychographics can be more difficult to obtain. For these, a newsletter sign-up form or survey with some incentive (e.g. a small discount or contest entry) can help gather this critical information for effective audience segmentation.

Behavioral Information

The most useful information you can obtain about your audience is from how they interact with your business’ website, digital storefront, and emails. Behavioral information considers things like purchase history, product/service page visits, as well as email open rates, click-through rates, and even what they click. All of this helps create a more detailed customer profile, allowing you to highly segment your audience and create specifically tailored emails. 

Demographics and psychographics help you contextualize members of your audience, but behavioral data helps you truly understand their interest in your business. For example, that same woman who shops at the clothing store may only buy men’s clothes for her partner or family. As a result, she will instead engage more with emails about men’s clothing. Demographic information can tell you what kind of person someone is; it’s behavioral data that will tell you what kind of customer someone is.

Collecting Behavioral Data with Email Marketing Tools

While demographics can be sourced from elsewhere, behavioral data will be primarily your responsibility to collect. Thankfully again your email marketing service, like Klaviyo, will make that possible. These services will record detailed performance metrics about emails and each audience member. They’ll know exactly who opened emails and where they clicked. These email marketing services can also be connected to your website to help track their behavior there. This could include purchases, product following, and even page visits to get a full picture of every customer.

Creating Segments

Collecting data is just the first step. After you’ve assembled these details about your audience, you or an expert in email marketing will then need to analyze the data to create effective email segmentation. Some of those segments will be based on specific product or service groups. Others will be based on their purchase history or email engagement rates. Lapsing customers or email subscribers can be placed into a segment that tries to regain their attention and engagement. Those who are consistently engaged and/or are in a high spending tier might be put into a VIP segment with emails that provide special offers, keeping them loyal to and engaged with your business. This can even be attached to a loyalty program that helps identify and automatically rewards such VIPs.

Starting with the Basics

Now younhave the essentials for understanding email audience segments and why they’re so effective at building better engagement. It can seem like a lot of effort, but it more than pays off in boosting your emails’ KPIs and ROI. If you want to know more about email audience segments, how to create them, or the best strategies for tailoring emails to them, be sure to chat with our digital marketing team

Pantone colour swatches with some that can't be differentiated for those with colour blindness

Accessibility is important for any website’s design. It allows the most possible people to access your business online. A key part of that is ensuring everything in your web design is clearly visible. Along with contrast and size, you also need to consider colour blindness for accessiblility in web design. If a web design doesn’t consider different levels of colour vision, certain elements of the site will become indistinguishable or even invisible. That creates a frustrating experience, and users will leave. We’ll explain why colour blindness matters for web design and some of the best practices for ensuring an accessible contrast on your website.

The Kinds of Colour Blindness or Colour Vision Deficiency

Colour blindness is often used as the general term for all colour vision deficiencies, but there are different kinds. The most common type that affects 8% of all males is “red-green” colour blindness. This is usually either from deuteranomaly or protanomaly and refers to their inability to see reds and greens as vividly. However, there are other less common types of colour blindness to also consider in your web design. There is blue-yellow colour vision deficiency, where blue and yellow are less visible. The other is monochromacy, where someone sees no colour at all and instead views the world in grayscale (black, grey, and white). An ideal web design should be accessible to all of types of colour blindness. 

How Colour Blindness Affects Sight or Visual Acuity

Skipping over the details of the biology, when someone has red-green colour blindness, they see greens and reds less strongly than those with normal colour vision. Most can still tell the difference between a red object and a green one, but each colour will be less vibrant. The difficulty comes in colours that have red and green in them. That is why someone with red-green colour blindness has difficulty differentiating purples from blues. They see less of the purple’s red, turning it blue. This is also something to consider in your web design. For example, if your design includes orange and neon green items next to each other, it will be difficult for someone with red-green colour vision deficiency to differentiate them. This is because they see the yellow in each colour more than the red and green. Depending on the strength of the deficiency, even something yellow will be difficult to pick out from the other two.

How to Accommodate Colour Blindness in Web Design

To be sure that everyone can see everything on your website, you need to be sure that even someone who can’t see colours can still differentiate text, images, or buttons. There are various techniques for colour accessibility, but here are some of the most essential for web design:

Don’t Rely Exclusively on Colour 

One of the staple practices in accessible visual design is to not use colour as the only differentiator. Those with colour deficiencies can still see shapes and other visual markers. For example, hyperlinked text shouldn’t just be blue or another colour. It should also be underlined to be recognizable to any level of colour vision. Bars in a graph with patterns inside along with colours are always distinguishable. This is the same design choice behind coloured tiles in a board game also having certain shapes.

High Contrast Colours 

Use colours that have high contrast to keep them distinguishable. For example, Rosewood’s web design primarily uses white and blue. No matter the kind of colour blindness, these can’t be confused. You can run a basic contrast test between two colours with a tool provided by Web Accessibility in Mind. The plug-in tota11y will check your entire website for various visual accessibility concerns, including contrast.

Keep it Bright 

Colour vision deficiencies have a harder time differentiating darker colours. Using brighter colours will help them stay visually distinguishable. 

Not All Complementary Colours Contrast Equally

Choosing two colours on the opposites of the colour spectrum, such as black and white, can typically provide good contrast. However, that isn’t true for all kinds of vision. Blue and yellow are complementary colours with a high contrast value, but they are less distinguishable to those with blue-yellow colour blindness. That is why blue and orange are often used instead. The red in the orange helps it stand out from the blue.

Using Greyscale 

Designing a site in greyscale (grey, white, and black) will ensure its visible to all colour vision deficiencies. However, your branding may include pops of colour. In this case, various web tools and screen filters built into MacOS and Windows will allow you to look at your site in greyscale. This simulates an extreme monochromatic experience and can help you see whether some colours in your web design might be confusing.

Web Design Everyone Can See

If you have full colour vision, it can be easy to forget not everyone sees the rainbow as vibrant as you. However, accessibility is a critical part of web design used to create a website that accommodates everyone’s abilities. An accessible website creates a welcoming digital space. If you make sure every part of your web design stands out, your business will too. If you want to be sure your web design accommodates different colour vision deficiencies, contact Rosewood’s web design team. They’ll make sure your colours shine.