A friend, colleague, and client; had a need for an online presence for a business startup, predicated by a logo design.

The creative process begun with a request from the client and a “napkin” sketch. Next was a wireframe for the website and a rough draft Photoshop mock up of the logo. After that, the first draft of the vector logo was rendered and delivered. Two revisions later, the final draft was rendered and delivered.

3rd Coast Appraisal

As the site is intended for information and contact purposes, a static HTML5 format was chosen for simplicity. To help facilitate rapid development, I chose to clone the FastShell boilerplate and workflow.

~ $ git clone

HTML5, SCSS, and GULP set up and ready! Can’t say enough good things about this boilerplate for a starting point with task automation developing a static website.

I added my own SCSS grid system, but a minor detail to add for so much groundwork already done.

A request for a slider, jQuery plug-ins and dependencies were added to transform simple markup into a hero banner style slideshow to showcase client provided images and overview text.

Finally a contact form using a simple PHP mail function, HTML5 form validation, and AJAX response…

3rd Coast Appraisal


$(function() {

var form = $('#ajax-form');

var formMessages = $('#form-messages');

$(form).submit(function(event) {


var formData = $(form).serialize();

type: 'POST',
url: $(form).attr('action'),
data: formData
}).done(function(response) {



}).fail(function(data) {


if (data.responseText !== '') {
} else {
$(formMessages).text('Oops! An error occurred and your message could not be sent.');

We have a happy client!