, , ,

WordPress Website Hacked? 10 Steps to Get You Back on Track

When your WordPress website is hacked, a million things go through your mind. What did the hackers find, change and steal? Who else is in danger — are your employees, partners or customers at risk now too? And how did the hackers get into your site in the first place?

Before you can take the next steps, you have to stay calm. The truth is that hacks do happen, regardless of how well-protected you believe your site is. The good news is that this is a common occurrence and there are established to-dos to start tackling right away.

Also, sometimes websites go a little bonkers — it doesn’t mean you’ve been hacked. A misbehaving website, malfunctioning update or odd comment on a blog post are not surefire signs that your site’s been hacked. You’ll want to dig deeper to make sure you know what you’re dealing with before you try to solve the wrong problem.

How To Tell if Your WordPress Website has Actually Been Hacked

Here are the signs that you’re dealing with a bonafide hack — hopefully, you can say “no” to everything on this list. (And if not? We’ve got lots more help for you.)

  • You’re unable to log in to your WordPress website.
  • You’ve noticed a severe drop in traffic.
  • There are website changes that you haven’t made.
  • Your website is redirecting to a different site.
  • When anyone tries to access the website or even search for it in Google, a warning shows.
  • The server logs show unusual activity.
  • Your security plugin or hosting provider has notified you that there’s been a breach or unusual activity.

Let’s get into some of these a bit more.

Can’t Log In to Website

The most common reason why someone can’t access their website isn’t a hack — it’s because they forgot their password (or think they know it but actually don’t). Reset your password to see if that’s the problem.

 

Now, if you can’t reset your password, that could point to a potential hack. Hackers will often remove a user or change their password to keep them from accessing the site. If you’re not able to reset your password, it could be because someone removed your user account. Usernames that contain the following are particularly easy to hack:

  • Admin
  • Administrator
  • Root
  • Test

Also, if you are able to reset your password but you notice other red flags that we’ve listed, you could still be the victim of a hack, so read on.

Drop in Traffic

When a high-performing website stops seeing an influx of traffic for no known reason, it’s possible it’s been hacked. Redirected traffic, a decreased user experience or Google blacklisting your site can cause traffic to plummet.

Unrecognized Website Changes

Often, hackers will change your website in big and obvious or tiny and hard-to-catch ways. It could be as clear as the home page being overwhelmed by ads or the theme being totally different. Or, it could be as difficult to find as teeny links hidden in the footer. It’s also common for the added content to be of an illegal nature.

Often, this type of added, unexpected content doesn’t fit with the design scheme or take presentation into consideration. That means that there may be a black ad over a black part of the website, keeping a lot of it concealed.

You can also see if any pages have been added to your site by doing a Google search for site:yoursite.com (replacing yoursite.com with your actual URL). Skim through the results to see if there’s anything you don’t recognize.

Before you assume this is the work of a hacker, check with the rest of your team to find out if any admins or editors made the change. Even an outlandish change could have been a complete accident.

Website Redirects Somewhere Else

It’s common for hackers to add a script to your website that redirects visitors elsewhere, like a dating site or something untoward. You may not notice this yourself, as some hackers will only show the redirects to non-administrators, so it will look normal to you. But if you’re getting feedback from visitors that they’re being sent to another site, listen up.

Browser or Google Warnings

Yes, a browser warning that says your site’s been compromised could point to your WordPress being hacked … or it could mean that there’s code in a plugin or theme that has to be removed. There could also be a domain or SSL problem, which your host can probably help you figure out. The browser warning may provide you with some info that you can use to start troubleshooting the problem.

A Google warning is similar, though more straightforward – it’ll probably say, “This site may be hacked.” This can happen when a website sitemap is hacked, which impacts how Google crawls the site. Like with a browser warning, you have to take whatever info you’re given to start diagnosing the problem.

If you’re still hearing from users that your site is flagged, it could be that they’re getting a notice from their anti-virus product. Even if Google whitelists you again, you’ll have to follow the instructions for the anti-virus products to take you off their list of dangerous websites.

Unusual Activity in Server Logs

If you’re worried that you’ve been hacked, log in to your cPanel via your hosting provider. There are two types of logs to look at:

  • Access Logs: Who accessed your WordPress site and through which IP.
  • Error Logs: Errors that occurred when your WordPress system files were modified.

Look for any unusual activity. If you find IP addresses that shouldn’t have access to your site, block them.

Understanding Why and How WordPress Websites Get Hacked

There are a number of reasons why WordPress is hacked. The top three are:

  • Insecure Passwords: Every user of your site, along with your FTP and hosting accounts, needs a highly secure password.
  • Out-of-Date Software: Plugins, themes and your WordPress installation need to be updated regularly, whenever a new version is out. Without updates, you leave vulnerabilities for hackers to take advantage of.
  • Insecure Code: Low-quality WordPress plugins and themes can put your site at risk.

There are several savvy methods hackers use, and the techniques are improving all the time. As sites get safer, hackers get smarter and more creative. Here are just a few of the main routes that are taken to hack WordPress:

  • Backdoors: A backdoor hack bypasses all the traditional ways of getting into your site. The hacker may find a way in through hidden files or scripts.
  • Brute-Force Login Attempts: Automation is used to figure out your password and get into your site. The weaker the password, the easier it is to crack.
  • Cross-Site Scripting (XSS): This is a vulnerability that’s often found in plugins. Scripts are injected that let a hacker send malicious code to the user’s browser.
  • Denial of Service (DoS): If there’s a bug or error in the website code, the hacker can use those to overwhelm a site until it breaks.
  • Malicious Redirects: A backdoor is used to redirect your site.
  • Pharma Hacks: Rogue code is inserted into an out-of-date WordPress version.

10 Steps To Recover a WordPress Website That’s Been Hacked

If you’ve been hacked, do the following as soon as you can. Try to stay calm as you go through this list — panicking will only make it harder to work efficiently, and you could miss important steps along the way.

Put Your Site in Maintenance Mode

If you’re able to access your website and log in, put it in maintenance mode. You want to do this even if there’s nothing obvious that users will see when visiting your site. As you’re working on it, maintenance mode protects their devices and information, as well as keeps it under wraps that you’re dealing with a hack.

Find Your Backup

You’re going to contact your hosting provider in the next step, but sometimes, when a host finds out you’ve been hacked, they delete the site immediately to prevent further problems. That’s why you need backups of your site and database first.

If your backups are stored on the same server as your website, they’re likely gone once you’ve been hacked. However, consider checking these spots in case you have one saved there as well:

  • Your Backup Plugin: If you use a backup plugin, there’s probably a backup stored in the provider’s cloud service.
  • Your Cloud Account: See if you’ve manually saved a website backup to your cloud service, like Dropbox or Google Drive.
  • The Hosting Provider: It’s possible that the hosting provider you use has a backup of your site that you can still access.

Contact Your Host

Depending on the type of hosting package you have, your provider may be able to take the reins and handle a hack for you. Early on, contact your host to (a) let them know your WordPress website has been hacked and (b) find out what help they offer. If you’re not able to gain any access to your site at all, you may need the host’s help to get anywhere.

