Blog UI Update

October 1, 2019

One of the bigger projects that we’ve been working on in 2019 is the UI overhaul, which means pages on our platform are getting a makeover! The most recent page to receive a facelift is our Blogs page.

Our team researched and gathered feedback from clients to put together a sleek, modern look for the admin page, main page, and individual Blog landing pages. 

Admin Page: 

For the Blog admin page (where you go to create/ edit Blogs), you’ll see some things have been rearranged for a more intuitive layout. You’ll now have the option to upload a banner image for the blog. This image must be 1800 pixels wide and will be found at the top of the individual landing page. Your featured photo will appear on the “View All” blog page. 

After some research, we have chosen to remove the option to add “Tags” to a blog post. However, if you had previously been adding tags, you will still see those on your older posts, and a user can click into the tag to see older blogs that shared the same tags.

Main Page:

For the main Blog page, you have two different layouts to choose from, Module (default) or Card. To change the layout, you can go to Site Settings, and search for Blog Layout. For both layouts, you’ll find that the 6 most recently added blogs will be displayed first, then there is a “Load More” button at the bottom, which will load the next 6 blogs. 

You can also find the associated services at the bottom of the page. Clicking into a service category will provide all the blogs associated with that service. 

Card Layout:

The card layout is ideal for those with consistent images that fit our default aspect ratio. It is also ideal to use this layout when your blog has shorter titles.

It is a minimalist layout, with only the date, title, and image shown. Or, if no image, the date, title, and short blurb.

To get the read more link, you simply need to hover over the card.

Module Layout: 

This layout is very adaptive and is a great option for blogs that have a lot of varying content such as the following:

  • A 50/50 ratio of blogs with images and blogs without images
  • Blogs without any images
  • Image sizes that are different aspect ratios than our cropper. 

This layout shows image, date, author, and preview of the text. 

Individual Blog Post Page:

This page is designed to have a cleaner layout and the option to add a custom banner image overlaid by the title of the post, date, and author. 

Related Blog posts will show below the main blog post content and will show up to 3 posts, like the service pages.

Below the content, we will also have links to any related services or any listed blog tags. Clicking on the services link will bring you to that service page.

Clicking on any of the blog tags will bring you to the main landing page of all blogs associated with that tag.

This update will be automatically applied to our clients who are on the new UI layout already. If you do not see these changes and would like them applied to your website, please contact your Account Manager or our Support team. 

We are excited about this update and what’s to come, stay tuned!

Support contact information: 

[email protected]

720-399-7071

Taylor Denning

Taylor grew up in the mountains of Vail, Colorado and went to Colorado State University where she graduated in three years with a degree in Communications. In her free time she can be found skiing back home in Vail, playing soccer, trying out new restaurants around Denver, or attempting to beat the boys in the office at foosball.