Portfolio

PPTM 2013 Screenshot

Preston Persuaders Toastmasters Club

Services: Design & Development

The website I built for my Toastmasters club was getting a bit old and needed a facelift to reflect the current Toastmasters brand and provide a more modern user experience. The club website has been a great tool for attracting new members so we focused on just that and kept the layout extremely simple. The personality of the club is retained in the design but has been updated to reflect the official Toastmasters International colors. I used a combination of the Lato and Aleo fonts, both of which compliment each other well and give the site a professional yet inviting feel.

Technologies: HTML5, CSS3, , , ,

riffe screenshot 2013

Riffe Law Firm

Services: Design & Development

Brad Riffe and I revisited his site and, while the previous site was clean, simple, and worked well, it wasn't responsive. After reviewing Google Analytics, we were shocked to find that over 20% of his traffic comes from mobile devices. It was clear that the site needed to be redesigned to give visitors a better user experience. The result is an even cleaner, faster site with content that is heavily focused on the user. Along the way, we also worked on boosting Brad's social media presence as well as additional steps towards better SEO. 

Technologies: HTML5, CSS3, , , ,

rmcareers screenshot

RMCareers

Services: Design & Development

RMCareers needed a simple, elegant one-page site that gets to the point really quickly on who they are, what they do, and how to get in contact with them. The end result is a clean responsive page that works well on any internet device and gives visitors just what they need to know about the business. We tailored the content to leverage the use of schema metadata so that Google and other search engines are aware that it is a type of employment agency. We also setup an entire social networking campaign, including Google+ which will greatly help with Author Rank.

Technologies: HTML5, CSS3, ,

jw screenshot

Jeff Whitfield

Services: Design & Development

For my freelance/resume site, I wanted to highlight the latest frameworks and technologies I've been working with to date. I started with rebranding Horizon Innovations into my personal brand. I felt that marketing myself would benefit me more than using my old company name. From there, I used SilverStripe and Twitter Bootstrap to scaffold a prototype of the site using a mix of content from my resume and previous portfolio site. I kept the design clean and simple, refraining from using any fancy interface elements in an effort to keep the site as accessible as possible.

Technologies: HTML5, CSS3, , , ,

Fiber-Seal Screenshot

Fiber-Seal

Services: Design & Development

While employed with Holmes Millet, I helped design and develop a new website for Fiber-Seal. The site was iteratively designed in an agile-like manner using responsive design techniques with further consultation from the design team at Holmes Millet. Some of the features included multiple email-based forms and a document management system for the Designers' Corner section. An Owner Resources section also incorporated a document management system along with a way for clients to submit a basic order request for products.

Technologies: HTML5, CSS3, , , ,

HDReps Screenshot

HDReps

Services: Design & Development

The previous version of the HDReps website was developed while at Collabpad. The initial design came from a third-party design house. The client wanted to upgrade the site to the latest version of MODX (Revolution) which required extensive redevelopment. In the process of redeveloping the site, I rebuilt the front-end from the ground up to utilize Twitter Bootstrap. I enhanced and redesigned certain areas to allow for a better experience on mobile devices. 

Technologies: HTML5, CSS3, , , ,

Headley Brothers Digital Screenshot

Headley Brothers Digital

Services: Development

In conjunction with Collabpad, I helped designer Nick Ebdon build a highly modern website for Headley Brothers. The development involved the use of HTML5 and CSS media queries to allow automatic scaling depending on the screen size. Nick provided a fantastic design that made scaling the site a breeze.

Technologies: HTML5, CSS3, , , , ,

Herbie Photobooks Screenshot

Herbie Photobooks

Services: Development

This was the second site Nick Ebdon and I worked on for Headley Brothers. While the site does not make use of any responsive design techniques, the layout and design is highly modern with liberal use of HTML5 and CSS3 techniques scattered throughout.

Technologies: HTML5, CSS3, , , ,

SFS Screenshot

Supported Fostering Services

Services: Development

This was the second site I helped designer Nick Ebdon build using responsive design techniques. Various challenges presented themselves with the implementation of a responsive design layout. The end result required some clever uses of javascript and CSS to achieve different menu options when scaled to smaller screens.

Technologies: HTML5, CSS3, , , , ,