Reset WordPress Passwords

You won’t know which password was hacked, so it’s safest to change all of them ASAP. While you’re at it, reset any and all passwords associated with your WordPress, like your database, host and SFTP passwords. Also, contact admin-level users right away and have them change their passwords as well. Moving forward, aim to change your WordPress login every couple of months or so.

Update Everything

Make sure your WordPress installation, plugins and themes are all up to date. Doing this early on means that you may patch a vulnerability that the hackers initially got through. If you wait too long to do this step, you could go through the trouble of fixing your site only to have it hacked again through the same outdated plugin or theme.

On top of updating your plugins and themes, do the following:

  • Deactivate and delete anything you don’t use.
  • Are you worried that one of them is from an unreliable vendor? Deactivate and delete it.
  • Remove and reinstall any that you think may be giving you trouble. Or, better yet, remove the plugin or theme and then replace it with something else from the official directory.
  • Check the support pages for the themes and plugins you have installed. There may be recent comments from people who are having the same issue.

If you want to delete plugins from your SFTP instead of the WordPress dashboard, you can. Make sure that you delete the entire directory for the plugin, not individual files. You’ll look for wp-content/plugins/[plugin name] and delete the entire directory and everything in it.

You can do the same for unused themes by going to wp-content/plugins/[plugin name]. Keep in mind that if you’re using a child theme, you probably have two directories to retain so that your theme stays intact.

Remove Unnecessary Admin Accounts

Check through all of the site’s admin accounts and get rid of any that you don’t recognize or that are no longer relevant. For those who still need access to your site but aren’t admins, change their access level. Also, it’s a good idea to check with admins to find out if they changed their account details before you delete an account that’s actually legitimate.

 

Remove Files That Shouldn’t Be There

You’ll probably need a security plugin for this step. Running a site scan should alert you to files that are there but shouldn’t be. We’ve rounded up the six best WordPress security plugins for your site.

Clean and Resubmit Your Sitemap

If your sitemap’s been hacked, it could have malicious links or foreign characters in it. Your SEO plugin should let you regenerate a fresh, clean sitemap. You’ll then have to submit that to Google via the Google Search Console. Let Google know that your site has to be crawled again.

This can take up to two weeks, so know that the search warning may not be cleared until then. To check if your site’s back in good standing, you can go to this URL: http://www.google.com/safebrowsing/diagnostic?site=http://yourwebsite.com/

 

Reinstall WordPress Core

When nothing else seems to work, the only way to repair your site when WordPress was hacked is to reinstall it entirely. You can do this through the admin dashboard or through your file manager.

Clean Out the Database

Lastly, clean out your database. Your security plugin should be able to tell you if the database was compromised, and it may also be able to clean it out and optimize it.

How To Prevent Getting Hacked in the Future

We know you never want to go through this again. Here’s what you can do to prevent your WordPress site from being hacked in the future.

Set Secure Passwords and Two-Factor Authentication

If you haven’t done this already — or if you did but you rushed because you were panicking — make sure that all of the passwords for your site are strong. Then, add two-factor authentication to your site, which will make it tougher for a hacker to create a false account.

Use a Security Plugin or Service

We’ve mentioned this so many times already that you’re bound to know by now that you need a security plugin for your site. The biggest benefit to this type of plugin is that it will alert you if there’s an issue so that you can take preventative steps before it gets out of hand.

Need even more protection? There are security services that will monitor your site for you and fix any issues that arise. And if you are hacked again in the future, they’ll handle all of the troubleshooting steps for you.

Keep Your Website Up to Date

Everything on your site should be up to date, from the WordPress version to any plugins and themes you have installed. Updates usually have security patches, so leaving them out of date means that hackers can easily find their way in. If you’re not in your site regularly to perform maintenance, use an auto-updater to handle it for you.

Use SSL On Your Website

SSL is standard with most hosting packages, and it adds another layer of security to your site. Check with your host to see if SSL is included. If it’s not, you can install a dedicated SSL plugin, or check if your security plugin includes it.

Use a Firewall

A firewall acts as a bouncer between your site and the rest of the world, blocking anything dangerous before it has the chance to cause a problem. You can use a security plugin or service, but first check with your host to see what type of firewall protection you already have.

Be Careful With What You Install

Only install plugins and themes that come from reputable sources — the official WordPress directory is your best bet. And even then, make sure that what you’re choosing has been tested with your version of WordPress. Avoid plugins and themes from third-party sites. If you must get one from somewhere other than the WordPress directory, research to find out if the vendor has a good reputation.

Clean Your WordPress Installation

Anything that’s hanging around that you don’t need anywhere should be deleted, including:

  • Files that you no longer use
  • Plugins that are inactive or active but unused
  • Themes that are inactive that you won’t use again
  • Old WordPress installations
  • Unused databases

Old WordPress installations are especially vulnerable. Often, your backups are kept in a subdirectory of your site. So while your main website may be secure, a hacker can get in through those old installations.

Try to walk through this cleanup routine regularly, like every three months, to keep your website more protected against getting hacked.

Wrapping Up

When your WordPress website has been hacked, your site often isn’t available to your visitors, which could impact everything from your brand’s reputation to your income. Acting quickly and smartly is necessary to get your site back in working order. Then, the next most pressing matter is how to keep your site healthy and hack-free moving forward.

Luckily, many of the maintenance suggestions we’ve covered are no-brainers. You probably already know that stronger passwords and up-to-date plugins mean a healthier site, just to name a couple best practices. By following the advice in this article, you have a better chance of fixing your WordPress site after it’s been hacked and avoiding the same headache in the future.

/by
, ,

4 Elements That Can’t be Missing from Your Footer

The footer is a valuable space on your WordPress website. Utilized correctly, it can help visitors find what they need and stay on your website longer. The WordPress footer shouldn’t include anything and everything. It should be designed well and serve its purpose. In this article, we’ll look at 4 footer elements to include in your website’s footer.

1. Footer Elements: Contact Information

First, we’ll look at contact information. This type of information makes it easy for customers to talk to you and find your physical location. It’s often included in detail on a contact page but having some of the information in the footer is helpful. Shorter versions of this information are great for footer elements.

Basic contact information includes the email address, phone number, and address. For a store, you can add opening hours and other information. These are often added with individual text modules. Other modules add elements that make them stand out such as titles and dividers or styled borders.

Contact Form

Add a contact form so your visitors can reach you easily. Add the specific fields you want, but it’s best to keep it simple for the footer.

Social Media Follow

Social media follow buttons are ideal for almost any footer. Add your active social networks.

Map

Maps are great for providing directions to your physical location or the location of events. They’re easy to add with a Map module or plugin. They can be full-width or just take a up small column. Alternately, you can add Google Maps HTML.

2. Footer Elements: Calls-To-Action

Next are CTAs. Calls to action are powerful footer elements. Adding a call-to-action to the footer gives you one more chance to push something important to your business goals. This can be an email subscription, membership, link to your shop page, a reminder to ask for information, etc.

Email or Newsletter Subscription

Adding an email or newsletter subscription is as simple as adding an Email Optin module or other form element.

Purchase Call to Action

