PEARL iZUMi Cycling Gear

PEARL iZUMi Cycling Gear - Case Study on Belov Digital Agency
Services

WordPress Development
Gutenberg Blocks development
As less plugins as possible

Client

PEARL iZUMi JOURNAL

Year

2021

About The Client

Pearl iZUMi Journal exists to provide inspiration and better ideas to help riders at every level enjoy what they love. It’s how they work. It’s how they live their lives. Their promise that they will continue to work hard on making cutting edge, no compromise, cycling products that enable the hardest working athletes to perform better, longer, and enjoy more.

Location

USA, Colorado

Competence

Leader in manufacturing high quality cycling apparel

Industry

Technology, Ecommerce,
Retail, Products

Problem

The company blog needs to be updated.
The information from the old site is to be transferred. We need to limit the number of plugins.

The task is to create the following set of pages:

  1. Blog home page
  2. Post page
  3. Author’s page
  4. Search results page
  5. 404 page

Solution

Our engineers quickly and efficiently transferred more than 300 posts as well as users, ratings, post properties and authors from the old site.

Each page and each block on it is built using the Gutenberg editor.

The posts on the old site were made with WP Bakery Page Builder (formerly Visual Composer); editing them wouldn’t be easy. We moved blog pages to a new website and used WordPress Blocks (Gutenberg).

Website speed is a key business advantage. Plugins affect the load of the site significantly, so we try to leave only the most essential, replacing the functionality with our lightweight custom blocks.

We’ve left only the most necessary plugins:

  • Advanced Custom Fields PRO
  • Advanced Custom Fields: Font Awesome
  • Simple WP Maintenance Mode
  • Yoast SEO
Pearl iZUMi case study

Custom slider for the main page

The main task is to make the editor as convenient as possible for the administrator and to ensure it looks similar to the front-end view.

To add a slide, the administrator needs to click on the Add Slide button and then either select the desired post from the list or enter its title in the search field.

Pearl iZUMi case study

Rating block

We reviewed the plugins that provide the ability to rate posts and realized that the best solution would be to develop our own – the custom rating block.

The plugin allows the user to conveniently view the ratings and doesn’t overload the site with unnecessary additions. This solution helps achieve an excellent site speed rating and good UX.

Pearl iZUMi case study

Author card and author page with links to social networks

The admin can add the card of the author to the post. The information for the cards comes from the Author page: each author has their own one with name, descriptions, social links and recent posts. You can see the Author page below.

Pearl iZUMi case study

Comment block with text fields

Users can add their comments to each post. We’ve also migrated all old comments from the previous site and kept ratings for the posts.

“We use up-to-date technologies to make sure the website loads in the blink of an eye. Featuring complete resource isolation, automatic scalability, and high availability. Providing fast and knowledgeable support has been always our priority. We have actual WordPress experts to assist you.”

Pearl iZUMi case study

Recent posts block

It displays the latest posts or allows selecting the necessary posts. The first option of this block is shown in four posts.

Pearl iZUMi case study

The latest posts for the blog post

For other pages, we’ve developed convenient and responsive block with two recent posts. This block goes on the single blog page and demonstrates the latest posts for the blog post category.

Pearl iZUMi case study

A block that displays multiple posts in a given category

Articles were divided into categories for a convenient and user-friendly experience so the user can quickly find information on the website.

Pearl iZUMi case study

Styling The “404 Not found” page

Creative branded custom 404 pages will help users as well as generate positive attention for your business. Custom 404 pages will help users who end up visiting a page that doesn’t exist. They can also help Google move on to other pages on your site via your links.

Result

Our engineers quickly and efficiently transferred more than 300 posts as well as users, ratings, post properties and authors from the old site.

The new site has everything developed in Gutenberg. Based on this editor, we have created several custom blocks like those for displaying a selection of posts to make reading the blog even easier and more engaging.

We managed to cut the number of plugins down to 4, leaving only the absolutely necessary ones. This affected the load time directly, and now the site works fast with no sacrifices in functionality.

Custom solutions help get rid of the excess load that slowed down the site. With the re-thought way of showing posts and the new pages, the blog became more user-friendly and faster-loading.

More Case Studies

Explore our other projects

Lake County Partners - Case Study on Belov Digital Agency

Lake County Partners

The website utilizes the best WordPress approach – the WordPress Blocks (Gutenberg) on our professional theme. No commercial themes or..
United CMC - Case Study on Belov Digital Agency

United CMC

The project required building 4 pages with custom blocks and designing and building a 404 page – all in three..
MakeYourWP case study

MakeYourWP

The company needed a new site based on their design. It had to have a custom theme and a set..
WP Calorie Calculator Pro

WP Calorie Calculator Pro

We’ve developed WP Calorie Calculator Pro – a marketing plugin for WordPress. It helps online businesses in fitness & dieting..

Transform Your Vision

Request your website now

Over 900 companies trust us with their online presence

Belov Digital are true professionals and worked diligently within the timeframe we had to diagnose the problems I was having with my website. Super responsive and attentive. My new go-to for anything web-dev agency. Thank you!
Belov Digital Agency - WordPress Development - Reviews

Rodrigo Campos

Belov team was extremely knowledgeable, quick, and executed our new WP plugin creation just as we requested. Would HIGHLY recommend!
Belov Digital Agency - WordPress Development - Reviews

Brittany Free

Belov Agency was simply amazing with this project. Their expertise and communication was beyond my expectation. What others may have struggled to solve in the past, their team tackled in a matter of 1-2 days. I will continue to hire BDA for all my website needs. Thank you for your great work!
Belov Digital Agency - WordPress Development - Reviews

Blerina Halili