loader image

Solidrok Website

Web UI

2018

Solidrok Constructions was a concrete pouring and construction company based in Melbourne, Australia. Before the COVID-19 pandemic, they provided services for a variety of construction projects in and around Melbourne. In 2018, they contacted me to help revamp their web presence, specifically their website. I used ACF, Elementor, and WordPress to design and build the site, and also conducted an on-site photo shoot. Unfortunately, due to the pandemic, the company has since closed down. Below are screenshots of the finished product.

Project Details

During our initial consultation, we decided that the website would be a brochure-style site containing information, photography, and hero sections in line with the brand colors. To create a simple content management system, I used Advanced Custom Fields (ACF) to make the site fully dynamic. Theinhardt was selected as the body font, and Tiempos was chosen for the headlines.

Client:

Solidrok Constructions

Role:

Web Development, UI and Wordpress Development. Dynamic Content.

Skills:

UI/UX, CSS, Wordpress, Elementor, Dynamic Content, Template Build, Sketch Prototyping, Photography

Services Provided:

User Interface Design, User Experience Design

Timeframe:

2 months
#e8934e
#292526
#444444
#262626

I built the backend of the website using WordPress, with the help of Advanced Custom Fields (ACF) and Elementor, as well as several SEO plugins. I first created high-definition designs in Sketch, and after they were approved, I used Elementor to convert them into section blocks that were populated using dynamically driven ACF labels.

Instead of using standard stock photography, I suggested and offered my photography skills to create a small library of images that could be used in the future. On a cold winter’s day in Melbourne, I spent the morning capturing Solidrok workers as they poured and shaped concrete into solid forms. The images were then used throughout the website. Below are some examples of the photos that were featured on the site.

The site works well across most devices, with mobile being a priority.

I used the photos that I had taken on-site to create a cohesive aesthetic that matched the Solidrok color scheme. I employed a two-column grid and sticky sections for long text, and my passion for typography helped me achieve a visually pleasing layout that was also in line with the company’s corporate image. This was exactly what Solidrok was looking for.

The end result..

The website was completed and handed over within two months. For me, this project was an opportunity to learn more about creating dynamically driven websites, which is an area that I am very passionate about.

Web UI
Web UI
stationary