Create a link to your online store to remind visitors where they can shop. The shopping CTA should be larger than most other links and stand out. They can be full-width or fit within one of the columns.

Project CTA

A project CTA can nudge the visitor into requesting a quote or contact you for more information. They work best when they’re larger than other elements around them, but still keep them simple and clean.

3. Footer Elements: Links

Next, let’s talk about links. Links are some of the most popular elements we see in a WordPress footer. They work great as footer elements and they’re easy to add. They can link to pages, posts, comments, products, events, services, and lots more. There are several ways to create them.

Links to Pages

Links to pages can include specific products, legal information, about your company and team, your contact page, etc. It’s also good for links to pages that you don’t want to place in your primary menu. These links are usually created manually.

Posts and Products

Display a list of your latest posts and comments. You can also display WooCommerce products based on category, featured, hand-picked, or popularity. Add the proper widget to the WordPress widget area and then add them to your footer. Some themes offer a Sidebar module for that purpose.

Navigation Menus

Navigation menus look great when the links are stacked. You can add a stacked navigation menu widget to a footer area in your Widgets screen and then use a Sidebar module in your footer. Displays the navigation menu in a vertical stack.

Services and More

The footer is an excellent place to add links to your services, projects, portfolio, resume, case studies, events, etc. They work the same as regular links or you can highlight them with images or icons. Use only a few links rather than linking to all your projects and services.

4. Footer Elements: Company Information

Finally, we;ll look at Company information. This is one of the most important of the footer elements. Often, this type of information doesn’t fit well anywhere else on the page. This also works as a summary of the information. This includes copyright, company mission statement, information about the company, photos of people or products, etc. Be sure to keep it simple.

Copyright Notice

The copyright notice usually appears at the very bottom of the footer. You can enter the year manually or dynamically.

Mission Statement

Mission statements can be powerful messages about your company. They’re especially important for companies, such as charities and churches, that help others and accept donations that need to build strong relationships with donors. Mission statements are easy to add with Text modules.

Branding

Adding branding, such as a logo, reminds visitors of who you are. Add a logo using an Image module.

Photo

Photos can be a great way to make yourself relatable to your audience. Add an Image module along with Text modules for your name or contact information. You can also add photos of your products or an example of your work. One or two small photos are all you need in the footer.

Testimonial

A testimonial can help build credibility. Add one with a Testimonial module/plugin. You can add more with a Slider module/plugin and set it to display one at a time. Keep them short.

Ending Thoughts on Footer Elements

That’s our look at 4 footer elements that can’t be missing from your website and how to add them. The details of the elements are up to you, but every footer needs:

  • Contact information
  • A CTA
  • Important links
  • Company information

These examples show one method of how to create these elements, but they can be created using other footer placements. There is a lot of flexibility on what these are and how you create them. Be sure not to clutter the footer area. Use borders and different background colors to separate the elements and footer sections. Building these 4 important footer elements will make your footer more valuable and useful to your visitors.

 

 

/by
, , ,

How Does SEO Affect My Website?

SEO is the lifeblood of your website, and it will affect just about everything that happens with your site. Here are some important points any SEO agency would consider when thinking about SEO: keywords, links, title tags and descriptions, page titles, and headings. This article will explore each one in more detail so you can get a good understanding of how they work together to increase search engine rankings. Let’s dive right in!

Utilize Keywords

Your “keyword” is the word or phrase that people will type into a search engine when looking for your website. Google, for example, uses data from your common keyword to determine how relevant it is to a search result.

Plan for Links

Links are the currency of the web. Whenever you link out to another site, whether it’s sending someone to an outside resource or linking back to one of your own pages, that is a positive signal for search engines. The more quality links you have coming to your site, the better you will rank.

Check Your Title Tags and Descriptions

Just like how people use keywords to find your website when using search engines, people viewing your website will be using those same keywords to figure out if they want to stay. Your title tag and meta description are the titles that show up in search results next to your link, so make them compelling enough for people to click.

Create Unique Page Titles and Headings

Page Titles and Headers are the most important information on a page from an SEO perspective. You want your title tags to be interesting, but they also need to provide the reader with the information they were looking for. In addition, you will use subheaders throughout your writing to highlight certain topics. Just like how you used keywords in your title tags and meta description to match what people are searching for, use headers and keywords in your content so that both humans and search engines know what your page is about.

Alltogether, SEO can have a dramatic effect on how successful a web page will be. The more relevant information you provide with your keyword usage, links, title tags and descriptions, page titles and headings, the more likely you are to have people find your web page in search results. If you are unsure of how to link all this together, it’s time to hire an SEO agency to help you. Remember, the more SEO-friendly your web page is, the higher ranking it will have, and the more likely people are to find it!

PS: When designing and developing websites, Artkenya always uses pemium themes which are ‘SEO-friendly’. And when hosting your website with us, we install premium plugins that give you everything you need for fast, powerful WordPress SEO with industry-leading features like:

  • Automated SEO checkups and reports
  • Sitemap auto-generator and search engine notifications
  • Titles and meta descriptions
  • Full support for default schema.org types
  • Site crawls, scans, and reports
  • Automatic linking
  • 301 Redirects
  • Advanced social media sharing

Please contact us today for a free consultation.

/by
,

Advantages of a Customized Website

Every business needs a website nowadays. However, not all websites will achieve the same results. Your website only has three to eight seconds to catch a visitor’s attention before they leave. Therefore, it is important to ensure that you have a website that is appealing to your customers. That’s also why it’s important to go for customized websites. Let’s take a look at the advantages of customized websites.

Customized Websites are Tailored to Your Branding

A business needs to be able to show its personality. That’s one of the most effective ways to stand out as a business. Customized websites are unique in that they are tailored to blend with the rest of your branding. In addition, a customized website is given a personalized touch, which enables it to offer a unique user experience.

Customer Experience-Optimized Design

When a website is built from scratch, its design and functionality will deliver real business results. This is done by optimizing the structure and user experience to suit your particular audience. When a web design agency makes a custom website for you, they first ask about your business goals. Apart from that, they will also need to understand your customer journey regarding your unique products or services. This will help them come up with a design that will best suit your particular needs.

Full Scalability

One of the most significant advantages of customized websites is that they are scalable. As your business grows, your designer can add extra features to the website and optimize it to better suit your new needs and approach. This is also one of the most effective ways to grow your business online.

No Limitations on Functionality

A custom website can be turned into whatever you want. You can add or remove features that make it easy for your clients to navigate and interact with the website. Therefore, you will have full control of whatever happens with it.

Better SEO

If you have your website built from scratch, designers and SEO specialists will optimize it for search engines. Web developers can develop a custom-coded solution that enables better keyword integration and the addition of SEO-friendly features on the website. This will help make your site rank higher than others in search results and increase brand awareness.

Updates and security

With a custom-built website, there will be no need to wait for updates that might not come. You can always have your website updated at any time to keep up with the current trends. That means you can keep upgrading your website security as well.

These are some of the advantages of having a custom-built website. It is an effective solution that will bring lots of business to your doorstep.

If you would like to explore the option of a custom built website, please call Chris on 0722-705002 or  send us a message to make an appointment.

