Initial Ideas/Style Concepts
I first identified a basic color scheme for their website that I made sure meshed well with their brand essence. I decided to go with a monochromatic color palette in order to keep the site simple and professional with the main colors being blue, white, grey, and black and used strong imagery to make sure that potential clients could immediately view projects related to the industry they were interested in.
I then mapped out how each element would translate to mobile and tablet, concentrating on the client’s and more importantly the users’ needs. I started with basic paper sketches and wireframes to map out the various interactions before then taking my ideas into Photoshop and using Brackets for the bulk of the development.
Bringing It All Together
I used CSS3, HTML5, and JQuery to turn the design into working code before integrating it with Netsource’s SiteSource CMS. I believe strongly in graceful degradation, so I made sure that the site functioned well on all browsers as far back as IE8 (It even works on IE7, though there are some quirks). All images were optimized to keep the site lightweight and fast, and it ended up being much faster than their previous site.