Diaz Constructions

Web Design & Development
Project Overview
Diaz constructions is a small business located in the San Francisco Bay Area. Diaz Constructions has been serving the Bay Area Community for years by providing high quality and modern solutions for their clients. They wanted a website update that was on par and as modern as high quality as the solutions that they provide to their customers. I designed and developed this website using the Webflow platform.
The Problem
The current website looks outdated and it does not match the brand that Diaz Constructions has made for itself.
We believe this is resulting in a loss in potential new clients that drop off once they see the website.
• Allow customers an easy way to view all the projects Diaz Constructions has completed and reach out for an inquiry.
User Goals
• Diaz Constructions is looking to create a online web presence that reflects their online brand
in a clean and modern fashion in order to get more clients.
Business Goals
• After taking a look at some of the more popular contractor companies within the Bay Area, I determined some of the important sections we will include within the website that you can see below.
Research
The wireframes did go through one round of revisions when I showed it to the client. although the client wanted to show the services in the forefront, we opted for a more clean look tat provided a statement with points highlighting their popular services. If a user wanted to take a deeper look at the services they would need to click onto the button. We did this to provide the client with a general overview in the beginning to not overwhelm them with all the service types.
Wireframes
Diaz Constructions has been an established brand for a few years in the Bay Area, which meant they already had a lot of assets that have been made such as business cards, shirts for employees and other business materials. With these constraints in mind I started exploring possibilities with that darker black and orange that they use.
Style Tiles
After the client decided to move forward with the darker tone style tile, I built out the remaining pages keeping the consistent look throughout! Check out the final result below!
Mockup