/by
,

What are the basic elements of web design?

Here are the five elements to web design:

1) Content

There’s no denying that ‘Content is King’. It plays a massive role in Search Engine Optimisation (SEO), and is one of the main reasons people visit your website.

You really need to focus a great deal of effort into creating first class content for your website, which should include videos, relevant news/information and high-resolution imagery to make your website ‘stickier’. This will ensure you keep your users on your website for longer.

2) Usability

Great usability will never be noticed by the end user, but bad usability instantly stands out. Your website must be easily navigable, intuitive, accessible and mobile-friendly.

The user should know where they are on the website at all times and be able to find where they want to go with little thought. They should also be able to access any page they need without having to view the whole site.

Your site should try to anticipate what your visitors are thinking and help them to fulfil their needs with as little effort as possible.

3) Aesthetics

In this day and age, having a visually impressive website across all devices is crucial. However, you must maintain your brand image. Your website must reflect who you are as a business, and visually connect with the audience.

The visual appeal of your website not only contributes to your brand awareness but also increase your credibility.

4) Visibility

If you had the most aesthetically pleasing and user-friendly website on the web, it would still be unsuccessful unless it could be found. Your presence and visibility through digital marketing campaigns including SEO, social media and email marketing is vital to the success of your website.

It’s important that you understand how to be found, what platforms to target and how to utilise your content. Thousands of factors have an impact on where you appear within the search engines, so make sure you have a plan in place!

5) Interaction

Your website must engage with your audience, hold their attention, direct them through the stages of your website and finally encourage them to contact you.

/by
,

What makes a web designer perfect?

Before we talk about the essential elements of a website, it’s worth discussing what goals it can achieve first. Check the list below and verify that this is the case for your site. If not, it will probably be worth refining it in this respect. Make a note of what to change on it to support your business even more.

Goals of the company website:

Building trust – this is by far the most important of the goals of every website for a micro, small and medium company. The small business website is proof that it exists and operates on the market. But just having a company website is not enough. Users visiting it should get the impression that they are dealing with professionals and that it is worth considering using their services. Trust will allow you to attract new customers without getting involved in advertising. When you build them – you will also be able to achieve higher margins than your competitors and efficiently implement projects – when the client feels that he has entrusted the work in good hands, he will not interfere in your projects.

Be found -thanks to the company’s website users will learn about the existence of your business. For example, you can reach a new group of clients or acquire business partners.

Providing information – the website must state what you do and what problems you solve, who you are, how to get to you, how to contact you or place an order. Basic information is necessary because for someone to use your offer they must understand what you do. Communicate it clearly, presenting your company, offer, and experience, as well as implementations. Providing you with all the information you need also gives you the benefit of saving time – when a customer learns everything they need to know, you won’t have to spend time answering his questions.

Education – your website should allow you to learn more about your products/services and their applications. You can publish valuable content on your blog, organize webinars, offer e-books for download – think what form of communication will be appropriate for your target group.

Converting – a website should be built so that as many people as possible decide to send a request for an offer, fill out the contact form on the website, generate valuable sales leads, or book a visit.

A website can also perform other, additional functions, e.g. help in finding employees.

Your website must be user-friendly

You want your customers to feel good about using your services. Let them feel they have chosen the right person and that you will do what they pay for well. Similarly, you should care that everyone who visits your website feels confident about it. So that he can use it comfortably and find what he was looking for there without problems. Your task is to make it as easy as possible for him. To do this, make sure that your company website has 4 features.

4 features of the user-friendly website:

1) FEATURE 1: Adaptation to different devices

The days when we browsed websites only on computers are long over, so you need a page that users can conveniently use from a mobile phone or tablet. The pace of life is getting faster and we are looking for services when we are at work, at home, but also on the bus or train, so you need a website that can be viewed in various circumstances.

What is a responsive website?

Responsiveness means “relevance”, however when we define a website as such, it means that it is suitable for all devices on which it can be opened. In other words, all of its content will display correctly on screens of all sizes, desktops, laptops, tablets and mobile phones.

The responsive website is automatically adjusted to the device resolution and thanks to this all the website content is visible. The user can freely and conveniently browse such a page e.g. on a mobile phone and does not have to move the content of each subpage sideways, enlarge a small font, photos, etc.

Why do you need a responsive website?

You can still find many websites that look good only when displayed on a computer screen. However, if you open the page on your mobile phone, there is a problem. It takes a lot of effort to find the content we are looking for, or even switch between subpages. This is because the width and structure of the website are not adapted to the resolution of mobile devices (and yet the smartphone has a screen much higher than the wider, and the laptop the opposite). This is a big mistake because at present over 50% of website traffic comes from mobile devices (mainly mobile phones).

This is a very large group of potential customers, and you can’t afford to lose them. If your site will not display well on mobile phones, you will probably lose half of your website visitors’ attention and the chance to become your customers. Decide on a responsive website to give them a good experience of using your website, and they will stay there much longer. However, if it will not match the resolution of their device, they will probably leave it very soon – customers today are very comfortable.

Importantly, the time spent on the site is one of Google’s ranking factors. So, if the bounce rate (the percentage of users who visit only the main page and do not go to any other subpage) is high, your site will be perceived by the search engine algorithm as useless, not corresponding to the needs of its visitors, and therefore its position in Google will be lower and will go down. Remember that the competition is not sleeping. If it has responsive pages, then users interested in services like yours will reach them, not you.

Responsive or mobile website?

Two solutions allow you to get a website tailored to display on your mobile phone: responsive and mobile. What is the difference?

The mobile website is the second version of the website, created specifically for the requirements of mobile devices. However, in the case of a responsive page, the contractor creates only one page that automatically adapts to the devices on which it is displayed.

A much more popular solution is responsive websites in RWD technology because they are cheaper – both in terms of their creation and maintenance. We pay only for one page, and mobile pages – for two versions of the site. A responsive page has one URL, and the mobile page must have a different URL than the desktop. In the case of RWD pages, there is also no phenomenon of content duplication and there is no need to update the content twice on each of the mobile and regular pages, so this process can be carried out faster. As of today, we can say that responsive websites are becoming the standard.

Check if the contractor creates responsive pages

To adapt the website to mobile devices, web designers create responsive websites or a separate mobile version of the website. Before you choose a person who will create a page for you, check their portfolio and open individual pages on your mobile phone. Check if they look good. Be sure to ask if the page created for you will be responsive.

2) FEATURE 2: Intuitive navigation

You already know that your website should be comfortable to use. Well-designed and well-thought-out navigation should also serve this purpose. Its pillar is the menu visible on the page, but the navigation should also be placed in the footer. The use of tile navigation and the so-called hamburger.

What subpages should the small business website contain?

Typical subpages for small businesses are Home, Offer (Products, Services), About us (About us, Team), Portfolio (Realizations), Price list and Contact. This does not mean, however, that exactly such tabs are to be included in your menu.

View competition pages and think about the subpages that are specific to your industry. For example, in the case of restaurants it will be Menu, and in the case of hotel facilities – Rooms. Think about what your customers can get and what your competition rarely has. If you run a guest house, the Tourist attractions subpage will certainly be very encouraging.

