European Bank for Reconstruction and Development ’19

EBRD - Case Study on Belov Digital Agency
Services

WordPress Development

Gutenberg editor

Advanced Custom Fields PRO

React, PHP, JavaScript

Client

European Bank for Reconstruction and Development Head Office

Year

2020

About The Client

European Bank for Reconstruction and Development invests in changing lives across three continents by building sustainable and open market economies wherever they work. They also promote equality of opportunity through access to skills and employment, finance and entrepreneurship for women and young people.

Location

UK, London

Competence

Building sustainable and open market economies

Industry

Economies, Corporate, Investment, Finance

Problem

The company needs a set of interrelated websites to present annual financial reports (one website for one year).

The reports had to be distributed between three subsites, and the main one had to have an Our Stories section as well. Therefore, we developed the following subsites and pages:

01. Our Stories Page
02. Sustainability Report
03. Financial Report
04. Annual Review

Solution

The most difficult part of the task was to create a resource page in the form of story cards.

This Stories section demonstrates how the EBRD’s focus on six transition qualities – competitive, well-governed, green, inclusive, resilient and integrated – is helping to build open-market economies and support the Sustainable Development Goals across the EBRD regions.

Stack:
WP (Gutenberg editor + Advanced Custom Fields PRO)
React, PHP, JavaScript

EBRD case study 2019

Our Stories Page

We needed to ensure that:

  • Each card can change its color, tooltips, links, behavior and background images
  • The specialized custom filter can sort stories by categories and location
  • The admin can set the buttons to the card and choose the related icons
  • Also the admin can set the category and location of the story
EBRD case study 2019

Ajax Search

The search functionality on the site should work across all resources, pages and posts. Our team chose the Ajax Search Pro plugin because it provides a good API for that task (multisite search).

EBRD case study 2019

Extended Menu Block

Annual review, Financial report, Sustainability report – all of those sites are equipped with a good admin panel that provides flexible control to combine blocks, build pages and fill them with content.

Each of them has an extended menu block. The editor can add widgets, navigation items, buttons with links and other types of content. We also enabled automatic changing of the 2nd and 3rd blocks activated by choosing the next menu item.

EBRD case study 2019

Header Image

The header image of the homepage is also flexible to change. Background image, opacity, title, and description are all editable for that block.

“For any site, load time is a parameter of high significance. We minimize the load by substituting the general solutions that tend to be heavy for our tailor-made blocks. That way, we know everything on the site serves a specific purpose and does not take up extra space in vain.”

EBRD case study 2019

Cards Block

The block with cards from the stories page has a modification. It allows setting the lite version of the block anywhere on the site. Buttons, links, images, opacity, and more other options will be available for the admin.

EBRD case study 2019

Read More

The Read more block for text and images hiding big content blocks helps make the site user-friendly.

EBRD case study 2019

Interactive Footer

The interactive footer with slider and contents blocks provides ample opportunities to customize it. Here, the admin can set the related posts, images, links, icons, and other assets.

EBRD case study 2019

Read Me

In the end, we added a “Read me” page with detailed video and text instructions on how to use the site correctly. At any moment, the administrator can refer to this manual and configure the project correctly.

Result

To make using the site even more pleasant, we replaced some of the plugins with more lightweight solutions – our custom blocks.

With that done and unnecessary load removed, we made the site less heavy so that it loads faster. We used only the Gutenberg editor functionality for building posts on the new site instead of WP Bakery previously used for that. Thus, we ensured the site is not tied up into working with one particular page builder.

That required transferring the information from the old platform to the new. We moved everything to the new site and made it more edit-friendly by using the native WordPress editor.

The reports were distributed between the sites on the corresponding subdomains; each of them, as well as they all as a system, had a clear and convenient structure and more user-friendly frontend interface and admin panel. Along with that, we supplemented the site with instructions on how to configure everything on the site correctly.

More Case Studies

Explore our other projects

PEARL iZUMi Cycling Gear - Case Study on Belov Digital Agency

PEARL iZUMi Cycling Gear

A brand new website for the blog project by PEARL iZUMi. Only the best modern technologies: WordPress Blocks (Gutenberg) Only..
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..

Transform Your Vision

Request your website now

Over 900 companies trust us with their online presence

Belov Digital team knew what they were doing and got the job done fast. I appreciate the services very much and highly recommend them for any WordPress integration.
Belov Digital Agency - WordPress Development - Reviews

Sheila Stevens

Belov Digital Agency are thorough and easy to work with. Good communication and offers understandable, clear answers to my questions.
Belov Digital Agency - WordPress Development - Reviews

Meredith Pangrace

This has been the best experience I’ve had with any WordPress Developer or Development Team. I will keep coming back to Alex Belov and team to help me with the projects I need help with.
Belov Digital Agency - WordPress Development - Reviews

Andrew McGuire