TC Infrastructure Services Web Design

Nathan Labrecque Creative Web Icon Arrow

Project Description

This project for TC Infrastructure Services involved the complete redesign of their existing site, which is something I always enjoy. There's something refreshing and quite fulfilling about taking an old, outdated website and breathing new life into it.

The revitalized site includes modern features such as a fixed top navigation bar, convenient scroll anchors to jump around the site with ease, custom buttons and expanding accordion sections with fluid hover effects, and a fully responsive layout.

Their logo and colour scheme was kept the same and used to maintain consistency in their branding while giving it a fresh new look. The golden rings in the logo are used as subtle background accents to provide visual interest while not taking away from the clean design and content organization. The opportunity was presented to take some "artsy" photos onsite to be used as background / banner images, which turned out quite nicely and complimented their existing photography.

View Project

Tools Used

Illustrator Icon Photoshop Icon Wordpress Icon HTML5 Icon CSS3 Icon Nikon Icon

There's No Progress Without Process

Nathan Labrecque Creative Process Image
This wireframe represents the initial layout idea for the homepage, which ended up being used in the final design of the site. A simple, fullwidth style creates plenty of responsiveness and room to breathe.
Nathan Labrecque Creative Process Image
Here is the same Homepage layout transformed into a full colour mockup. Stylized icons bring the service descriptions to life while the gold highlight colour and dark blue overlayed photo backgrounds tie everything together.
Nathan Labrecque Creative Process Image
This is another preliminary wireframe layout for the Homepage. Straight lined content boxes dominate this layout which is designed to be very much photography based.
Nathan Labrecque Creative Process Image
In this Homepage mockup the service icons have been discarded for overlayed photo backgrounds, giving the design depth and a veritable visual feast.
Prev Button Next Button