Before you start designing navigation, be sure to think about what content your site should contain to effectively convince you to take advantage of your company’s offer. The content should form a coherent story leading the potential customer from the first hearing about your company, by getting to know its offer, the value you offer, how you deliver it until the purchase, i.e. the transformation of the potential customer into a real customer!

Why is the menu on the company website important?

The purpose of the menu is to show the content of the page or at least its most important elements. It is to enable quick access to the most important information on your site and ensure easy navigation and return to the main page. Usually, a clickable company logo is placed on the menu that takes users to the home page. Small business pages usually use horizontal menus, but you can also find sites that have a vertical menu.

If you design a website’s navigation well, users will spend a lot of time on your site, and you care about it. You want users to visit various tabs on your website, and to become familiar with your offer, price list, and become convinced to use your services. The more time spent on the website means also better positions in search results.

Not only your potential customers move on your side, but also Google robots. The better the structure of the menu and links on your site, the better it will evaluate and will be rewarded with a better position in search results. To sum up: good navigation effectively supports positioning.

Website menu – how to plan it?

Take a pen and paper and try to plan the menu scheme. You can also ask for the opinion of the developer of your website, but it is much better to go to him with an outline of what you plan. Use clear names of subpages in the menu so that users know what kind of content they will find in a given tab.

The order of items on the menu matters. In the beginning, there should always be a homepage (you don’t have to put it as a menu item if your company logo will be linked to it). Usually, there is a subpage About the company, then subpages related to the Offer, and then Portfolio, Blog, and Contact, which is always at the end.

Don’t put too many items on the menu. When you use more than 7, the menu may not be readable. Do you have many materials that you want to put on your website? Calmly. Not all of them need to be included in the menu. A popular practice is e.g. using a submenu, e.g. placing subpages with individual services in the Offer tab. You can also publish sitelinks as a list on the related subpage.

It’s also a good idea to put your business phone number and business email address above the menu. This way you will make it easier for users to contact you.

/by
,

What is the difference between web development & web design?

A web designer is a graphic artist who is responsible for designing the layout, usability, and visual appearance of a website. A successful web designer must possess an array of creative, graphic, and technical skills.

A web developer is someone who builds and maintains the core structure of a website. They’re tasked with converting the web design into a functional website, using coding languages such as HTML, JavaScript, PHP, and Python.

The Role of a Web Designer

Web designers have a varied set of tasks and responsibilities. However, a designer’s role revolves around creating the layout and visual aspects of a website.

Their goal is often to make sure the site is both visually pleasing and user friendly and encourages visitors to stay around for as long as possible. In addition to the general framework and layout structure, this also means considering and constructing conversion-generating elements, as well as designing web pages in a way that translates well across various devices.

Web designers need to stay updated on the latest web design trends and adhere to certain standards and best practices. They often deal with brand imagery, color palettes, fonts, and so on. Many will even create a web design style guide to ensure that each website looks consistent:

There are a handful of other key documents and resources that designers are charged with creating, administering, and overseeing. This includes:

  • Web design contracts
  • Website briefs
  • Website design questionnaires
  • Website proposals

There’s also a fair amount of research and testing involved in a web designer’s job. It’s important to make sure the website is designed in a way that meets users’ expectations and client specifications.

Additionally, a web designer will need to consider how their design affects the coding of the website. Designers create a site structure and mockup, which developers then bring to life by coding the site.

Web designers’ work typically also includes some post-launch services. They may provide content creation and updates, maintenance and monitoring services, and ongoing performance checks.

Types of Web Designers

There are different types of web designers, each focusing on a unique and specific type of work. These are:

  • User Experience (UX)
  • User Interface (UI)
  • Visual

UX Designers

UX designers help ensure the website is structured in a way that engages visitors and delivers a positive experience. Their role is to create human-centric designs that are based on data-driven decisions. This involves conducting a lot of research and testing to gather and analyze data, which is used to inform their final design choices.

UI Designers

UI designers also play an important role in the design of a website. In addition to the experience it provides, they also prioritize interactions. More specifically, their role is to enhance the usability of a website and optimize it in a way that helps encourage conversions.

Visual Designers

Visual designers, as the title suggests, work with the layout and visual elements of a website. This work combines certain aspects of both UX and UI design. The duties of a visual designer are based on ensuring that the interface is both aesthetically pleasing and easy to use.

Most web designers use a handful of tools, software, and programs to perform their tasks. The most important of these are design and editing software and programs, such as Adobe Photoshop.

The Skill Sets Web Designers Need

The skill sets web designers require to be successful vary, depending on each person’s specific role and specialty. However, generally speaking, some important skills include:

  • HTML and CSS knowledge
  • Understanding the Principles of website design and web accessibility standards
  • Responsive and interaction design
  • Conversion Rate Optimization (CRO)
  • User journey mapping
  • Wireframing and prototyping
  • Branding, color theory, and typography
  • Design tools and software

The Role of a Web Developer

A web developer’s primary job is to build and maintain the core structure of a website. Their role involves a lot of technical work, including using complex coding and advanced programming languages. In a nutshell, they take the ideas and concepts laid out by designers and turn them into real, live, and fully-functioning websites.

More specifically, the duties of a web developer involve constructing the website itself. This includes coding and configuring the server and databases on the back end, as well as incorporating user-facing features and functionality. They also perform testing and debugging and may handle an array of post-launch services, such as providing ongoing support and maintenance and fixing server or hosting issues.

To better understand the role of a web developer, it might help to compare it to another field, such as construction. A web developer is to a website what a construction company is to a new house. The developer takes the design plans and blueprints drafted by the architect (web designer) and lays the foundation to ensure that there is a functional, sound structure in place.

Types of Web Developers

Typically, web developers focus on a handful of programming languages. The languages they use, however, will depend on the type of web development work they do.

There are three major kinds of web developers:

  • Front-end
  • Back-end
  • Full-stack

Front-End Web Developers

Front-end developers code the actual website using CSS, HTML, JavaScript, and other languages, as well as Content Management Systems (CMS) such as WordPress. Front-end development, also known as client-side development, largely involves coding and programming the visual elements of a website that users will see. As such, there is a fair amount of overlap and collaboration between front-end developers and web designers.

Back-End Web Developers

Back-end developers code the database and server using advanced programming languages such as PHP, C#, Java, Ruby, and SQL, as well as NodeJS and other server-side frameworks. Back-end development, also known as server-side development, mainly encompasses the aspects of the website happening ‘behind the scenes’, which visitors don’t see from the front end.

Full-Stack Web Developers

Finally, full-stack developers code both the front and back end of a website. They have a solid understanding of how these parts work and function together. In addition to coding web pages using CSS, HTML, and JavaScript, full-stack developers also set up and configure servers, code Application Programming Interfaces (APIs), query databases, and more.

The Skill Sets Web Developers Need

As we touched on above, web developers require certain technical skill sets to fulfill their roles. At the least, a web developer will need to be knowledgeable in:

  • Coding and programming languages such as HTML, CSS, JavaScript, and PHP
  • JavaScript frameworks like jQuery
  • Testing and debugging
  • Back-ends and databases
  • Content Management Systems (WordPress, etc.)
  • Search Engine Optimization (SEO)

