Website Development and Design Portfolio

GoGrid's Hosted Private Cloud

A mini site for a specialized product division

GoGrid is leading cloud infrastructure as a service (IaaS) company located in San Francisco. This mini site was created to promote their Hosted Private Cloud product which is targeted at large corporations, enterprises and business units within enterprises.

My Role:

  • Website layout, design and development
  • Design for diagrams found on sub pages
Hosted Private Cloud Website

Sorry, the live example no longer properly reflects my work.

GoGrid - Landing Page

A conversion driven landing page for GoGrid

This is a landing page designed, developed and produced for GoGrid to capture traffic from various online advertising campaigns. The goal of the page was to drive live chat interactions. The accordion was handled through jQuery and the 'Request More Info' button brings up a modal form through an ajax call. It was also required for the page to integrate seamlessly with GoGrid's CRM and marketing automation solution (MAS).

My Role:

  • Page concept, design and development
  • CRM and MAS integration

Dormform

Product website for Dormform

Dormform is a local Bay Area startup company focused on wholesaling memory foam mattress pads to college bookstores nation wide. The strategy for the website was somewhat tricky as it needed to be developed to effectively target campus bookstore buyers, distributors as well as the students.

My Role:

  • Guidance in marketing strategy
  • Website layout, design and development

Jean Flynn Interiors

Small business website

Jean Flynn Interiors provides custom and high end interior design services. The website is built on the Drupal content management system and features a custom written photo gallery that extends the jQuery framework. Implementation of the gallery was achieved through the use of Drupal's Views, CCK, and imagecache modules. Through Drupal's admin interface Jean is able to modify, add, and delete the photos in her gallery.

In addition to the gallery the small slideshow on the homepage was developed with a custom PHP script that loops through a directory of photos to populate the images and was made functional through some quick jQuery.

My Role:

  • Logo design
  • Website layout, design and development
  • Drupal custom theme development
  • Javascript photo gallery development (extends the jQuery framework)

Heart and Dagger Saloon

Bar Website

The Heart and Dagger Saloon is a rock and roll themed bar in Oakland's Grand Lake neighborhood. The owners wanted a small website where they could post their hours, any events and some photos of the bar. The photo gallery pulls in its content from two separate Flickr galleries via the Flickr API. A PHP class was written to interact with the API and some procedural PHP logic was scripted to handle the content population. The javascript driving the gallery is a slightly modified version of the gallery found on the Jean Flynn Interiors website.

In addition to the website, I also handled the Heart and Dagger logo design, signage designs, and provided illustrated artwork for t-shirt and sweatshirt designs.

My Role:

  • Logo design
  • Website layout, design and development
  • PHP scripting for Flickr API interaction
  • Javascript photo gallery implementation

Bay Area Sign Installation

Small Business Website

Bay Area Sign Installation is an East Bay sign production and sign installation business. The website runs on the Drupal CMS and features another implementation of the jQuery based photo gallery. This version however, has been modified so that it provides categories for the pictures which are selectable via a navigation interface just above the main photo frame. This was accomplished through some clever usage of the Drupal Views module and the existing javascript for the gallery. Through the Drupal admin interface the client is able to update the gallery, move photos between categories, and edit, add or delete the categories.

My Role:

  • Website layout, design and development
  • Drupal custom theme development
  • Javascript photo gallery implementation