Interactive chat

Step 1 of 7

Let's set up our
first project

1 ➔ Drop a link to your design project in Figma

0% completed

Case Study

United CMC

The project required building 4 pages with custom blocks and designing and building a 404 page – all in three days. And we’ve met the deadline precisely.

We created a total of 12 custom Gutenberg blocks. The hero section includes a menu for the home page, in which items are anchored to the sections. The Services block is an accordion menu with on-click effects.

The Our Team block has clickable cards: a click triggers a modal popup with the information about the team member. Users can move between the cards without closing them – using the arrows on the sides.

Services:

WordPress development
Gutenberg block editor
ACF, Gravity Forms plugins
PHP, JavaScript

Year:

2021

Our Task

Our task was to develop 4 pages (Main page, Services, About Us, Contact Us) based on the design provided and design and add a 404 page to the site. The main requirement was to complete the work in 3 days plus an extra day for corrections.

Location

USA

Competence

Legal assistance, negotiations

Industry

Cannabis

Our Solution

Based on the site design, we needed to build a total of 12 custom blocks for all pages, including custom forms powered by the Gravity Forms plugin for WordPress.

We managed to meet the crucial requirement – the three-day deadline – even with building all the custom blocks and designing an extra page.

Hero section

Home Page

The home page opens with a hero section that has a large banner as a background, a Book A Call button and a menu with items anchored to the sections of the page. For the transition between the menu item and the corresponding section, we used a smooth scroll transition effect.

Services Block - Home Page

The Service block on the home page consists of 11 individual icon-text sets arranged in one Gutenberg block. All icons and titles are editable from the admin dashboard.

Services block on homepage
Services block

Services block - Services Page

This block elaborates on the aspects listed in its sister block from the home page. To ensure the block isn’t too heavy due to all the information, we implemented the list as an accordion menu. Each item shows its description with a dropdown animation on-click, changing the Plus icon to Minus and vice versa when closed.

Our Team Block

This block is a 4×6 grid of team member cards and a title with a description. Each of the cards has images, a brief piece of personal information and an abstract of the bio, as well as Phone and Message buttons.

Our Team block
Modal

Team Member Bio Popup

Besides, the cards are clickable themselves: a click on a card triggers a popup modal window with more information about the member. Also, users can browse the modals without closing them, i.e., by using the arrows. All content of the block is editable from the admin dashboard.

Our Result

We finished the development for this project as quickly as in three days. That included building 4 pages with custom blocks and designing and building a 404 page.

Among other custom blocks, there were Services blocks – two different for two pages. One of them was implemented as an accordion menu, another one – as a grid with editable icon-text sets.

The cards in the Our Team block are clickable: a click triggers a modal popup with the information about the team member. Users can move between the cards without closing them – using the arrows on the sides.

Are you ready

Let’s build your next digital product!