Portfolio
I design and build cool websites. Checkout some of the stuff I've done.
BOKA Powell
Services: Design & Development
Collaborating with BOKA Powell's own in-house designer, I further refined the design and built a new website for them. The site was built using the Bulma CSS framework with the latest version of Statamic for the CMS. A custom application using Alpine JS was built for the Projects page and other areas for highly dynamic content and filtering.
AMN Healthcare - Workforce Planner Pro
Services: Design & Development
I designed and developed a questionaire game for AMN Healthcare. The game was built using the reveal.js framework along with Alpine JS for further application functionality. restdb.io was used to save the data captured from the game. Various events and analytics are also captured and saved using Google Analytics and Tag Manager.
Froth & Fur
Services: Design & Development
I collaborated with Patrick Ortman on the design of a new website for his company Froth & Fur. The site was built using the Bulma CSS framework with the latest version of Statamic for the CMS. The Work section utilizes Vimeo API's for more control and quicker video loading.
Kate Weiser Chocolate
Services: Development
I collaborated with Paperlyte to design and develop a small ecommerce site for Kate Weiser Chocolate, an up and coming chocolate company in Trinity Groves. The site features a "Build-a-Box" page that allows visitors to custom build a box of chocolates from dozens of flavors.
HC Contractors
Services: Development
I collaborated with Nick Ebdon to design and develop a new site for HC Contractors, a UK based contracting company specializing in hotel, leisure, public house and restaurant refurbishment. The site features a portfolio section with full-screen galleries.
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.
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.
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.
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.
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.
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.
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.
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.
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.