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.
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.
Legal assistance, negotiations
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.
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 - 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.
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.
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!