In addition to technical skills, there are also non-technical skill sets that come in handy as a web developer. This includes problem-solving and analytical thinking, which can be useful during the debugging process. It’s also important to have solid communication and collaboration skills for working with clients and other key parties (such as web designers).

Web Designer vs Web Developer: What’s the Difference?

Hopefully, you now have a better understanding of the key differences between a web designer vs. a web developer. To bring everything together, let’s take a look at a quick breakdown of the biggest distinctions between these two roles:

  • While designers focus on appearance and usability, developers focus on functionality and structure.
  • Web designers conceptualize the idea and look of a website, creating a mockup based on visual, UX, and UI elements. Web developers determine whether the concept is financially and technically plausible, and if so, program and code the site.
  • Web developers require a solid amount of technical knowledge. This includes understanding complex programming languages and frameworks. While there is some research and analysis involved, a web designer’s role is less technical and more about the visual and creative elements of a website.
  • There are different types of web developers, including front-end, back-end, and full-stack developers. The three main types of web designers are UX, UI, and visual designers.
  • The tools and programs web developers often use include coding libraries and frameworks, code versioning and issue tracking platforms such as GitHub and Jira, hosting control panels and FTP clients, and CMSs. Web designers typically use design editing software such as Photoshop, a CMS like WordPress, and a website builder such as Elementor, along with wireframing and prototyping tools.

Source: Web Designer vs Web Developer: What’s the Difference? | Elementor

/by
, ,

Five Reasons to Choose WordPress

1. WordPress is the most popular CMS in the world

WordPress runs 27% of the entire internet. Approximately 17,402,952 websites on the entire web use WordPress. Even many popular universities are using WordPress. People often make the mistake of classifying WordPress as a simple blogging system. In the pas that may have been true, however WordPress has evolved over  the years into a full extendable content management system (CMS). You can still use WordPress to create a simple personal blog, but now it allows you to create totally functional business and ecommerce websites.

2. WordPress has tons of support & resources available.

WordPress has a huge community. You can find WordPress support on forums, WordPress video tutorials, and abundance of handbooks on the internet about WordPress.

3. WordPress is designed with secure code and maintained aggressively.

Since WordPress is the most popular CMS in the world, it is often targeted by hackers. WordPress is designed with secure code and addresses any security vulnerabilities rapidly. This is why it is extremely important to keep your WordPress software, themes and plugins updated at all times in order to keep your website safe and secure.

4. WordPress is extremely customizable and flexible.

