Animal Behavior College Blog

Blog Redesign Mobile Responsive


Animal Behavior College (ABC) is an online school. Their website contained dozens of valuable content, but their discoverability was low.

In an effort to increase organic traffic, establish thought leadership, and improve user experience, I redesigned their blog.


UX/UI Designer & SEO Strategist



Content Audit

Before creating new content and a team of writers, I researched any existing content they might have had on their main website. To my luck, I found a Tips of the Month section that wasn’t receiving much organic traffic.

This Tips of the Month section contained dozens of blog-like content, and they were written for the purpose of having pet owners copy and paste the RSS feed onto their own websites. Since they were used as a point of reference, the layout of the tips resembled that of a directory.

I proposed to move the tips over to the blog for increased discoverability and search engine visibility. During the migration process, I’d optimize them and include features that would engage users to stay on the website.

Information architecture

The first step was to decide on the structure of the blog.

I reviewed their Tips of the Month content and uncovered categories. One of my goals for the blog was to set the company as an authority in the pet industry, so I kept that in mind when creating the new blog sitemap.

Blog Information Architecture

Blog Sitemap

On-page SEO

Many of the tips were already well written and contained valuable information, so I simply proofread them and added keywords where necessary and appropriate. I wrote meta data, added internal links, and added high quality images to accompany the blog posts.

Blog redesign

I worked with the graphic designer to redesign the blog. Upon landing, each blog post was displayed in its entirety on the blog homepage. This created many indexing and duplicates content issues, which were severely impacting the blog’s ability to rank in search engines. Plus, it made for a less-than-ideal user experience due to the amount of information displayed at once.

Original Blog

The new blog design is mobile responsive, clean, and much more visual. Aside from the layout, I added several features to increase engagement.

Blog Redesign Mobile Responsive


One of the major reasons the blog wasn’t a priority was due to the fear of losing conversions. It was believed that once users entered the blog, they wouldn’t return to the main website (where their money pages were) and leave the website entirely. To address this fear, I added a contact form on the blog as well as company promotional banners.

Blog Organic Traffic


The blog has seen a massive growth in organic traffic. In the first year since I started working on the blog, new users increased by 670.17%. The following year saw a 102.13% increase.

Several blog posts have even appeared in Google’s featured snippets (aka answer box).

In addition, the blog is generating a regular number of leads as a result of the contact form and ads.

Featured Snippets

Shopping Basket