Case Study

FiveTwelve

Front-End DevelopmentVisual Design

Intent

FiveTwelve provides software engineering solutions for the intelligence community. They came to me for the creation of a new website to fulfill their marketing needs and to attract potential employees.

Role

I contributed to the creation of this new responsive website as the lead web designer and lead web developer on the project.

Homepage View

Process

Research and Design

Prior to begining the design of this site, a survey was provided to the stakeholders to identify the goals of their new site. Additionaly, I spoke with them to establish a site-map, the look and feel of the site and to understand how the new site would be managed goign forward.

Photoshop was used to create desktop and mobile views for the homepage, interior pages and example custom elements and buttons.

The design went through a series of revisions with the client until approval was received. Iterations were presented using prototyping and mockup tool Invision.

Build-Out

Once the design was finalized, the new responsive website was built using Wordpress. I created a custom Wordpress theme for the site. I made use of Git versioning control, the Gulp JavaScript task runner, JS/JQuery, Sass, and a variety of JQuery and Wordpress plugins.

Example Mobile Views
Example Interior Page