WordPress has significantly more plug-ins, themes and options available than any other CMS (Content Management System. Because of it’s popularity, more 3rd party developers create new WordPress plugins to help make your website extremely extendable. Your options for growth are nearly limitless!

5. WordPress is easy to learn

WordPress is used by millions of people everywhere. It is easy to learn and many of our clients are able to make simple edits to their pages and posts. If you choose not to learn about WordPress, check out our Managed Web Hosting services so you don’t have to worry about maintaining and updating your website.  Our artKenya web designers will make all the changes for you!

/by
, ,

4 Web Design Mistakes That Keep Popping Up

Despite digital marketing’s emphasis on clean cut web design and easy-to-read layouts on custom built websites, many organizations continue to make web design choices that scare online users away more than they attract them. This is a major problem because your website’s bounce rate impacts your search engine rankings and your conversion rate.

To help you keep your website looking sharp, here are four of the most common web design mistakes organizations make and how you can avoid them.

1. Cluttering your website with pop-ups. Full-service marketing may recommend putting a pop-up subscription box on your webpage. If an online user has to click ‘X’ on more than one ad or subscription box that keeps them from the information they’re trying to read, they’ll leave your site to find that information somewhere else. Try to limit pop-ups on your website to one per page.

2. Making your text too big. The optimal choice for text size on your website is 16 px font. This ensures that online users of all ages can see the information on your site. Making the text too small can hurt users’ eyes and negatively impact legibility. Text that’s too big can seem unprofessional and makes a website look cluttered.

3. Breaking up sentences too much. A common theme right now in content marketing is to break up content so that it’s easier to read through. Content marketing may be able to generate about three times as many leads as traditional marketing. But if you’re breaking up your paragraphs after every sentence, it can actually make your website look unstructured. Keep paragraphs around four sentences long. Only use a one-sentence paragraph when you’re emphasizing the information there.

4. Making your header too big. Web design services may recommend a header on your website that follows your user as they scroll down. This makes it easier to navigate on your website if they need to go to a different page. But if your header takes up half of the web page, it makes it difficult for your users to see the information they need. This is a common problem on news websites.

When it comes to web design, it’s good to have a custom built website that sets your company apart from the competition. artKenya has the professional website design services you need to take your website to the next level. To learn more about our website design and SEO services, contact artKenya today.

/by

20+ Web Design Trends of 2020

Looking at the latest web design trends will allow us to peer into the future of where the web is headed. This doesn’t mean you need to fully switch up your current design to adhere to the latest trends, but they’re good to keep an eye on nonetheless.

If your website has been in need of a makeover, then maybe this will be the year you finally switch things up. Contact us here at artKenya if you need help!

If anything this year bodes well for web experimentation. It seems that people are bored with the same old same old and want a new and exciting take on classic design. This doesn’t mean making sites so experimental that they’re hard to use, but instead more interesting, engaging, and unique.

Learn about the biggest web design trends of 2020 and what they mean for the future of your website. Then, contact us to help you bring these to life on your website.

Top Web Design Trends of 2020

1. Responsive Design

Responsive websites are not a new web design trend in 2020, but they’re an important enough one to still include here. As mobile usage only seems to keep going up – it first surpassed desktop a couple of years ago – making sure your website works at least as well on mobile devices as it does on bigger screens is crucial.

Visitors quite simply won’t stick around if your website provides a disappointing mobile experience, and it’s bad for SEO on top of everything else.

While you could create a separate version of your website that works well on mobile devices from the one people see on desktop, for most businesses the better option is to make one website that’s responsive.

On a responsive website, each page has all the same copy, images, and elements no matter what device you view it on, but they’re arranged differently based on the size of the screen. An image that shows up next to the text on your desktop may show up below it on a smaller screen, for instance.

Making your website responsive ensures that your mobile users get all the same information and value from your website, while still having a user friendly experience.

2. Chatbots

You’ve probably noticed in your own internet surfing that a lot of business websites now have a little window pop up at the bottom right side of the screen when you land on the website, giving you the chance to chat with a representative.

Adding a chat window like this to your website means any visitor with a question can have it answered immediately. But for many websites, having someone available to answer those questions in real time is too much of a challenge.

One possible solution: utilizing a chatbot. You can program a chatbot to answer the most common questions your customers have so that most visitors still get their answer right away. For questions the chatbot doesn’t know, you can at least program it to provide details on how best to get in touch with a live representative so your visitor still knows what to do next.

Chatbots don’t make sense for every type of website, but if you have a business website and you frequently hear a few main questions from your visitors, they can save your staff time while still providing your visitors with a good experience.

3. Animation

Autoplay videos are very much out, but that doesn’t mean your website has to be completely static. You can add some movement to your web design with some simple animations.

A growing number of websites are working animations into the background or images of web pages. A good animation will draw the eye and capture a visitor’s interest, without distracting from the main information you want them to see on the page. It’s a web design trend that makes your website a little more engaging and adds some personality.

4. Microinteractions

Microinteractions take animation one step further in terms of user engagement. These are animations that respond to what the user does on the page. If you notice a website changing when you mouse over a particular spot, or an animation that’s triggered by scrolling down – those are microinteractions.

These create a positive user experience because they hand visitors power over what they see as they interact with the site. Knowing your actions shape the design in front of you is a good feeling, even if it’s only in minor ways.

Microinteractions are becoming more common around the web, making them a good web design trend to have on your radar in 2020.

5. Original Illustrations

Stock photography’s easy, but it doesn’t add any personality to your website. That’s why many website owners are now turning to original illustrations for the images on their pages.

Custom illustrations do come at a cost – artists must be paid – but they can transform the style of your website and create an entirely unique experience. Custom illustrations often feel playful, while still doing the work of communicating something about your brand.

You get to choose the colors you want to include and can craft imagery that might be hard to stage in a photo. If you can find a good artist for your website, they’re a good way to inject some extra personality into the website experience.

6. Including Social Proof

So far, most of these website design trends come with a fairly hefty price tag that may be out of reach for small businesses or websites devoted to passions rather than profit. This one is much more affordable.

Social proof is a way to convince new visitors that you’re awesome by showing evidence of your success with other visitors. For a business, it could be logos of companies you work with or testimonials from other customers. For a blog, it could be publishing the number of email subscribers you have.

You can (and should) tell other people how awesome your website is in your copy, but your words aren’t going to mean as much to visitors as proof that other people like them think you’re awesome. Find a way to work social proof into the design of your website to better highlight your value to new visitors.

7. Hamburger Menus

This is a controversial web design trend that’s commonly used on apps and mobile websites because it’s an easy way to provide a menu that takes up very little space. The hamburger icon itself is very small, and it opens up your main menu when you click on it.  As it’s become more familiar to internet users with the growth of mobile, its use has started to spill over into the design of desktop websites as well.

A hamburger menu removes the list of pages in your main menu from all the pages of your website and puts them behind the hamburger icon. If you want a website that has a very clean design, it allows you to include fewer elements on each page while still providing the navigation items your visitors need.

As mentioned though, it is a controversial web design trend. It may not be right for your audience. This is a trend you should be very intentional about considering – only use it if you have a good reason.

8. Rounder Edges

For a while buttons, windows, and containers on websites tended to have sharp corners. Recently more web designers are starting to shift their website designs toward softer, rounder edges.

This is a web design trend you can see in buttons and chat windows around the web.

Plenty of websites still maintain their sharp edges, and some use a mix of both. This isn’t a trend that’s outright replaced the former way of doing things. But if you want to keep the shapes on your website a little softer, you’ll be in line with one of the web design trends of 2020.

9. Tactile Design

Another common trend of the past was keeping web design flat. Many websites are now starting to buck the old trend by adding more shadowing and depth to the images on their pages.

Tactile design can bring the images on your website more to life for your visitors. In addition, it provides a way to add emphasis to your images. The difference is often subtle, but it changes the user experience of your website and adds a little more realism.

10. Unique Fonts

Choosing a unique font is an easy way to add some personality to your website and make it stand out a bit more. Fonts are part of a website that many visitors don’t really notice, but you can use your font choice to add some additional style to your website and draw more attention to important words.

Make sure that any font you choose is easy for your visitors to read. Style shouldn’t trump clarity here. But as long as you keep the text on your website legible for all your visitors, you can use your font choice as a way to add some extra personality to your site.

11. Asymmetry

A bold choice that’s showing up on some websites now is asymmetric design. Using asymmetry in your web design provides a unique experience for your visitors, especially as it’s still not a particularly common design choice at this stage.

This web design option definitely isn’t for everybody. Because it’s uncommon and unexpected, it might be less intuitive for some visitors. And it can complicate a website’s ability to remain responsive. But if you want to provide a website experience that’s outside of the box, going asymmetrical can do that.

12. Accessible Design

If you don’t have any disabilities yourself, you’ve probably approached web design in the past without thinking about how people with disabilities will experience your website. That’s unfortunately normal – many web designers just haven’t had accessibility top of mind in the past.

But that’s beginning to change. One of the web design trends of 2020 is working to make websites more accessible for everyone. Design magazines and blogs have started to provide tips for more accessible web design.

Designing an accessible website requires broadening your perspective and doing a little work, but when you commit to it, you open up your site to an audience that was left out before.

13. Data Visualization

“Big data” has been a buzzword for a few years now and businesses in all industries have seen the growing influence of data on the tools and latest trends that shape how we do business. Perhaps it was only a matter of time until the influence of data made its way to web design as well.

Many websites are now incorporating data visualization into their design. In some cases it becomes a part of the main website, in others they launch a separate site to highlight valuable data they’ve created.

In either case, data visualization becomes a part of the story the brand tells and the visual identity they have on the web.

14. Bold Colors

A lot of the web design trends for 2020 are about standing out and this is no exception. Many websites are employing color schemes that are bright and bold. Bright colors provide a distinctive experience that make your website more memorable.

You can use your color choices strategically to draw attention to parts of the website you most want people to see.

This is another website design trend that isn’t for everyone. Some brands will be better served with more subtle colors, but if you’re looking for a way to make your website stand out and really get attention, making bold color choices could do the trick.

15. Floating Navigation

Most of the websites you visit have their navigation in the same place: across the top of the website. Some websites are experimenting with different options though. We already talked about the hamburger menu option, but another possibility is floating navigation.

Floating navigation stays visible even as you scroll down the page. It provides a unique experience, but also offers the practical benefit of keeping all the navigation options present and visible no matter where your visitor is on the page.

You can see an example of what that looks like on the Anchor and Orbit website. As yet, it’s not a particularly common web design trend. But for any website owner looking for another way to stand out, it makes your website a little more distinctive.

16. A Focus on User Experience

Offering your visitors a solid user experience should be at the top of your list. Today’s web users demand an enjoyable user experience above all else.

If your website is confusing and hard to use you’re not only going to be annoying your visitors, but you’re going to cost your business a lot of money.

This is doubly true if you’re directly selling anything through your website. The act of finding a product, adding it to the cart, and completing the purchase should be entirely seamless.

In the past it seemed like web design trends and most websites would neglect the journey of the user and instead placed a focus on having a trendy design. No matter how “cool” your website looks, there’s really no point unless it’s converting your visitors and they’re actually enjoying their experience.

As competition online continues to grow more fierce, expect those websites that place a focus on user experience first to have long and successful futures.

17. Clean and Clear Design

Having plenty of whitespace has been an important web design trend for years. However, recently it’s grown in its importance and application.

The biggest reason whitespace continues to be a dominating trend is because it makes your website much easier to use. By incorporating a lot of whitespace into your design you’re not bombarding your visitors with too much information.

It also gives you the room to focus on important areas of your site. Or, direct your visitor’s attention to areas that are the most beneficial to them.

Having plenty of whitespace is a central tenet of minimalist design. Minimalism will continue to be a dominating trend well into the future. By having a minimalist design you make it easier for your users to find what they’re looking for.

As you’ll soon learn below other trends like increased use of video and scrolling-based websites both enhance this minimalism trend.

18. A Large Focus on Mobile

Today more people access the internet from their mobile devices than they do from a laptop or standard computers. This means that your design must offer a stellar mobile experience. Offer a poor mobile experience or a site that doesn’t function properly on a mobile device, and you’re going to lose a lot of your users.

If you haven’t gone responsive yet, here’s another thing to consider. Most users will start their search journey on their mobile devices.

Plus, sites that aren’t mobile-friendly won’t rank as well in the search engines. So, not only will your site receive less traffic from the search engines, but any traffic that you will receive will have a difficult time actually using your site.

Making your website mobile-friendly isn’t so much a “trend” as it is an essential web design best practice. The most effective way to embrace mobile devices is to upgrade your site to a responsive web design. With a responsive web layout your site will automatically adjust to the screen size it’s being viewed upon.

19. Embedded and Integrated Video

Video is exploding in popularity online. All signs suggest that video is the future. Even social media networks like Facebook and Instagram are doubling down on video content. Plus, YouTube is already the second largest search engine in the world.

If you haven’t embraced video, it’s not too late. In fact, one of the emerging web design trends is embedding video into your website.

Video is an incredibly engaging medium. How many times have you continued to watch a video, just because it started playing on the site you’re on? And we’re not talking about annoying video pop-ups either that you can’t seem to turn off, no matter how hard you try.

Instead, we’re talking about creating intentionally engaging videos that act as an actual part of the design of your site. Instead of standing out they play an integral role in keeping users on your site and informing them about your products and services.

These don’t have to be incredibly long videos either. Think of them as moving design elements whose goal is to intrigue and capture the attention of your visitors.

Adding videos to your website and content can also have the added effect of improving your site’s search engine rankings. Google has user engagement metrics which act as indicators of a quality site. Sites where users spend more time will be given a higher ranking, as these metrics suggests a site is very high quality.

20. Broken Grid Layouts

You might already be familiar with grid layouts. A grid is essentially a hidden series of horizontal and vertical lines that your website’s elements will adhere to.

You can see the classic grid at work on most existing websites. You have the logo in the upper left-hand corner, and the navigation menu extending across the top of the screen, along with any other elements arranged below it in an orderly manner.

But, with a broken grid layout, you’ll see elements that make the grid seem broken. There will be overlap of design elements, along with text and photos that don’t adhere to the traditional grid. Usually, this is done to give emphasis to certain elements of your website.

However, to be effective with a broken grid layout it needs to be done intentionally. Otherwise, you run the risk of having a website that simply looks confusing or jumbled. The worst is a website that ever-so-slightly breaks the grid. Upon first glance, it might not look like something is wrong, but you and your visitors will get the feeling that there’s something off about the website.

Beyond the broken grid there’s also been an increase in the use of fluid and more comfort inducing shapes. With more natural and free form shapes you can induce a different feeling in your users when they land on your site. Instead of the purely rigid and geometric designs of days past, those pushing the edge of web design are introducing more natural shapes.

21. Nostalgic Design Elements

The 80s and 90s are back in full force, and we’re not just talking about shows like Stranger Things and books like Ready Player One.

A previous web design trend that’s been in place for years has put an emphasis on flat and modern design, creating minimalist websites that look like they were born in the future. But, just like fashion moves in a circular fashion, so do our web design trends.

This doesn’t mean you should create a 90’s site that looks like the first rendition of a Geocities page. Instead, you should take design cues from previous generations as a whole.

This means embracing color schemes and taking typography cues from generation’s past. By embracing the past you can create a new and wholly unique design. Since the web didn’t really exist back then in the state it does now, you can create designs that haven’t been seen on the web before.

If this web design trend speaks to you, consider implementing color schemes from times past. Or keep an eye out for a cool old-school font you can use for your headers or your logo.

22. Sites that Encourage Scrolling

If you’ve had your website online for any time at all, then you’re probably aware of the term “above the fold”. This means that all of your important graphic design and branding elements should be above the fold of your site, so it’s the first thing your website visitors will see without having to scroll.

It seems that web users of the past used to hate scrolling down the page with their mouse, trackpad, or thumb.

But, today’s web users are much different. Most website visitors don’t mind scrolling in the slightest. This trend could be rising due to apps like Instagram, which actively encourage scrolling down the app. Combine this with the preference to access the web via mobile devices, and you’ve got a scrolling match made in heaven.

As a result, this gives you more real estate to work with when designing the style and layout of your website. Instead of trying to cram everything into the space above the fold, you can utilize your entire screen. This allows you to create more logical and enticing pages that hook your visitor’s attention as they scroll further down your screen.

In accordance with making sites more scrollable, you’ll also want to think about implementing thumb-friendly navigation. When people are using their mobile phones to navigate a website they take many different actions and interact with the website in a different manner.

One of the easiest ways to ensure your site is in alignment with this growing trend is to include a hamburger navigation menu. This allows users to more easily select the page they want to visit.

23. Intentional Data Collection

Most websites will collect some form of data. Today, with the recently introduced General Data Protection Regulation (GDPR), the collection and storage of data have become even more important.

This has led website owners to evaluate how they go about collecting data and being more intentional with the kind of data they’re collecting.

For example, if you have an intake form on your website do you really need their location data or even their phone number? Or, maybe you currently integrate with Facebook as a login alternative. Although this saves you time, it might not lead to the best impression for your company.

No matter if it’s a contact form, email signup form, or even having tracking cookies on your site, you’ll need to be very transparent about the data you’re collecting, why you’re collecting it, and what you’re doing with it.

When thinking about any forms you have on your site think about what’s the minimum amount of necessary information you can collect.

Sites that place an importance on user privacy will not only ensure their sites stay compliant with the latest privacy guidelines, but will also be the sites that create a strong and trusting visitor relationship.

What These Design Trends Mean for Your Website

By keeping up with the latest web design trends you can help predict where the online world is going. If your website is a crucial part of your business, then it’s important to stay up to date with what’s currently going on online.

Today’s web users are savvier than ever, and spend more time online than ever before, with the advent of smartphones and the advancement of the mobile web.

Spend some time analyzing the trends above to see how you can apply any of them to your website, or where you can enhance your existing design.

The quickest way to lose your visitors’ trust is to have a website that looks old and out of date. That doesn’t mean you need to adopt every single trend above, but instead see how you can bring your website into the future and in tune with the kind of website your users expect to see.

Hopefully, you have a better idea of the trends you’ll start to see across the web this year. Whether you’re going to undergo a redesign or not, these trends are important to think about now and into the future.

Ready to put these trends in web design into action? Get started with simply contacting us. We’d be happy to discuss your project with you today with tomorrow’s graphic design trends in mind.

/by